-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
205 lines (199 loc) · 9.96 KB
/
index.html
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pweek: Learn Pohnpeian</title>
<link rel="icon" type="image/x-icon" href="web-images/favicon.ico">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<ul>
<li><a class="navlink" id="navlinkSection0" href="#section0">Introducing Pweek</a></li>
<li><a class="navlink" id="navlinkSection1" href="#section1">Why Pweek?</a></li>
<li><a class="navlink" id="navlinkSection2" href="#section2">Features</a></li>
<li><a class="navlink" id="navlinkSection3" href="#section3">Demo</a></li>
<li><a class="navlink" id="navlinkSection3" href="#section4">About</a></li>
<li><a class="navlink" id="navlink4" href="https://github.com/SCCapstone/Downpour" target="_blank"><img
id="icon" src="web-images/githubIcon.png"></a></li>
</ul>
</nav>
<section class="parallax" id="section0">
<div class="parallax-inner">
<div class="textCenter">
<h1 class="title" data-aos="fade-in">Introducing Pweek</h1>
<h2 class="subtitle" data-aos="fade-in">The Pohnpeian Language-Learning App</h2>
</div>
</div>
<div class="opaqueWhite">
<div class="divCenter">
<div class="textSection" data-aos="fade-up">
<p>Introducing Pweek, the ultimate language learning app that makes learning Pohnpeian easy, fun,
and
engaging! Pweek is designed to help you learn Pohnpeian at your own pace, with lessons and
quizzes that reinforce your learning. With Pweek, you'll learn not just the
language,
but
also the culture and history of the Pohnpeian people. Whether you're a beginner or an advanced
learner,
Pweek has something for everyone. </p>
</div>
</div>
</div>
</section>
<section class="parallax2" id="section1">
<div class="parallax-inner">
<div class="textCenter">
<h1 class="title" data-aos="fade-in">Why Learn Pohnpeian with Pweek?</h1>
</div>
</div>
<div class="opaqueWhite">
<div class="divCenter">
<div class="textSection" data-aos="fade-up">
<p>Learning Pohnpeian with Pweek is a unique and exciting opportunity to explore the rich culture
and history nestled in the island of Pohnpei in Micronesia. Pweek was developed as a
language-learning Android app,
similar to Duolingo, but with a focus on an underserved language. Our app is specifically
designed to teach users the language of Pohnpeian, spoken only by an estimated 45,000 native
speakers across the world.<br><br>By using Pweek, users can learn to read and speak the language
through lessons plan, quizzes, and cultural insights. The app offers a practical and efficient
way for users to gain a good working knowledge of the most commonly used phrases, which can help
them to navigate the island and communicate with the locals. With Pweek, learning Pohnpeian is
not just about the language but also about how we connect with the culture and history of the
people who speak it.
</p>
</div>
</div>
</div>
</section>
<section class="parallax3" id="section2">
<div class="parallax-inner">
<div class="textCenter">
<h1 class="title" data-aos="fade-in">Features of Pweek</h1>
<h1 class="subtitle" data-aos="fade-in">The Ultimate Language-Learning App</h1>
</div>
</div>
<div class="opaqueWhite">
<div class="divCenter">
<div class="textSection">
<div data-aos="fade-right">
<div class="textCenter">
<h1 id="firstFeature">Lessons</h1>
</div>
<p>Our app provides engaging and effective lessons that cover reading, writing, speaking, and
understanding Pohnpeian. Lessons feature interactive exercises and audio recordings.
</p>
<div class="divCenter"><img src="web-images/lessonMockup.png"></div>
</div>
<div data-aos="fade-right">
<div class="textCenter">
<h1>Quizzes</h1>
</div>
<p>Test your Pohnpeian language skills with engaging quizzes! Each quiz features multiple-choice
questions that track your score, allowing you to measure your progress and improve your
language
proficiency.
</p>
<div class="divCenter"><img src="web-images/quizMockup.png"></div>
</div>
<div data-aos="fade-right">
<div class="textCenter">
<h1>Search</h1>
</div>
<p>Find what you need quickly with the search page in our app. Explore the culture and geography
of Pohnpei by searching for specific information on different parts of the island.
</p>
<div class="divCenter"><img src="web-images/searchMockup.png"></div>
</div>
<div data-aos="fade-right">
<div class="textCenter">
<h1>Explore</h1>
</div>
<p>Our explore feature unlocks a world of hidden gems in Pohnpei.
Simply tap on any image to reveal a wealth of information and insights.
</p>
<div class="divCenter"><img src="web-images/exploreMockup.png"></div>
</div>
<div data-aos="fade-right">
<div class="textCenter">
<h1>Bio</h1>
</div>
<p>Users can create a profile to track lesson and quiz progress, and customize their
bio for other users and Pohnpeians to learn about them.
</p>
<div class="divCenter"><img src="web-images/bioMockup.png"></div>
</div>
</div>
</div>
</div>
</section>
<section class="parallax4" id="section3">
<div class="parallax-inner">
<div class="textCenter">
<h1 class="title" data-aos="fade-in">Learn at Your Own Pace</h1>
<h2 class="subtitle" data-aos="fade-in">Pweek's Learning Experience</h2>
</div>
</div>
<div class="opaqueWhite">
<div class="divCenter">
<div class="textSection" data-aos="fade-up">
<p>Pweek's learning experience allows users to learn Pohnpeian language at their own
pace. With a series of interactive lessons, quizzes, and audio recordings, users can practice
not only
reading, writing, speaking, but also understanding the language. Check out the demo
below to see how Pweek can help you on your Pohnpeian language-learning journey.<br>
</p>
<div class="divCenter">
<iframe id="demo"
src="https://drive.google.com/file/d/1G0gijgckxc_A_DW1KELMcx8hDa7zeXQv/preview" width="640"
height="480" allow="autoplay"></iframe>
</div>
</div>
</div>
</div>
</section>
<section id="section4">
<div class="space"></div>
<div class="textCenter">
<h1 class="title" id="aboutTitle">About Us</h1>
</div>
<div class="divCenter">
<div class="textSection" id="aboutUsTextSection">
<p>We are a team of students in the College of Computing at the University of South Carolina. Our team
at Pweek is made up of a diverse group of individuals, each member brings their unique skills and
experiences to the table, working
together to make Pweek the best app it can be.<br><br>
</p>
<div class="textCenter">
<h1 id="firstOfNames">Cassidy Meyers</h1>
</div>
<div class="textCenter">
<h1>Kyle Meiler</h1>
</div>
<div class="textCenter">
<h1>Nghia Nguyen</h1>
</div>
<div class="textCenter">
<h1>Tatiana Washington</h1>
</div>
<div class="textCenter">
<h1>William Sutton</h1>
</div>
</div>
</div>
<div class="space"></div>
</section>
<script src="script.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
duration: 2000,
once: true,
});
</script>
</body>
</html>