generated from akshatvg/template-materialize
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathclue1.html
132 lines (113 loc) · 6.34 KB
/
clue1.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags for SEO -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description"
content="An escape room leading to a special gift at the end. Sit down, relax, follow along and have fun!">
<meta name="keywords" content="Escape Room, Gift, Birthday, Surprise, Prize, Treasure Hunt">
<meta name="author" content="Akshat Gupta">
<meta name="copyright" content="Akshat Gupta">
<meta name="language" content="en">
<meta name="url" content="https://escaperoom.akshatvg.com/clue1">
<meta name="category" content="Birthday">
<meta name="coverage" content="Worldwide">
<meta name="rating" content="General">
<meta name="og:email" content="akshatvg23@gmail.com">
<meta name="og:phone_number" content="+919600093179">
<meta name="og:country-name" content="India">
<meta name="og:region" content="Tamil Nadu">
<meta name="og:site_name" content="Escape Room">
<meta property="og:type" content="website">
<meta property="og:title" content="Escape Room">
<meta property="og:description" content="">
<meta name="theme-color" content="#107BE5">
<meta property="og:url" content="https://escaperoom.akshatvg.com/clue1">
<meta property="og:site_name" content="Escape Room">
<meta name="twitter:card" content="website">
<meta name="twitter:site" content="Escape Room">
<meta name="twitter:title" content="Escape Room">
<meta property="og:image" itemprop="image" content="assets/img/favicon.png">
<meta name="twitter:description"
content="An escape room leading to a special gift at the end. Sit down, relax, follow along and have fun!">
<meta name="twitter:creator" content="@akshatvg">
<meta itemprop="name" content="Escape Room">
<meta itemprop="description"
content="An escape room leading to a special gift at the end. Sit down, relax, follow along and have fun!">
<link rel="canonical" href="https://escaperoom.akshatvg.com/clue1">
<!-- Linking Favicon, Apple Touch Icon, Font Awesome, AOS, Materialize & CSS -->
<link rel="icon" href="assets/img/favicon.png" type="image/png">
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
defer>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="stylesheet" href="assets/css/spacing.css">
<link rel="stylesheet" href="assets/css/index.css">
<!-- Title -->
<title>Clue 1 || Escape Room</title>
<!-- No Script -->
<noscript>Please enable JavaScript to open this page.</noscript>
</head>
<!-- Home Page -->
<body id="body">
<!-- Audio -->
<audio autoplay id="autoPlayMusic">
<source src="assets/audio/horror.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<!-- Welcome -->
<div class="container mb-5">
<div class="row center center-align">
<h1 class="overlay-text center animated bounce">Clue #1</h1>
</div>
<div class="overlay-text animated bounce">
<div class="row center">
<!-- Heading -->
<h2 class="center heading-underline">This one will be easy since this is your first clue.</h2>
</div>
<!-- Content -->
<div class="row center">
<h5>Hint: View the Source Code.</h5>
</div>
<!-- GIF -->
<div class="row center">
<img src="assets/img/find-me.gif" alt="Find Me GIF" class="responsive-img" draggable="false">
</div>
<!-- Note -->
<div class="row center">
<h6 class="grey-text">P.S: I went easy on you because this is your first clue. I may not give more hints.</h6>
</div>
</div>
</div>
<!-- Just Another Div -->
<div class="d-none">
<!-- Clue 1 -->
<!--
____ _____ _ _ ___ ____ __ ____ _ _ _ _____ _ _ _ _ _
/ ___| __|_ _|__ | \ | | __ _ _ __ ___ ___ / _ \ / _\ \ / /__ _ _ _ __| __ ) ___ ___| |_ ___ ___| |_ ___ ___| |_| ___| __(_) ___ _ __ __| | | |__ | |_ _ __ ___ | |
| | _ / _ \| |/ _ \| \| |/ _` | '_ ` _ \ / _ \ | | | |_ \ V / _ \| | | | '__| _ \ / _ \/ __| __/ _ \/ __| __/ _ \/ __| __| |_ | '__| |/ _ \ '_ \ / _` | | '_ \| __| '_ ` _ \| |
| |_| | (_) | | (_) | |\ | (_| | | | | | | __/ |_| | _| | | (_) | |_| | | | |_) | __/\__ \ || __/\__ \ || __/\__ \ |_| _|| | | | __/ | | | (_| |_| | | | |_| | | | | | |
\____|\___/|_|\___/|_| \_|\__,_|_| |_| |_|\___|\___/|_| |_|\___/ \__,_|_| |____/ \___||___/\__\___||___/\__\___||___/\__|_| |_| |_|\___|_| |_|\__,_(_)_| |_|\__|_| |_| |_|_|
-->
</div>
<!-- Loader -->
<div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
stroke="#6590D5" /></svg></div>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src=" https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"
crossorigin="anonymous"></script>
<script src="assets/js/clue1.js"></script>
</body>
</html>