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
272
|
<!--?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>
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<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/yay.png" 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 src="images/buttons/piracy.gif" alt="Piracy Now!"></a>
<a target="_blank" href="https://www.videolan.org/"><img src="images/buttons/getvlcnow.png" alt="get VLC now!"></a>
<a target="_blank" href="https://isopod.zone/"><img src="images/buttons/neo-fedi.gif" alt="Join the Fediverse!"></a>
<a target="_blank" href="https://www.youtube.com/watch?v=nleepK7P978"><img src="images/buttons/35mm.gif" alt="Best heard through a 3.5mm jack"></a>
<a target="_blank" href="https://frame.work"><img src="images/buttons/bestviewed.gif" alt="Best viewed with a computer"></a>
<img src="images/buttons/tested_on_firefox.gif" alt="Tested on Firefox">
<img src="images/buttons/wget.gif" alt="I surf with wget. And you?">
<img 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 src="images/buttons/web-pi.png" alt="Web Pi Certified"></a>
<a target="_blank" href="https://neocities.org"><img src="images/buttons/neocities_stamp.gif" alt="Neocities: The web is yours"></a>
<!--a href="https://status.cafe/"><img src="/blog/media/banner-statuscafe.png" alt="Status Cafe"></a-->
<a target="_blank" href="http://www.ermel.org/handcoded/"><img src="images/buttons/handcode.png" alt="100% hand coded HTML"></a>
<a target="_blank" href="https://12ft.io/"><img 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 src="images/buttons/righttorepair.png" alt="I support right to repair">
<img 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 src="images/buttons/chrome.gif" alt="Google Chrome is evil!"></a>
<img src="images/buttons/i_hate_microsoft.png" alt="I hate Microsoft">
<img src="images/buttons/win11no.gif" alt="Windows 11 No!">
<img src="images/buttons/antinft.gif" alt="This is an Anti-NFT site">
<a target="_blank" href="https://yesterweb.org/no-to-web3/"><img src="images/buttons/notoweb3.gif" alt="Keep the web free, say no to web3"></a>
<a target="_blank" href="https://www.qobuz.com/"><img src="images/buttons/spotify.gif" alt="Spotify: When you love music but HATE artists"></a>
<img src="images/buttons/fuckyouistillusecds.png" alt="Fuck you, I still use CDs!">
<img src="images/buttons/amd_powered.gif" alt="Powered by AMD">
<img src="images/buttons/linux_powered.gif" alt="Linux powered">
<img src="images/buttons/drpepper.gif" alt="Powered by Dr Pepper">
<img src="images/buttons/the_void.gif" alt="Powered by the void">
<img src="images/buttons/miku-approved.gif" alt="This site is Miku approved">
<img src="images/buttons/krisbtn.png" alt="Kris where tf are we">
<a target="_blank" href="https://neofoxfloofexplo.de/"><img src="images/buttons/floof_explode_88x31.gif" alt=":neofox_floof_explode:"></a>
<img src="images/buttons/badhtml.png" alt="W3C Bad HTML Markup">
<img src="images/buttons/bantimetravel.png" alt="Ban Time Travel "Now"">
<img src="images/buttons/css.png" alt="CSS is awesome">
<img src="images/buttons/tyg.gif" alt="Trans your gender">
<!--a target="_blank" href="https://we-are-jammin.xyz/"><img 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"></iframe>
<a target="_blank" href="https://crouton.net/"><img src="images/buttons/usatoday.gif" alt="USA Today Hot Site"></a>
<a target="_blank" href="https://seaslug.neocities.org/"><img src="images/buttons/shrimp.png" alt="Shrimp Now!"></a>
<a target="_blank" href="https://citrons.xyz/a/memetic-apioform-page.html"><img 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 src="images/buttons/i_was_on_cohost.gif" alt="I was on Cohost"></a>
<img src="images/buttons/canadian.gif" title="Regrettably..." alt="Canadian on the web">
<img src="images/buttons/queercoded.png" alt="You're telling me a queer coded this">
<img src="images/buttons/she-her.gif" alt="she/her" title="Its pronouns are she/her">
<img src="images/buttons/aro.png" alt="Aromantic pride flag">
<!--img src="images/buttons/ace.png"-->
<a href="https://rainy.gay/pride/pridebuttons.html"><img 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"></iframe>
</div>
</details>
</section>
<section>
<h3>"Sponsored" "Content"</h3>
<iframe title="Johnvertisement" src="https://john.citrons.xyz/embed?ref=https://bugwo.men/" id="johnvertisement"></iframe>
<iframe title="Mothvertisement" 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 alt="Kevin" src="images/plant1-2.png"></a>
<a target="_blank" href="https://www.pixelcatsend.com/profile&id=3734" title="Shadow"><img alt="Shadow" src="images/shadow.png" style="image-rendering: pixelated;"></a>
<a target="_blank" href="https://shroom.ink/decay/adopt-a-shroom/" title="Ophiocordyceps Unilateralis"><img alt="Ophiocordyceps Unilateralis" src="images/Ophiocordyceps_unilateralis.png" 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 alt="benlet" src="images/benlet1.png" 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 alt="french fry" src="images/fry.png" style="height: 2rem; position: fixed; bottom: -6px;"></a>
</section>
</main>
<?php include("footer.php"); ?>
</body>
</html>
|
