forked from lingonsaft/hacktoberfest
-
Notifications
You must be signed in to change notification settings - Fork 0
/
snek.html
162 lines (140 loc) · 8.19 KB
/
snek.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="description" content="This is a static website serving as a beginner friendly project to help developers get started with hacktoberfest.">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<!-- Github follow button -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/navbar.css">
<link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/terminal.css">
<link rel="stylesheet" href="./css/snek.css">
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<title>!!HACKTOBERFEST!!</title>
</head>
<link rel="shortcut icon" href="./images/sh_icon_min.png">
<body id="body">
<!--
__ __ __ __ __ ____ __
/ / / /____ _ _____ / /__ / /_ ____ / /_ ___ _____ / __/___ _____ / /_
/ /_/ // __ `// ___// //_// __// __ \ / __ \ / _ \ / ___// /_ / _ \ / ___// __/
/ __ // /_/ // /__ / ,< / /_ / /_/ // /_/ // __// / / __// __/(__ )/ /_
/_/ /_/ \__,_/ \___//_/|_| \__/ \____//_.___/ \___//_/ /_/ \___//____/ \__/
i just want a t-shirt at this point
-->
<!--Navbar-->
<button onclick="topFunction()" class="btn btn-danger" id="myBtn" title="Go to top"><img src="https://png.icons8.com/ios/50/000000/circled-chevron-up.png"
alt="circled-chevron-up icon"></button>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary" id="navbar">
<a class="navbar-brand" href="https://hacktoberfest.lingonsaft.com/">Hacktoberfest</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/helpful-material">Helpful Materials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contributors">Contributors</a>
</li>
<li class="nav-item dropdown drop">
<a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Others
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="nav-item"> <a class="nav-link-drop" href="https://cultofthepartyparrot.com/">PARROTS?!</a> </li>
<li class="nav-item"> <a class="nav-link-drop" id="twist" href="#">The twist</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./potato.html">Potato</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./cheese.html">Cheese!</a> </li>
<li class="nav-item "><a class="nav-link-drop" id="learn" href="/Fireworks">Fireworks</a></li>
<li class="nav-item"> <a class="nav-link-drop" href="./wow.html">Learn!</a> </li>
<li class="nav-item"> <a class="nav-link-drop" id="tools" href="./tools.html">Tools</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./gifheaven.html">Gif Heaven!</a> </li>
<li class="nav-item"><a class="nav-link-drop" href="./trylearnhowtoprogram.html">Program for newcomers to learn!</a></li>
<li class="nav-item"> <a class="nav-link-drop" href="./values.html">Values</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./snek.html">SNEK!</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./canoi.html">Canoi</a> </li>
<li class="nav-item ml-lg-auto"> <a class="nav-link-drop" id="invert-btn" href="#">Invert</a> </li>
</ul>
</li>
</ul>
<h5><strike>:.|:;</strike></h5>
</div>
</nav>
<!-- End Navbar-->
<!--Main content-->
<div class="container-fluid" id="main-container">
<img src="images/logo.png" alt="SNEK GAME LOGO">
<h1 class="text-center" font-family: 'Montserrat',sans-serif;>SNEK</h1>
<div class="snek-container">
<canvas class="snek"></canvas>
<button class="snek-play btn btn-primary" type="submit">Play Snek</button>
<p class="snek-points"></p>
</div>
</div>
<!--Main content-->
<div class="social-widget">
<div class="col">
<a href="https://github.com/lingonsaft">
<i class="footer-icon fa fa-fw fa-github fa-2x" aria-hidden="true"></i>
</a>
</div>
<div class="col">
<a href="https://www.youtube.com/lingonsaft/">
<i class="footer-icon fa fa-fw fa-youtube fa-2x" aria-hidden="true"></i>
</a>
</div>
<div class="col">
<a href="https://www.instagram.com/lingonsaftofficial/">
<i class="footer-icon fa fa-fw fa-instagram fa-2x" aria-hidden="true"></i>
</a>
</div>
<div class="col">
<a href="https://twitter.com/lingonsaft1">
<i class="footer-icon fa fa-fw fa-twitter fa-2x" aria-hidden="true"></i>
</a>
</div>
</div>
<button id="backToTop" type="button" title="Back to Top">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.189 511.189">
<g>
<path d="M364.858 157.935l-98.59-145.28c-8.547-12.586-22.158-12.331-30.25.526l-90.88 144.228c-8.093 12.857-2.56 23.381 12.302 23.381h26.639v50.148c0 15.7 12.742 28.445 28.445 28.445h85.333c15.73 0 28.445-12.743 28.445-28.445V180.79h27.008c14.875 0 20.109-10.269 11.547-22.855M51.115 338.627H19.641C5.774 338.627 0 328.502 0 318.702c0-10.097 7.225-19.91 19.641-19.91h106.226c12.43 0 19.655 9.813 19.655 19.91 0 9.8-5.773 19.925-19.655 19.925h-31.46v144.91c0 14.45-9.23 22.528-21.646 22.528s-21.646-8.079-21.646-22.527v-144.91zM300.559 401.561c0-34.93-18.19-66.417-54.273-66.417-36.096 0-54.286 31.487-54.286 66.417 0 35.214 17.621 66.389 54.286 66.389s54.273-31.175 54.273-66.389m-153.587 0c0-60.046 40.406-106.253 99.314-106.253 58.013 0 99.3 47.658 99.3 106.253 0 59.748-40.121 106.254-99.3 106.254-58.61 0-99.314-46.506-99.314-106.254M406.983 398.091h29.453c18.177 0 29.71-13.284 29.71-30.592 0-17.338-11.534-30.62-29.71-30.62h-29.453v61.212zm-43.32-76.786c0-13.582 8.092-22.5 22.542-22.5h51.073c42.453 0 73.912 27.691 73.912 68.978 0 42.14-32.611 68.422-72.164 68.422h-32.042v47.346c0 14.435-9.23 22.528-21.633 22.528-12.445 0-21.688-8.093-21.688-22.528V321.305z">
</g>
</svg>
</button>
<!-- Latest compiled JavaScript -->
<script src="./scripts/scroll.js"></script>
<script src="./scripts/easter_egg.js"></script>
<script src="./scripts/snek.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script type="text/javascript" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script type="application/javascript" charset="utf-8" src="register.js"></script>
<script type="application/javascript" charset="utf-8" src="sw.js"></script>
<script src="scripts/konami.js" defer></script>
<script>
AOS.init();
</script>
</body>
</html>