-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
65 lines (65 loc) · 6.83 KB
/
about.html
File metadata and controls
65 lines (65 loc) · 6.83 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
<title>About Us - WaveSign</title>
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align: center; margin: 0; padding: 0;">
<header style="display: flex; align-items: flex-end; padding: 20px 40px 20px 40px; background: linear-gradient(90deg, #77ceb7 0%, #0ba2bc 100%); box-shadow: 0 2px 8px rgba(0,0,0,0.04); margin-bottom: 0; gap: 32px;">
<div style="display: flex; flex-direction: column; align-items: flex-start;">
<h1 style="font-size: 2.2em; margin: 0; color: #fff; letter-spacing: 2px; text-shadow: 0 2px 8px rgba(11,162,188,0.15);">WaveSign</h1>
<div style="font-size: 1.1em; color: #eafaf7; margin-top: 4px; margin-bottom: 0; font-weight: 500; letter-spacing: 1px;">Teachable Machine Image Model</div>
</div>
<a href="mainFunction.html" style="text-decoration: none; align-self: flex-end; margin-left: 24px;">
<button type="button" style="font-size: 1.1em; padding: 10px 22px; background: rgba(255,255,255,0.15); color: #fff; border: 2px solid #fff; border-radius: 6px; cursor: pointer; font-weight: 600; transition: background 0.2s;">Visual Translate</button>
</a>
<a href="aslData.html" style="text-decoration: none; align-self: flex-end; margin-left: 12px;">
<button type="button" style="font-size: 1.1em; padding: 10px 22px; background: rgba(255,255,255,0.15); color: #fff; border: 2px solid #fff; border-radius: 6px; cursor: pointer; font-weight: 600; transition: background 0.2s;">View ASL Images</button>
</a>
<a href="about.html" style="text-decoration: none; align-self: flex-end; margin-left: 12px;">
<button type="button" style="font-size: 1.1em; padding: 10px 22px; background: rgba(255,255,255,0.15); color: #fff; border: 2px solid #fff; border-radius: 6px; cursor: pointer; font-weight: 600; transition: background 0.2s;">About Us</button>
</a>
<a href="#" id="feedbackBtn" style="text-decoration: none; align-self: flex-end; margin-left: 12px;">
<button type="button" style="font-size: 1.1em; padding: 10px 22px; background: rgba(255,255,255,0.15); color: #fff; border: 2px solid #fff; border-radius: 6px; cursor: pointer; font-weight: 600; transition: background 0.2s;">Feedback</button>
</a>
</header>
<section id="about-us" style="max-width: 700px; margin: 32px auto 0 auto; background: #f7faf9; border-radius: 12px; box-shadow: 0 2px 8px rgba(11,162,188,0.07); padding: 24px 28px; font-size: 1.15em; color: #1a3a3a; text-align: left;">
<h2 style="margin-top: 0; color: #0ba2bc; font-size: 1.3em; letter-spacing: 1px;">About Us</h2>
<p style="margin-bottom: 24px;">Hao Yuan handled the AI model training using Teachable Machine. He was responsible for preparing the dataset, training the model, and optimizing it for better accuracy using webcam and image input tests.
<p style="margin-bottom: 24px;">Kelly worked on the website’s core functionality, including coding the image upload feature and developing the ASL hand sign gallery. She also helped with GitHub integration and troubleshooting.</p>
<p style="margin-bottom: 24px;">Roshini led all media-related tasks, including designing the poster, banner, carousel, and producing the promotional video. She also helped format the website layout, ensured responsiveness, and styled the visual components.</p>
<p style="margin-bottom: 24px;">Ezann built and managed the FAQ chatbot using Botpress. She updated the knowledge base, ensured accurate chatbot responses, and handled testing for the bot’s usability.</p>
<p style="margin-bottom: 24px;">Varsheenee created and configured the feedback chatbot using Botpress. She tested conversation flows, refined responses, and supported chatbot integration on the website.</p>
<div style="margin-bottom: 24px; text-align:center;">
<div style="color:#0ba2bc; font-size: 1.3em; letter-spacing: 1px; font-weight: 600; margin-bottom: 8px;">Find Us Here</div>
<iframe src="https://www.google.com/maps?q=1.445503,103.785091&hl=en&z=17&output=embed" width="100%" height="320" style="border:0; border-radius:8px; box-shadow:0 2px 8px rgba(11,162,188,0.10);" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Find Us Here"></iframe>
</div>
<div style="text-align:center;">
<a href="index.html" style="text-decoration: none; display: inline-block;">
<button type="button" style="font-size: 1.1em; padding: 10px 28px; background: linear-gradient(90deg, #77ceb7 0%, #0ba2bc 100%); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; box-shadow: 0 2px 8px rgba(11,162,188,0.10); transition: background 0.2s;">Back to Home</button>
</a>
</div>
</section>
<main id="feedbackContent" style="max-width: 700px; margin: 48px auto 0 auto; background: #f7faf9; border-radius: 12px; box-shadow: 0 2px 8px rgba(11,162,188,0.07); padding: 32px 28px; font-size: 1.2em; color: #1a3a3a; display: none;">
<h3 style="color: #0ba2bc; font-size: 1.2em;">Feedback Bot</h3>
<p>This is a feedback bot. If you have anything you would like to share, let us know. We are happy to hear from you!</p>
<button onclick="window.open('https://cdn.botpress.cloud/webchat/v3.0/shareable.html?configUrl=https://files.bpcontent.cloud/2025/07/10/11/20250710114140-JR0E9W49.json', '_blank')" type="button" style="font-size: 1.1em; padding: 10px 28px; background: linear-gradient(90deg, #77ceb7 0%, #0ba2bc 100%); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; box-shadow: 0 2px 8px rgba(11,162,188,0.10); transition: background 0.2s; margin-bottom: 8px; display: inline-block;">Open Feedback Bot</button>
<div style="text-align: center; margin-top: 16px;">
<a href="index.html" style="text-decoration: none;">
<button type="button" style="font-size: 1.1em; padding: 10px 22px; background: linear-gradient(90deg, #77ceb7 0%, #0ba2bc 100%); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; box-shadow: 0 2px 8px rgba(11,162,188,0.10); transition: background 0.2s;">Back to Home</button>
</a>
</div>
</main>
<script src="https://cdn.botpress.cloud/webchat/v3.1/inject.js" defer></script>
<script src="https://files.bpcontent.cloud/2025/07/09/17/20250709171224-FMCTOBNP.js" defer></script>
<script>
document.getElementById('feedbackBtn').addEventListener('click', function(e) {
e.preventDefault();
document.getElementById('about-us').style.display = 'none';
document.getElementById('feedbackContent').style.display = 'block';
});
</script>
</body>
</html>