-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathodyssey.html
142 lines (118 loc) · 6.49 KB
/
odyssey.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport">
<meta content="NONE,NOARCHIVE" name="robots"/>
<title>Odyssey | Thought Processors</title>
<link href="static/images/logo-small-round.png" rel="icon" type="image/png">
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/css/materialize.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400|Quicksand:300,400" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="static/css/common.css" rel="stylesheet">
<!--[if IE]>
<link rel="stylesheet" href="static/css/ie.css">
<![endif]-->
<link href="static/css/odyssey.css" rel="stylesheet">
</head>
<body class="" data-admin-utc-offset='19800'>
<div class="wrapper">
<div class="banner">
<div class="navbar-fixed">
<nav class="z-depth-0">
<div class="nav-wrapper">
<a class="button-collapse" data-activates="mobile-demo" href="#">
<i class="material-icons">menu</i>
</a>
<a class="brand-logo hide-on-med-and-down" href="#">
<img src="static/images/logo-diagonal.png">
</a>
<ul class="right hide-on-med-and-down">
<li><a href="/"> Home </a></li>
<li><a href="/team/"> Team </a></li>
<li><a href="/events/"> Events </a></li>
<li><a href="/odyssey/"> Odyssey </a></li>
<li><a href="/leaderboard/"> Leaderboard </a></li>
</ul>
</div>
</nav>
</div>
<ul class="side-nav" id="mobile-demo">
<li><a href="/"> Home </a></li>
<li><a href="/team/"> Team </a></li>
<li><a href="/events/"> Events </a></li>
<li><a href="/odyssey/"> Odyssey </a></li>
<li><a href="/leaderboard/"> Leaderboard </a></li>
</ul>
<div class="flex-container">
<img class="photo-large wow animated fadeIn hide-on-med-and-down" data-wow-delay="0.2s" src="static/images/odyssey-side.png">
<img class="photo-med wow animated fadeIn hide-on-large-only" data-wow-delay="0.2s" src="static/images/odyssey-full.png">
<h4 style="color: #FFF;" class="hide-on-med-and-down wow animated fadeIn" data-wow-delay="0.4s">
India's premier online quest-based cryptic hunt.</h4>
<h5 style="color: #FFF;" class="hide-on-large-only hide-on-small-only wow animated fadeIn" data-wow-delay="0.4s">
India's premier quest-based cryptic hunt.</h5>
<h6 style="color: #FFF;" class="hide-on-med-and-up wow animated fadeIn" data-wow-delay="0.4s">
India's premier quest-based cryptic hunt.</h6>
</div>
<a href="#sTarget">
<i class="material-icons medium icon-small wow animated fadeIn hide-on-small-only" data-wow-delay="0.6s">expand_more</i>
<i class="material-icons small icon-small wow animated fadeIn hide-on-med-and-up" data-wow-delay="0.6s">expand_more</i>
</a>
</div>
<div id="sTarget" class="container">
<div class="section"></div>
</div>
<div class="container-fluid wow animated fadeIn" data-wow-delay="0.4s">
<div class="section hide-on-med-and-down"></div>
<div class="row">
<div id="overview" class="col s12 l6">
<h5 style="text-align: center; font-weight: 400; padding-bottom: 15px;">Overview</h5>
<p>"The art of simplicity is a puzzle of complexity." It is indeed remarkable how the most elegant solutions tend to be the simplest.</p>
<p>On that note, we present to you the latest iteration in our series of cryptic hunts: Odyssey. What separates Odyssey from other online cryptic hunts is that it is quest-based, i.e. participants will be given the opportunity to choose from among 4 quests, each of which will be comprised of 4 levels that will be interlinked by a
common
theme.
<p>Once you choose a particular quest, you will be redirected to a webpage where you will need to make use of the clues scattered on the page to solve a puzzle and proceed to the next level. In order to complete a quest, you will need to solve all 4 levels. Upon completion of a quest, you will be provided the opportunity to select
another quest and continue your journey. </p>
<p>While we certrainly try our best in releasing timely hints on Twitter, we ask all participants to be a little patient. Please understand that the higher levels of the game have been designed in such a manner that finding the solution may require some time. Additional hints on Twitter will only be released when we find that a large
number of people are stuck at a certain level.</p>
<p>Happy hunting!</p>
</div>
<div id="details" class="col s12 l6">
<h5 style="text-align: center; font-weight: 400; padding-bottom: 15px;">Details</h5>
<ul class="collection with-header">
<li class="collection-header"><h6>Event Dates</h6></li>
<li class="collection-item">4, 5 and 6 April 2020.</li>
</ul>
<ul class="collection with-header">
<li class="collection-header"><h6>Registration Details</h6></li>
<li class="collection-item">Registration is free! Simply register <a href="https://processors.ml">here</a>!</li>
</ul>
<ul class="collection with-header">
<li class="collection-header"><h6>Prizes</h6></li>
<li class="collection-item">The top-3 players will get free access to the next paid Thought Processors event. Additionally, the top-10 players will get e-certificates!</li>
</ul>
<ul class="collection with-header">
<li class="collection-header"><h6>Credits</h6></li>
<li class="collection-item">We thank <a href="https://instagram.com/irissssm" target="_blank">Iiris Mann</a> for designing the Odyssey graphics!</li>
</ul>
</div>
</div>
<div class="row">
<div class="col s12 center-align">
<a href="https://processors.ml" class="btn waves-effect waves-light valign-wrapper">
Play
</a>
</div>
</div>
</div>
<br>
</div>
<footer>© 2020 Thought Processors</footer>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/js/materialize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script src="static/js/common.js"></script>
<script src="static/js/odyssey.js"></script>
</body>
</html>