-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (115 loc) · 7.07 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7193509719776699"
crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello</title>
<link href="styles.css" rel="stylesheet">
<script defer src="/home/indexAnim.js"></script>
<script defer src="/home/cursorScript.js"></script>
<script type="importmap">
{
"imports": {
"three": "https://unpkg.com/three/build/three.module.js"
}
}
</script>
</head>
<body>
<div class="cursor"></div>
<canvas id="bg"></canvas>
<nav class="navbar-el">
<ul class="navbar">
<button onclick="window.location.href='/home/welcome/index.html'" class="navbar-item">
<a class="navbar-item-link logo">
Home
</a>
</button>
<button onclick="window.location.href='/home/brachistochrones/brachistochrones.html'" class="navbar-item">
<a class="navbar-item-link">
Brachistochrone
</a>
</button>
<button onclick="window.location.href='/home/colleges/colleges.html'" class="navbar-item">
<a class="navbar-item-link">
Colleges
</a>
</button>
<button onclick="window.location.href='/home/store/store.html'" class="navbar-item">
<a class="navbar-item-link">
Store
</a>
</button>
<button onclick="window.location.href='/home/about/about.html'" class="navbar-item">
<a class="navbar-item-link">
About Me
</a>
</button>
</ul>
</nav>
<div id="content-wrapper">
<section class="hidden" id="h1">
<h1 class="hidden" style="filter: hue-rotate(50);">
<button class="floor-shadow">
<svg id="hello" width="500" height="125" viewBox="0 0 573 143" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.85229 137V139H4.85229H20.7046H22.7046V137V80.4488H88.5057V137V139H90.5057H106.358H108.358V137V6.09088V4.09088H106.358H90.5057H88.5057V6.09088V62.3863H22.7046V6.09088V4.09088H20.7046H4.85229H2.85229V6.09088V137Z" stroke="white" stroke-width="4"/>
<path d="M129.524 137V139H131.524H211.553H213.553V137V122.937V120.937H211.553H149.377V80.4488H206.439H208.439V78.4488V64.3863V62.3863H206.439H149.377V22.1534H210.53H212.53V20.1534V6.09088V4.09088H210.53H131.524H129.524V6.09088V137Z" stroke="white" stroke-width="4"/>
<path d="M230.533 137V139H232.533H309.237H311.237V137V122.937V120.937H309.237H250.385V6.09088V4.09088H248.385H232.533H230.533V6.09088V137Z" stroke="white" stroke-width="4"/>
<path d="M325.213 137V139H327.213H403.917H405.917V137V122.937V120.937H403.917H345.065V6.09088V4.09088H343.065H327.213H325.213V6.09088V137Z" stroke="white" stroke-width="4"/>
<path d="M489.881 26.834L489.886 26.8371C495.954 30.6148 500.808 36.2061 504.417 43.7119L504.421 43.7199C508.047 51.1753 509.909 60.4239 509.909 71.5455C509.909 82.6671 508.047 91.9157 504.421 99.371L504.417 99.379C500.808 106.885 495.954 112.476 489.886 116.254L489.881 116.257C483.823 120.053 477.036 121.96 469.465 121.96C461.896 121.96 455.085 120.053 448.983 116.255C442.956 112.477 438.101 106.884 434.448 99.3752C430.863 91.9183 429.022 82.668 429.022 71.5455C429.022 60.4231 430.863 51.1729 434.448 43.7161C438.101 36.2064 442.956 30.6136 448.983 26.8359C455.085 23.0377 461.896 21.1307 469.465 21.1307C477.036 21.1307 483.823 23.0381 489.881 26.834ZM521.563 108.229C526.713 97.8401 529.249 85.5909 529.249 71.5455C529.249 57.5 526.713 45.2508 521.563 34.8617C516.429 24.5062 509.35 16.4578 500.315 10.7888C491.276 5.11694 480.972 2.30115 469.465 2.30115C457.959 2.30115 447.655 5.11694 438.615 10.7888C429.581 16.4578 422.502 24.5062 417.368 34.8617C412.217 45.2508 409.681 57.5 409.681 71.5455C409.681 85.5909 412.217 97.8401 417.368 108.229C422.502 118.585 429.581 126.633 438.615 132.302C447.655 137.974 457.959 140.79 469.465 140.79C480.972 140.79 491.276 137.974 500.315 132.302C509.35 126.633 516.429 118.585 521.563 108.229Z" stroke="white" stroke-width="4"/>
<path d="M567.232 6.11805L567.259 4.09088H565.232H547.846H545.818L545.846 6.11805L547.124 100.209L547.151 102.182H549.124H563.954H565.927L565.953 100.209L567.232 6.11805ZM563.321 138.204L563.327 138.2L563.333 138.196C565.354 136.964 566.973 135.324 568.163 133.296C569.418 131.232 570.045 128.958 570.045 126.517C570.045 122.826 568.699 119.613 566.071 116.985C563.443 114.357 560.23 113.011 556.539 113.011C552.847 113.011 549.635 114.357 547.007 116.985C544.379 119.613 543.033 122.826 543.033 126.517C543.033 130.208 544.379 133.421 547.007 136.049C549.635 138.677 552.847 140.023 556.539 140.023C559.005 140.023 561.283 139.426 563.321 138.204Z" stroke="white" stroke-width="4"/>
</svg>
</button>
</h1>
<p style="text-align: center; color: rgb(220, 220, 220); font-size: 22px;">Scroll down!<br>
<p class="arrow down"></p>
</p>
</section>
<section>
<h1 class="section-wrapper" id="visit-store">
<p style="color: white; font-size: 8vw;">
Visit the <a href="/home/store/store.html" style="color: gold; text-decoration: none;">store</a>!
</p>
</h1>
</section>
<section>
<h1 class="section-wrapper" id="visit-brachistochrones">
<p style="color: white; font-size: 8vw;">
Learn about <a href="/home/brachistochrones/brachistochrones.html" style="color: coral; text-decoration: none;">Brachistochrones</a>!
</p>
</h1>
</section>
<section>
<h1 class="section-wrapper" id="visit-benign">
<p style="color: white; font-size: 8vw;">
View <a href="/home/welcome/benign.html" style="color: plum; text-decoration: none;">Benin</a>!
</p>
</h1>
</section>
<section>
<h1 class="section-wrapper" id="visit-jeopardy">
<p style="color: white; font-size: 8vw;">
Play <a href="/jeopardy/index.html" style="color: rgb(64, 139, 231); text-decoration: none;">Jeopardy</a>!
</p>
</h1>
</section>
<section class="grid">
<p class="hidden1">264</p>
<p class="hidden1">×</p>
<p class="hidden1">264</p>
<p class="hidden1">=</p>
<p class="hidden1">69696</p>
</section>
<section>
<p>
<h2 class="hidden">
Pretty cool, am I right?
</h2>
</p>
</section>
</div>
<script type="module" src="main.js"></script>
</body>
</html>