-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
176 lines (150 loc) · 7.41 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<!-- This script sends data every time a user enters this page,
as well as periodically when the user is on the about pade.
using this code via Google Analytics we can monitor how many users visited our app
and the duration that they spent on the app.-->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EFS38DVNK0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EFS38DVNK0');
</script>
<meta charset="UTF-8">
<title>Treasure Hunt App</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/welcome_css.css">
<script src="https://kit.fontawesome.com/3253780193.js" crossorigin="anonymous"></script>
</head>
<body>
<video id="myVideo" autoplay muted>
<source src="videos/treasure_hunt_background_index.mp4" type="video/mp4" />
</video>
<div class="welcome-message">
<p>
Welcome to our Treasure Hunt web application! Our team has developed a unique online quiz that will challenge
your knowledge and sense of adventure. With our application, you will have the opportunity to explore different
locations and find hidden clues to unravel the mystery.
</p>
<p>
Our web app is designed to be user-friendly and reliable, with easy navigation and clear instructions to guide
you through the game. To start playing, simply register and select Treasure Hunt. Each hunt has a set of questions
that require you to search for information in specific locations. You can submit your answers online and earn points
for correct answers.
</p>
<p>
Our application uses this API appropriately to access hints and compete by submitting responses. We also tested
the app with a test API that offers practice treasure hunts with questions and fake grades. This ensures that our
app is of the highest quality and offers our users a seamless experience.
</p>
<p>
To promote our app, we have created a special landing page that introduces our project and team. We have designed
the page in such a way as to promote our application to the public, with clear information about the application
and its features. We have also integrated our social networks such as Twitter, Facebook and Instagram to reach a wider audience
and encourage participation. We used Google Analytics to have access to information regarding user acquisition,
retention and engagement. Finally, we registered our Web Application on Google and used meta tags to help the crawler
algorithm find and promote our page on Google search.
</p>
<p>
Our team is committed to providing an exceptional online quiz that will challenge and inspire our users. We invite
you to join us on this adventure and start exploring the world with our Treasure Hunt web application.
</p>
<p>
To stay updated, follow us on social media:
</p>
<div class="social-icons">
<a id="twitter_icon" href="https://twitter.com/ACI_Group1" target="_blank"><span class="fa-brands fa-twitter"></span></a>
<a id="fb_icon" href="https://www.facebook.com/profile.php?id=100090303857547" target="_blank"><span class="fab fa-facebook-f"></span></a>
<a id="instagram_icon" href="https://z-p4.www.instagram.com/aci.team.group1/?hl=en-gb" target="_blank"><span class="fa-brands fa-instagram"></span></a>
</div>
<div class="team-members">
<h2>Meet Our Team</h2>
<div class="team-member">
<h3>Alexis Demetriou</h3>
<p>
Team Leader & Full-Stack Developer. Alexis is responsible for the development of the main application
using HTML, CSS, and JavaScript. He collaborates closely with Charalampos to ensure seamless communication between the
server and client-side components of the application. Alexis also works with Ivan on resolving minor and major bugs.
</p>
</div>
<div class="team-member">
<h3>Charalampos Nikolaou</h3>
<p>
Backend Developer and Quality Assurance Tester. Charalampos is responsible for the server-side
of the application, utilizing JavaScript to ensure that the server is working correctly and facilitating smooth
client-server communication. Charalampos also identifies and reports any bugs or issues, as well as suggesting areas
for improvement to ensure that the application meets quality standards and functions as intended.
</p>
</div>
<div class="team-member">
<h3>Ivan Semenov</h3>
<p>
Marketing Specialist and Team Secretary. Ivan is responsible for promoting and marketing the
Treasure Hunt App. He develops marketing campaigns and strategies, manages the app's social media accounts, and gathers
user feedback to enhance the app's user experience. Ivan also collaborates with Alexis on app design and functionality.
As the team secretary, Ivan schedules meetings and documents key information discussed during these sessions.
</p>
</div>
</div>
<div class="app">
<h2>App Features</h2>
<h4>Easy Registration</h4>
<p>
Click the start button, enter your name, and begin your treasure hunting adventure right away.
</p>
<h4>Engaging Treasure Hunts</h4>
<p>
Explore various locations and find hidden clues to solve the mystery.
Each treasure hunt is designed to challenge your knowledge and sense of adventure.
</p>
<h4>Compete with Others</h4>
<p>
Submit your answers online and earn points for correct answers. But beware, wrong answers deduct points.
Compete with other players and see who can solve the mystery first.
</p>
<h4>User-Friendly Interface</h4>
<p>
Our web app is designed to be easy to navigate and use, with clear instructions and a user-friendly interface.
Don't forget to check out the map to see your entire journey in the palm of your hand.
</p>
<h4>Regular Updates</h4>
<p>
We are constantly working to improve our app and add new treasure hunts for our users to enjoy.
Stay tuned for updates and new challenges!
</p>
<h4>App Screenshots</h4>
<p>
<img src="screenshots/Screenshot%202023-03-23%20144521.png" alt="Screenshot 1">
<img src="screenshots/Screenshot%202023-03-23%20144549.png" alt="Screenshot 2">
<img src="screenshots/Screenshot%202023-03-23%20144618.png" alt="Screenshot 3">
</p>
<h4>Testing</h4>
<p>
Additionally, we have tested our app with a test API that offers practice treasure hunts with questions and fake grades.
This allows us to thoroughly test the app's functionality and ensure that it works as expected before releasing it to the public.
</p>
<p>
We are committed to continuously improving our app and addressing any issues that may arise. If you encounter any
problems or have suggestions for improvements, please feel free to contact on Facebook, Instagram or Twitter.
</p>
<p>
This is the testing link:
<a href="test.html"><b>Testing Link</b></a>
</p>
<p>
<a href="index.html"><b>« Go Back</b></a>
</p>
</div>
</div>
<div class="next-page">
<a class="next-button" href="app.html">Let's get started</a>
</div>
<footer class="footer">
<p>Copyright © 2022-23 Treasure Hunt App</p>
</footer>
<script src="js/background.js"></script>
</body>
</html>