summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRyan Schanzenbacher <ryan@rschanz.org>2022-12-05 15:27:05 -0500
committerRyan Schanzenbacher <ryan@rschanz.org>2022-12-05 15:27:46 -0500
commit373ad68600de9d1a438d7ef7ea2a999a95dfbaeb (patch)
treea992e25b8135c1418ef71c196dc30068974bd9a9
parentd2888aee101d3d709aa6ac5555fce77377a4f144 (diff)
added cursor trail courtesy chatgpt
Signed-off-by: Ryan Schanzenbacher <ryan@rschanz.org>
Diffstat
-rw-r--r--css/cursor.gifbin0 -> 152 bytes
-rw-r--r--css/main.css6
-rw-r--r--index.bak206
-rw-r--r--index.html34
4 files changed, 246 insertions, 0 deletions
diff --git a/css/cursor.gif b/css/cursor.gif
new file mode 100644
index 0000000..f1247cf
--- /dev/null
+++ b/css/cursor.gif
Binary files differ
diff --git a/css/main.css b/css/main.css
index 22aee34..c37c0fa 100644
--- a/css/main.css
+++ b/css/main.css
@@ -4,12 +4,18 @@
4 font-display: swap; 4 font-display: swap;
5} 5}
6 6
7.trail {
8 position: absolute;
9 z-index: 9999;
10}
11
7body { 12body {
8 font-family: 'Comic'; 13 font-family: 'Comic';
9 color: yellow; 14 color: yellow;
10 font-size: 20px; 15 font-size: 20px;
11 margin: 0; 16 margin: 0;
12 padding: 0; 17 padding: 0;
18 overflow-x: hidden;
13} 19}
14#overview { 20#overview {
15 min-width: min-content; 21 min-width: min-content;
diff --git a/index.bak b/index.bak
new file mode 100644
index 0000000..833f4d4
--- /dev/null
+++ b/index.bak
@@ -0,0 +1,206 @@
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 /* oohhh icky javascript gross. But cursor trail oohhhh */
134 var cursor = "/css/cursor.gif"
135 var trailLength = 12
136
137 function initTrail() {
138 imgs = new Array()
139 for (i=0; i < parseInt(trailLength); i++) {
140 imgs[i] = new Image()
141 imgs[i].src = cursor
142 }
143 coords = new Array()
144 for (i=0; i < imgs.length*3; i++) {
145 coords[i] = 0;
146 }
147 for (i=0; i<imgs.len; i++) {
148 var div = document.createElement("div")
149 div.id = "cur" + i
150 div.style.position = "absolute"
151 div.style.zIndex = "9999"
152 div.style.height = "0"
153 div.style.width = "0"
154 var img = document.createElement("img")
155 img.src = imgs[i].src
156 div.appendChild(img)
157 document.body.appendChild(div)
158 }
159 trail()
160 }
161 function trail() {
162 var d = 0
163 for (i=0; i < imgs.length; i++) {
164 document.getElementById("cur"+i).style.top = coords[d]+'px'
165 document.getElementById("cur"+i).style.left = + coords[d+1]+'px'
166 d = d+2
167 }
168 for (i = coords.length; i >= 2; i--) {
169 storage[i] = storage[i-2]
170 }
171 var timer = setTimeout("trail()", 10)
172 }
173 function processEvent(e){
174 coords[0] = e.pageY
175 coords[1] = e.pageX
176 }
177 initTrail()
178 document.onmousemove = processEvent
179 </script> -->
180 <script>
181 var trailLength = 30;
182var path = [];
183
184function createMouseTrail() {
185 for (var i = 0; i < trailLength; i++) {
186 var div = document.createElement('div');
187 div.setAttribute('class', 'trail');
188 div.style.top = '-200px';
189 div.style.left = '-200px';
190 document.body.appendChild(div);
191 path.push(div);
192 }
193}
194
195function moveTrail(e) {
196 for (var i = 0; i < path.length; i++) {
197 path[i].style.top = (e.clientY + i) + 'px';
198 path[i].style.left = (e.clientX + i) + 'px';
199 }
200}
201
202document.addEventListener('mousemove', moveTrail);
203createMouseTrail();
204 </script>
205 </body>
206</html>
diff --git a/index.html b/index.html
index 53b2c2a..949b29e 100644
--- a/index.html
+++ b/index.html
@@ -129,5 +129,39 @@
129 <div id="yeah-on">Unyeah</div> 129 <div id="yeah-on">Unyeah</div>
130 </label> 130 </label>
131 </div></div></div> 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 function moveTrail(e) {
155 for (let i = 0; i < path.length; i++) {
156 setTimeout(function() {
157 path[i].style.top = (e.clientY) + 'px';
158 path[i].style.left = (e.clientX) + 'px';
159 }, i * delay);
160 }
161}
162
163 document.addEventListener('mousemove', moveTrail);
164 createMouseTrail();
165 </script>
132 </body> 166 </body>
133</html> 167</html>
generated by cgit v1.2.3 (git 2.25.1) at 2025-04-26 17:57:57 +0000