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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
|
<!--?php ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL); ?-->
<!DOCTYPE html>
<html lang="en">
<head>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
<title><?php echo($_SERVER['HTTP_HOST']);?></title>
<style>
#bucketfish, .bflink {
--red: #ffcaca;
--orange: #ffedc1;
--yellow: #feffb8;
--green: #c4ffcb;
--blue: #add8ff;
--purple: #ccafe9;
--darkgreen: #3E885B;
--darkblue: #7fb4f5;
--background: #454545;
--rainbowright: linear-gradient(to right, var(--red) 0%, var(--orange) 20%, var(--yellow) 40%, var(--green) 60%, var(--blue) 80%, var(--purple) 100%);
color: var(--purple);
display: inline-block;
position: relative;
text-decoration: none;
transition: linear .2s;
}
#bucketfish:before, .bflink:before {
background: var(--rainbowright);
content: '';
height: 2px;
position: absolute;
bottom: -1.5px;
width: 100%;
left: 50%;
transform: translateX(-50%);
transition: width 0.2s ease-in-out;
}
.bflink:hover {
color: var(--purple);
}
#bucketfish:hover:before, .bflink:hover:before {
width: 0;
}
#bucketfish span {
animation-delay: var(--n);
animation: wave 1.5s linear var(--n) infinite forwards running, rainbow 3s linear var(--n) infinite forwards running;
position: relative;
}
@media only screen and (hover: none) {
#rightsidebg {
filter: brightness(0.7);
}
#guys {
background-color: var(--bgcolor);
box-shadow: 0 0 1rem var(--stdshadow) inset;
padding: var(--stdpadding);
}
#guys, #ads, #ads:hover {
position: initial;
bottom: initial;
left: initial;
transform: initial;
}
}
@keyframes wave{
0% {top: 0px;}
25% {top: -1px;}
50% {top: 0px;}
75% {top: 1px;}
100% {top: 0px;}
}
@keyframes rainbow{
0% {color: var(--red);}
17% {color: var(--orange);}
33% {color: var(--yellow);}
50% {color: var(--green);}
67% {color: var(--blue);}
83% {color: var(--purple);}
100% {color: var(--red);}
}
</style>
</head>
<body>
<?php include('header.php'); ?>
<main>
<p class="prefers-contrast-less-message">If you're reading this with your eyes and not a screen reader, that means you have, somehow, indicated a preference that this page be displayed with reduced contrast. I genuinely have no clue how you did this, or how I as a web dev am supposed to handle it. I hope my solution of applying a reduced-contrast filter to the entire page is to your liking. If not, please contact me and tell me what you'd prefer I do here, because I'm genuinely lost.</p>
<section>
<p class="notice warning">Still a little bit under construction! Pages marked with ⚠️ are mid-rebuild.</p>
<?php
if($_SERVER['HTTP_HOST'] == "isopod.cool") {
echo("<div class='notice success'><p>The site is being prepared for a domain migration from https://isopod.cool/ to <a href='https://bugwo.men/'>https://bugwo.men</a>. This is mostly because the former is undergoing a price hike soon and the latter is 8x cheaper.</p><p>The old domain has been renewed until 2028-07-29, after that it'll probably be allowed to expire. If you've got anything that links here, please update that before then.</p><p>-2026-09-06</p></div>");
}
?>
<div class="aside">
<a style='top: -24px; left: -32px; position: relative; height: 0; display: block; width: fit-content;' target="_blank" href="https://kelpeater.neocities.org/collections/isopods"><img alt="An isopod!" src="images/casiopea_isopod.png" height="64"></a>
<div class="aside-image">
<img src="/images/reactions/ada/yay.webp" alt="hiiiiiii :3">
</div>
<div class="aside-content">
<p>Hi! <a href="me/">My</a> name's Ada. I'm an isopod on the internet, and as far as you know I could be one in real life too.</p>
<p>This is my website! The navigation's to your left if you wanna have a look around. Er, other left. Bit higher.</p>
</div>
</div>
<?php // status.cafe widget
$username = "niceopod"; // Your username here!
$ch = curl_init("https://status.cafe/users/$username/status.json");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HEADER, 0);
$str = curl_exec($ch);
if(curl_error($ch)) {
//echo curl_error($ch);
$str = "";
}
curl_close($ch);
$status_data = json_decode($str, true);
$status_content = $status_data["content"];
$face = $status_data["face"];
$timeago = $status_data["timeAgo"];
if(strlen($status_content) < 1) {
$status_content = "Something's gone wrong server side...";
}
echo "<blockquote id='statuscafe'><a style=' top: calc(-25px - var(--stdpadding)); position: relative; height: 0; display: block; margin-left: auto; width: fit-content;' target='_blank' href='https://dokodemo.neocities.org/' title='made by Dokodemo'><img alt='An isopod!' src='images/isopod3.png'></a><div id='statuscafe-username'><a href='https://status.cafe/users/$username' target='_blank'>status</a> $face $timeago</div><div id='statuscafe-content'>$status_content</div></blockquote>";
?>
<nav class="webrings">
<div class="ring" style="font-family: sans-serif; font-weight: bold; text-shadow: .1rem .1rem .2rem black;">
<a href="https://hotlinewebring.club/bathynomus/previous" style="color: white; text-decoration: none;">←</a>
<a href="https://hotlinewebring.club/" style="color: white; text-decoration: none; font-style: italic;">HOTLINE WEBRING</a>
<a href="https://hotlinewebring.club/bathynomus/next" style="color: white; text-decoration: none;">→</a>
</div>
<div class="ring">
<a href="https://melonland.net/surf-club.html" style="color: #ff74ff;"><span style="color: #e7ad59;">melon</span><span style="color: #c0ea32;">ring</span></a>
<a href="https://brain.melonking.net/surf-club-random" style="color: #ff74ff;"><span style="color: #864cff;">?</span></a>
</div>
<div class="ring">
<a href="https://webring.bucketfish.me/redirect.html?to=prev&name=isopod" class="bflink">⥼</a>
<a href="https://webring.bucketfish.me" id="bucketfish"><span style="--n:-10000ms;">b</span><span style="--n:-9900ms;">u</span><span style="--n:-9800ms;">c</span><span style="--n:-9700ms;">k</span><span style="--n:-9600ms;">e</span><span style="--n:-9500ms;">t</span><span style="--n:-9400ms;"> </span><span style="--n:-9300ms;">w</span><span style="--n:-9200ms;">e</span><span style="--n:-9100ms;">b</span><span style="--n:-9000ms;">r</span><span style="--n:-8900ms;">i</span><span style="--n:-8800ms;">n</span><span style="--n:-8700ms;">g</span></a>
<a href="https://webring.bucketfish.me/redirect.html?to=next&name=isopod" class="bflink">⥽</a>
</div>
<div class="ring">
<a href="https://fediring.net/previous?host=isopod.cool">←</a>
<a href="https://fediring.net/">fediring</a>
<a href="https://fediring.net/random">?</a>
<a href="https://fediring.net/next?host=isopod.cool">→</a>
</div>
<div class="ring">
<a href="https://baccyflap.com/noai/?prv&s=ipd">←</a>
<a href="https://baccyflap.com/noai">no AI ring</a>
<a href="https://baccyflap.com/noai/?rnd">?</a>
<a href="https://baccyflap.com/noai/?nxt&s=ipd">→</a>
</div>
</nav>
<?php // stupid little widget that shows if the Manjaro SSL cert is currently expired
$mce_fp = "/var/www/data/manjaro-cert.txt";
$mce_fc = file_get_contents($mce_fp);
$mce_mt = filemtime($mce_fp);
if($mce_fc == "60") {
echo "<p class='notice success'>The <a href='https://manjaro.org'>manjaro.org</a> SSL certificate is expired again! Everybody point and laugh!<br><span style='font-size: .85em;'>Last scan: ".round((time() - $mce_mt) / 60)." minutes ago</span></p>";
}
?>
<section>
<h3 style="margin-bottom: 0;">Latest blog post:</h3>
<?php
$content = simplexml_load_file("blog/blog.atom");
foreach($content->entry as $entry) {
$dt = substr($entry->published, 0, 10);
$ti = $entry->title;
$wn = "";
$cats = "";
foreach($entry->category as $cat) {
$term = $cat["term"];
$cats = $cats."<a class='entrytag' href='/blog/?tag=".$term."'>".$term."</a>";
}
echo "<div class='blogentry'><time class='entrydate'>".$dt."</time><h4 class='entrytitle'><a ".$wn."href='".$entry->link["href"]."'>".$ti."</h4></a><span class='entrysummary'>".$entry->summary."</span><span>".$cats."</span></div>";
break; // This is kind of a kludge but I don't really care ngl
}
?>
</section>
<section>
<h3>Button collection</h3>
<details>
<summary>Show buttons</summary>
<div class="buttons">
<a target="_blank" href="https://easyussr.neocities.org/torrenting.html"><img loading="lazy" src="images/buttons/piracy.gif" alt="Piracy Now!"></a>
<a target="_blank" href="https://www.videolan.org/"><img loading="lazy" src="images/buttons/getvlcnow.png" alt="get VLC now!"></a>
<a target="_blank" href="https://isopod.zone/"><img loading="lazy" src="images/buttons/neo-fedi.gif" alt="Join the Fediverse!"></a>
<a target="_blank" href="https://www.youtube.com/watch?v=nleepK7P978"><img loading="lazy" src="images/buttons/35mm.gif" alt="Best heard through a 3.5mm jack"></a>
<a target="_blank" href="https://frame.work"><img loading="lazy" src="images/buttons/bestviewed.gif" alt="Best viewed with a computer"></a>
<img loading="lazy" src="images/buttons/tested_on_firefox.gif" alt="Tested on Firefox">
<img loading="lazy" src="images/buttons/wget.gif" alt="I surf with wget. And you?">
<img loading="lazy" src="images/buttons/svg.svg" alt="Scalable Vector Graphics Now!" style="width:88px; height:31px;" />
<a target="_blank" href="http://web3.14159.annwfn.net/"><img loading="lazy" src="images/buttons/web-pi.png" alt="Web Pi Certified"></a>
<a target="_blank" href="https://neocities.org"><img loading="lazy" src="images/buttons/neocities_stamp.gif" alt="Neocities: The web is yours"></a>
<!--a href="https://status.cafe/"><img loading="lazy" src="/blog/media/banner-statuscafe.png" alt="Status Cafe"></a-->
<a target="_blank" href="http://www.ermel.org/handcoded/"><img loading="lazy" src="images/buttons/handcode.png" alt="100% hand coded HTML"></a>
<a target="_blank" href="https://12ft.io/"><img loading="lazy" src="images/buttons/dontyouhate.gif" alt="Don't you hate it when you're reading a page and then some-- This content is for subscribers only! Paywalls Gatekeep Knowledge."></a>
<img loading="lazy" src="images/buttons/righttorepair.png" alt="I support right to repair">
<img loading="lazy" src="images/buttons/google_stand.gif" alt="Stand up to Google! Fight for open web standards! Fight for online privacy! Fight against monopolistic practices!">
<a target="_blank" href="https://www.mozilla.org/en-US/firefox/new/"><img loading="lazy" src="images/buttons/chrome.gif" alt="Google Chrome is evil!"></a>
<img loading="lazy" src="images/buttons/i_hate_microsoft.png" alt="I hate Microsoft">
<img loading="lazy" src="images/buttons/win11no.gif" alt="Windows 11 No!">
<img loading="lazy" src="images/buttons/antinft.gif" alt="This is an Anti-NFT site">
<a target="_blank" href="https://yesterweb.org/no-to-web3/"><img loading="lazy" src="images/buttons/notoweb3.gif" alt="Keep the web free, say no to web3"></a>
<a target="_blank" href="https://www.qobuz.com/"><img loading="lazy" src="images/buttons/spotify.gif" alt="Spotify: When you love music but HATE artists"></a>
<img loading="lazy" src="images/buttons/fuckyouistillusecds.png" alt="Fuck you, I still use CDs!">
<img loading="lazy" src="images/buttons/amd_powered.gif" alt="Powered by AMD">
<img loading="lazy" src="images/buttons/linux_powered.gif" alt="Linux powered">
<img loading="lazy" src="images/buttons/drpepper.gif" alt="Powered by Dr Pepper">
<img loading="lazy" src="images/buttons/the_void.gif" alt="Powered by the void">
<img loading="lazy" src="images/buttons/miku-approved.gif" alt="This site is Miku approved">
<img loading="lazy" src="images/buttons/krisbtn.png" alt="Kris where tf are we">
<a target="_blank" href="https://neofoxfloofexplo.de/"><img loading="lazy" src="images/buttons/floof_explode_88x31.gif" alt=":neofox_floof_explode:"></a>
<img loading="lazy" src="images/buttons/badhtml.png" alt="W3C Bad HTML Markup">
<img loading="lazy" src="images/buttons/bantimetravel.png" alt="Ban Time Travel "Now"">
<img loading="lazy" src="images/buttons/css.png" alt="CSS is awesome">
<img loading="lazy" src="images/buttons/tyg.gif" alt="Trans your gender">
<!--a target="_blank" href="https://we-are-jammin.xyz/"><img loading="lazy" src="https://damcraft.de/88x31/jammin.webp" alt="We're jammin!"></a-->
<iframe src="//incr.easrng.net/badge?key=isopoddotcool" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0" loading="lazy"></iframe>
<a target="_blank" href="https://crouton.net/"><img loading="lazy" src="images/buttons/usatoday.gif" alt="USA Today Hot Site"></a>
<a target="_blank" href="https://seaslug.neocities.org/"><img loading="lazy" src="images/buttons/shrimp.png" alt="Shrimp Now!"></a>
<a target="_blank" href="https://citrons.xyz/a/memetic-apioform-page.html"><img loading="lazy" src="images/buttons/apiopage88x31.png" alt="memetic apiopage - click to view"></a>
<a target="_blank" href="https://beeps.website/blog/2024-09-12-in-memory-of-cohost/"><img loading="lazy" src="images/buttons/i_was_on_cohost.gif" alt="I was on Cohost"></a>
<img loading="lazy" src="images/buttons/canadian.gif" title="Regrettably..." alt="Canadian on the web">
<img loading="lazy" src="images/buttons/queercoded.png" alt="You're telling me a queer coded this">
<img loading="lazy" src="images/buttons/she-her.gif" alt="she/her" title="Its pronouns are she/her">
<img loading="lazy" src="images/buttons/aro.png" alt="Aromantic pride flag">
<!--img src="images/buttons/ace.png"-->
<a href="https://rainy.gay/pride/pridebuttons.html"><img loading="lazy" src="images/buttons/trans.png" alt="Trans pride flag"></a>
<iframe src="https://bugwo.men/stuff/beat/frame.php?theme=digital" style="width: 88px; height: 31px; border: none;" title="Current time in .beats" loading="lazy"></iframe>
</div>
</details>
</section>
<section>
<h3>"Sponsored" "Content"</h3>
<iframe title="Johnvertisement" loading="lazy" src="https://john.citrons.xyz/embed?ref=https://bugwo.men/" id="johnvertisement"></iframe>
<iframe title="Mothvertisement" loading="lazy" src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe>
</section>
<div id="guys">
<a target="_blank" href="https://lu.tiny-universes.net" title="hi, i'm kevin!"><img loading="lazy" alt="Kevin" src="images/plant1-2.webp"></a>
<a target="_blank" href="https://www.pixelcatsend.com/profile&id=3734" title="Shadow"><img loading="lazy" alt="Shadow" src="images/shadow.webp" style="image-rendering: pixelated;"></a>
<a target="_blank" href="https://shroom.ink/decay/adopt-a-shroom/" title="Ophiocordyceps Unilateralis"><img loading="lazy" alt="Ophiocordyceps Unilateralis" src="images/Ophiocordyceps_unilateralis.webp" style="height: 4rem;"></a>
</div>
<a target="_blank" href="https://newlambda.neocities.org/stuff/adopt" title="benlet has caught a whiff of a stray frenched fry, and is intrigued."><img loading="lazy" alt="benlet" src="images/benlet1.webp" style="width: 32px; image-rendering: pixelated; position: fixed; bottom: 0; right: 40vw;"></a>
<a target="_blank" href="https://tarraxahum.neocities.org/adopt/adopt_center" title="Oops, I appear to have dropped a french fry. Don't bother picking it up — the roaches can have it."><img loading="lazy" alt="french fry" src="images/fry.webp" style="height: 2rem; position: fixed; bottom: -6px;"></a>
</section>
</main>
<?php include("footer.php"); ?>
</body>
</html>
|
