an archive of the things i'm making
tigerlily.cafe
1<!DOCTYPE html>
2<HTML lang="en">
3<head>
4<meta property="og:title" content="weird weboctober 2025">
5<meta name="twitter:title" content="weird weboctober 2025">
6<meta name="description" content="weird weboctober 2025">
7<meta property="og:description" content="weird weboctober 2025">
8<meta name="twitter:description" content="weird weboctober 2025">
9<style type="text/css">
10
11body {
12background-image: url("https://files.catbox.moe/z8v9qh.png");
13 background-size: cover;
14}
15 .bg {
16 position: absolute;
17 top: 0;
18 left: 0;
19 right: 0;
20 bottom: 0;
21 overflow: hidden;
22 }
23
24 .bg:after {
25 animation: grain 8s steps(10) infinite;
26 background-image: url('https://grainy-gradients.vercel.app/noise.svg');
27 content: "";
28 height: 300%;
29 width: 300%;
30 left: -100%;
31 top: -110%;
32 opacity: 0.6;
33 position: fixed;
34 pointer-events: none;
35 }
36
37 @keyframes grain {
38 0%, 100% { transform: translate(0, 0); }
39 10% { transform: translate(-5%, -10%); }
40 20% { transform: translate(-15%, 5%); }
41 30% { transform: translate(5%, -25%); }
42 40% { transform: translate(-5%, 25%); }
43 50% { transform: translate(-15%, 10%); }
44 60% { transform: translate(15%, 0%); }
45 70% { transform: translate(0%, 15%); }
46 80% { transform: translate(5%, 35%); }
47 90% { transform: translate(-10%, 10%); }
48}
49
50table {
51 width: 75%;
52 height: 100%;
53 table-layout: fixed;
54 word-wrap: break-word;
55 margin-top: 7%;
56 border: 15px solid #0000;
57 border-radius: 5px;
58 background: linear-gradient(#fff, #fff) padding-box, linear-gradient(
59 var(--angle),
60 #d8e2dc,
61 #ffe5d9,
62 #f4acb7,
63 #ffcad4,
64 #9d8189
65 )
66 border-box;
67 animation: 8s rotate linear infinite;
68}
69
70@keyframes rotate {
71 to {
72 --angle: 360deg;
73 }
74}
75
76@property --angle {
77 syntax: "<angle>";
78 initial-value: 0deg;
79 inherits: false;
80}
81 }
82.tg {
83 border-collapse: collapse;
84 border-spacing: 0;
85 }
86
87td {
88 height: 100px;
89 width: 100px;
90}
91
92 td.tg-u3lo:hover {
93 background-color:#d982b8;
94 color: #404040;
95 }
96
97.tg td {
98 border-color: #fff;
99 border-style: solid;
100 border-width: 2px;
101 font-family:Arial, sans-serif;
102 font-size: .9em;
103 letter-spacing: -1px;
104 overflow:hidden;
105 padding:10px;
106 word-break:normal;
107 }
108
109.tg th {
110 border-color: #fff;
111 border-style: solid;
112 border-width: 2px;
113 font-family:Arial, sans-serif;
114 font-size: .9em;
115 letter-spacing: -1px;
116 font-weight:normal;
117 overflow:hidden;
118 padding:10px;
119 word-break:normal;
120 }
121
122.tg .tg-p1m5 {
123 background-i:;
124 background-image: url("https://files.catbox.moe/bqlyl4.gif"), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
125 background-blend-mode: overlay;
126 color:#d982b8;text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97999px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.51361px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px; font-family: courier new; font-size: 1.4em;
127 font-weight:bold;text-align:center;vertical-align:top}
128
129.tg .tg-u3lo {
130 background-color:#404040;
131 color:#d982b8;
132 font-family:"Courier New", Courier, monospace !important;
133 font-weight:bold;
134 text-align:left;
135 vertical-align:top;
136 }
137
138.tg .tg-fwxa {
139 background-color:#d982b8;
140 color:#404040;
141 font-family:"Courier New", Courier, monospace !important;
142 font-size:small;
143 font-weight:bold;
144 text-align:center;
145 vertical-align:top;
146 }
147
148 a {
149 text-decoration: none;
150 color: #fff;
151 font-weight: bold;
152 font-family: courier new;
153 }
154
155@keyframes rainbow-move-left-right {
156 0% {background-position: 0 0 }
157 100% {background-position: -500px 0}
158
159</style>
160<link rel="preload" as="fetch"
161 href="https://octothorp.es/?uri=https://fullmoon.city" >
162<link rel="octo:octothorpes" href="weirdweboctober" >
163<title>mitzi's wweuiwooejjkfdr</title></head>
164<body>
165
166
167<div class="bg">
168
169<center><table class="tg"><thead>
170 <tr>
171 <th class="tg-p1m5" colspan="7"><h1><span style="background-color: #404040; padding: 5px 25px 5px 25px; border-radius: 25px;">WEIRD WEB OCTOBER<span></h1></th>
172 </tr></thead>
173<tbody>
174 <tr>
175 <td class="tg-u3lo">1 <br>ᯓ★ TRANSPARENCY
176 <br><link rel="octo:octothorpes" href="https://fullmoon.city/transparency/" ><center><a href="https://fullmoon.city/transparency/">⁀➷</center></a></td>
177 <td class="tg-u3lo">2 <br>ᯓ★ MAPS
178 <br><link rel="octo:octothorpes" href="https://fullmoon.city/maps" ><center><a href="https://fullmoon.city/maps/">⁀➷</a></center></td>
179 <td class="tg-u3lo">3 <br>ᯓ★ SCRAMBLE
180 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/scramble/">⁀➷</a></center></td>
181 <td class="tg-u3lo">4 <br>ᯓ★ FILTERS
182 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="http://fullmoon.city/filters/">⁀➷</a></center></td>
183 <td class="tg-u3lo">5 <br>ᯓ★ REMIX
184 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/remix/">⁀➷</a></center></td>
185 <td class="tg-u3lo">6 <br>ᯓ★ SOLIDS
186 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/solids/">⁀➷</a></center></td>
187 <td class="tg-u3lo">7 <br>ᯓ★ SUB-OPTIMAL
188 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/suboptimal/">⁀➷</a></center></td>
189 </tr>
190 <tr>
191 <td class="tg-u3lo">8 <br>ᯓ★ CONTAINERS
192 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/containers/">⁀➷</center></td>
193 <td class="tg-u3lo">9 <br>ᯓ★ BLINK
194 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/blink/">⁀➷</a></center></td>
195 <td class="tg-u3lo">10 <br>ᯓ★ WARNING
196 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/warning/">⁀➷</a></center></td>
197 <td class="tg-u3lo">11 <br>ᯓ★ CAMERA
198 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/camera/">⁀➷</a></center></td>
199 <td class="tg-u3lo">12 <br>ᯓ★ BATTLE
200 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
201 <td class="tg-u3lo">13 <br>ᯓ★ UPSIDE-DOWN
202 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
203 <td class="tg-u3lo">14 <br>ᯓ★ DOUBLES
204 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/doubles/">⁀➷</a></center></td>
205 </tr>
206 <tr>
207 <td class="tg-u3lo">15 <br>ᯓ★ UNICODE
208 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/unicode/">⁀➷</a></center></td>
209 <td class="tg-u3lo">16 <br>ᯓ★ TRANSITION
210 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
211 <td class="tg-u3lo">17 <br>ᯓ★ ILLUMINATION
212 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
213 <td class="tg-u3lo">18 <br>ᯓ★ TRADING
214 <br><link rel="octo:octothorpes" href="tbd" ><center><a href="https://fullmoon.city/trading/">⁀➷</a></center></td>
215 <td class="tg-u3lo">19 <br>ᯓ★ BOUNCE
216 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
217 <td class="tg-u3lo">20 <br>ᯓ★ HIDDEN
218 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
219 <td class="tg-u3lo">21 <br>ᯓ★ LANGUAGE
220 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
221 </tr>
222 <tr>
223 <td class="tg-u3lo">22 <br>ᯓ★ MEMORY
224 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
225 <td class="tg-u3lo">23 <br>ᯓ★ STYLE
226 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
227 <td class="tg-u3lo">24 <br>ᯓ★ COUNTER
228 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
229 <td class="tg-u3lo">25 <br>ᯓ★ EMPTY
230 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
231 <td class="tg-u3lo">26 <br>ᯓ★ TEXTURE
232 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
233 <td class="tg-u3lo">27 <br>ᯓ★ SPELL
234 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
235 <td class="tg-u3lo">28 <br>ᯓ★ TABLES
236 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
237 </tr>
238 <tr>
239 <td class="tg-u3lo">29 <br>ᯓ★ SURPRISE
240 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
241 <td class="tg-u3lo">30 <br>ᯓ★ DEPRECATED
242 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
243 <td class="tg-u3lo">31 <br>ᯓ★ SPOOKY
244 <br><link rel="octo:octothorpes" href="tbd" ><center>⁀➷</center></td>
245 <td class="tg-fwxa" colspan="2">
246<span style="font-size: .7em;"><strong><pre>
247⠀⢀⠤⠤⢄⡀⠀⠀⠀⠀⠀⠀⣀⠤⠒⠒⢤⠀
248⠀⠏⠀⠀⠀⠉⢳⣄⠀⠀⡠⠚⠉⠀⠀⠀⠘⡄
249⢸⠀⠀⠀⠤⣤⣤⡯⡾⠾⣱⣤⣴⡄⠀⠀⠀⡇
250⠘⡀⠀⠀⠀⠀⢈⣷⠤⡴⢺⣃⠀⠀⠀⠀⢀⡇
251⠀⠡⣀⣀⣤⠶⠻⡏⠂⠀⢸⡟⠙⣶⡤⠤⠼⠀
252⠀⠀⢠⡾⠉⠀⢠⡇⠀⠀⢸⠃⠀⠈⢻⣆⠀⠀
253⠀⠀⣿⣠⢶⣄⠃⡇⠀⠀⣘⡃⣀⡤⢌⣈⡂⠀
254⠀⠀⠀⠀⠀⠹⠼⠁⠀⠀⠀⠿⠋⠀⠀⠀⠀⠀
255</pre></span></strong>
256</td>
257 <td class="tg-fwxa" colspan="2">
258<a href="https://octothorp.es"><img src="https://octothorp.es/badge.png" alt="Badge for the Octothorpes main ring" /></a><br>
259 <a href="https://weirdweboctober.website/">weird web october</a> / idea for the calendar page from <a href="ribo.zone/weirdweb/">ribo.zone</a> / <a href="https://codepen.io/Eli-Mirador/pen/JjgmjWY">grain overlay</a>
260 <br><br>made by <span style="border-bottom: 2px dotted #fff; padding-left: 3px; padding-right: 3px;"><a href="https://scary.dog">mitzi</a></span> ✗♡✗♡</td>
261 </tr>
262</tbody></table></center>
263</div>
264</body>
265</html>