index.html

main · 6.1 KB · 175 lines raw

1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5 <meta charset="utf-8" />
6 <title>The Second Fire Station of Henrietta, NY</title>
7 <meta
8 name="keywords"
9 content="student, housing, on-campus, student housing, apex, apex apartments, apartments, rochester, ny, new york, RIT, RIT housing, RIT student housing, off campus housing"
10 />
11 <meta name="robots" content="index, nofollow" />
12 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
13 <meta name="language" content="English" />
14 <meta name="revisit-after" content="5 days" />
15 <link rel="stylesheet" href="./css/main.css" />
16 </head>
17
18 <body>
19 <div><div><div id="mainBod">
20 <div id="content">
21 <div class="container">
22 <div id="overview">
23 <div class="navctr">
24 <ul class="nav">
25 <li>
26 <a class="nav-link"
27 href="https://www.rochesterapex.com/">
28 Eye candy
29 </a>
30 </li>
31
32 <li>
33 <a class="nav-link"
34 href="https://discord.gg/hERdQvH">
35 <img src="index_files/new.gif" class="nav-img" />
36 Shout into the void
37 </a>
38 </li>
39
40 <li>
41 <a class="nav-link"
42 href="https://rochesterapex.com/alarms">
43 <img src="index_files/hot.gif" class="nav-img" />
44 Timestamps of agony
45 </a>
46 </li>
47 <li>
48 <a class="nav-link"
49 href="https://rochesterapex.com/testimonial">
50 Submit a "review"
51 </a>
52 </li>
53 </ul>
54 </div>
55 </div>
56
57 <div class="addBanner">Ad Banner</div>
58 <img
59 src="index_files/apex1.gif"
60 style="margin-left: auto; margin-right: auto; display: block"
61 />
62 <img src="index_files/firebar.gif" style="width: 100%; height: 50px" />
63 <div style="margin-left: auto; margin-right: auto; width: 400px">
64 <img src="index_files/firealarm2.gif" />
65 <img src="index_files/firealarm2.gif" />
66 <img src="index_files/firealarm2.gif" />
67 <img src="index_files/firealarm2.gif" />
68 </div>
69 <blink>
70 <marquee class="apexAlert">
71 Rochester's premier housing for desperate rich students with no
72 hopes, dreams, options, or cooking skills.
73 </marquee>
74 </blink>
75 <blink>
76 <marquee>
77 <a href="index_files/apex_moment.jpg"
78 class="apexAlert">
79 Now with 100% more parking lot fires!
80 </a>
81 </marquee>
82 </blink
83 >
84 <div style="margin-left: auto; margin-right: auto; white-space: nowrap">
85 <img
86 src="index_files/firetruck-ani.gif"
87 style="transform: scaleX(-1)"
88 />
89 <img src="index_files/helmetline.gif" />
90 <img src="index_files/firetruck-ani.gif"/>
91 </div>
92 </div>
93 </div>
94 <a href="https://rochesterapex.com/mj66t">
95 <img src="index_files/buttons/dontklick.gif" />
96 </a>
97 <img src="index_files/buttons/moist.gif" />
98 <img src="index_files/buttons/netscapenow40.gif" />
99 <a href="./arch.html">
100 <img src="index_files/buttons/archlinux.gif" />
101 </a>
102 <img src="index_files/buttons/gnu-linux.gif" />
103 <img src="index_files/buttons/mswin98_89.gif" />
104 <img src="index_files/buttons/macmade-blkwtbrdrspin.gif" />
105 <img src="index_files/buttons/hatemac_b.gif"/>
106 <img src="index_files/buttons/vim.vialle.love.anim.gif" />
107 <img src="index_files/buttons/madewithamiga2.gif" />
108 <img src="index_files/buttons/shockwave.gif" />
109 <img src="index_files/buttons/graphicdesign.gif" />
110 <img src="index_files/buttons/nedscape_now.gif" />
111 <img src="index_files/buttons/netscape5.gif" />
112 <details id="eyes">
113 <summary>
114 <img src="index_files/buttons/best_viewed_with_eyes.gif" />
115 </summary>
116 <div id="no_eyes"></div>
117 </details>
118 <img src="index_files/buttons/bestviewed16bit.gif" style="cursor: pointer;" onclick="document.documentElement.classList.toggle('dither')" />
119 <img src="index_files/buttons/wow.gif" />
120 <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frochesterapex.com">
121 <img src="index_files/buttons/valid-bad.gif" />
122 </a>
123 <a href="https://rochesterapex.com/source">
124 <img src="index_files/buttons/gethtmlnow.gif"/>
125 </a>
126 <input type="checkbox" id="yeah-toggle" style="display: none;">
127 <label for="yeah-toggle" id="yeah">
128 <div id="yeah-off">Yeah!</div>
129 <div id="yeah-on">Unyeah</div>
130 </label>
131 </div></div></div>
132 <script>
133 var trailLength = 12;
134 var path = [];
135 var delay = 100;
136 var lastX = 0;
137 var lastY = 0;
138
139 function createMouseTrail() {
140 for (var i = 0; i < trailLength; i++) {
141 var div = document.createElement('div');
142 div.setAttribute('class', 'trail');
143 div.style.top = '-200px';
144 div.style.left = '-200px';
145 div.style.backgroundImage = 'url(/css/cursor.gif)';
146 div.style.backgroundSize = 'cover';
147 div.style.width = '11px';
148 div.style.height = '19px';
149 document.body.appendChild(div);
150 path.push(div);
151 }
152 }
153
154 var lastX = 0;
155 var lastY = 0;
156
157 function moveTrail(e) {
158 if (lastX !== e.pageX || lastY !== e.pageY) {
159 for (let i = 0; i < path.length; i++) {
160 setTimeout(function() {
161 path[i].style.top = (e.pageY) + 'px';
162 path[i].style.left = (e.pageX) + 'px';
163 }, i * delay);
164 }
165 }
166
167 lastX = e.pageX;
168 lastY = e.pageY;
169 }
170
171 document.addEventListener('mousemove', moveTrail);
172 createMouseTrail();
173 </script>
174 </body>
175 </html>