forked from w4rner/ninety-five
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (85 loc) · 6.77 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> <!-- more modern then <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sans</title>
<meta name="description" content="A Sans website exploring his involvement in Undertale, how he interacts within the different routes and some of the most popular AUs from the community." /> <!-- Meta description tips: https://www.coderseo.com/meta-description-generator -->
<!-- <meta name="robots" content="noindex"> robots.txt file overrides-->
<link rel="icon" href="media/images/Sans_face.ico" type="image/x-icon">
<base target="_blank"> <!-- only keep with footer script excluding internal links -->
<link rel="stylesheet" href="styles.css">
<script defer src="script.js"></script>
<!--Fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<!--The FontStruction “8bitoperator” (https://fontstruct.com/fontstructions/show/534034) by “nipcen” is licensed under a Creative Commons Attribution Share Alike license (http://creativecommons.org/licenses/by-sa/3.0/).-->
<!--The FontStruction “MERCY” (https://fontstruct.com/fontstructions/show/1021503) by “MaxiGamer” is licensed under a Creative Commons Attribution Non-commercial license (http://creativecommons.org/licenses/by-nc/3.0/).-->
<link rel="preload" href="media/images/slash/frame_0_delay-0.13s.png" as="image">
<link rel="preload" href="media/images/slash/frame_1_delay-0.13s.png" as="image">
<link rel="preload" href="media/images/slash/frame_2_delay-0.13s.png" as="image">
<link rel="preload" href="media/images/slash/frame_3_delay-0.13s.png" as="image">
<link rel="preload" href="media/images/slash/frame_4_delay-0.13s.png" as="image">
<link rel="preload" href="media/images/slash/frame_5_delay-0.13s.png" as="image">
<link rel="preload" href="media/images/slash/frame_6_delay-0.13s.png" as="image">
</head>
<body>
<h1 id="sans">Sans</h1>
<h2 class="titleQuote">"The easiest enemy. Can only deal 1 damage."</h2>
<div class="overlayContainer" onclick="startAnimation()">
<img alt="An animated image of the character Sans as he appears in the battle against him." id="titleImage" class="pixelImg" src="media/images/Sans_battle_idle.webp" height="150">
<img alt="An image used for the animation played after the image of Sans is clicked. The animation portrays a knife slash." id="slash" class="pixelImg" src="media/images/slash/frame_0_delay-0.13s.png">
</div>
<!--<h2>Introduction</h2>-->
<h3 class="sansQuote">
"i'm sans. sans the skeleton" -Sans
</h3>
<p class="mainText">Sans is the older brother of Papyrus and the first character you encounter when first leaving the Ruins. Sans is an essential character to the story of undertale and he is of second importance only to the player. Within undertale sans is seen as lazy and often plays slightly inconvenient pranks, but he is the one in charge of keeping an eye on the player. It is known sans has a scientific background as a quantum mechanics book can be found in his workshop. One of Sans's most important jobs is his final judgement at the end of the game where he talks with the player about how much LOVE they have. </p>
<hr>
<section class="routes">
<div class="buttonBorder" onclick="buttonClick('neutral.html')">
<p class="button"> $ NEUTRAL</p>
</div>
<div class="buttonBorder" onclick="buttonClick('pacifist.html')">
<p class="button"> & PACIFIST</p>
</div>
<div class="buttonBorder" onclick="buttonClick('nomercy.html')">
<p class="button"> # NO MERCY</p>
</div>
</section>
<hr class="secondaryHr">
<section class="nonRoutes">
<div class="buttonBorder" onclick="buttonClick('index.html')">
<p class="button">MENU</p>
</div>
<div id="AUsButton" class="buttonBorder" onclick="buttonClick('aus.html')">
<p class="button">AU<span class="button lowercase">S</span></p>
</div>
</section>
<hr>
<br>
<small>
<p id="modified">Last modified:</p>
<section id="credits">
<p class="credit">I do not own <a class="textLink" href="https://undertale.com/">UNDERTALE</a>, all the images and fonts used from the game are credited to Toby Fox. In addition, the video showcasing the fight against Sans belongs to the creator <a class="textLink" href="https://www.youtube.com/watch?v=Vr4IYjeplJA">Suwako Moriya</a>. This footer was inspired by an <a class="textLink" href="https://amaatra.github.io/allaboutalphys/">Alphys fan website</a>.</p>
<p class="credit" xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
<a class="textLink" property="dct:title" rel="cc:attributionURL" href="/">This website</a> © 2024 is based on w4rner's <a class="textLink" href="http://w4.rner.me/ninety-five.html">'Ninety Five' template</a> after <a class="textLink" href="http://www.geom.uiuc.edu/~munzner/">Tamara Munzner's</a> and therefore is licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1"></a>
</p>
</section>
</small>
<br>
</address>
<!-- <div id="footer"></div> -->
<!-- BODY END -->
<script>
var links = document.links;
for (var i = 0; i < links.length; i++) {
if (links[i].hostname == window.location.hostname) // set other exclusion criteria by adding or conditions within the if parens with ||
{
links[i].target = "_self";
}
}
</script>
</body>
</html>