1
0
Fork 0

styling fixes + bucket webring!

main
will 1 year ago
parent 620200137e
commit bf6331fcb0

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="style.css" rel="stylesheet" type="text/css" media="all"/>
<style type="text/css">
<link href="style.css" rel="stylesheet" type="text/css" media="all">
<style>
body {
margin-top: 0;
margin-bottom: 0;
@ -33,6 +33,20 @@
justify-content: center;
align-items: center;
}
#webrings {
display: grid;
grid-template-columns: auto auto;
gap: 1rem;
}
#webrings > div {
display: flex;
align-items: center;
justify-content: center;
}
#webrings > div > * {
margin: 0 1rem;
white-space: nowrap;
}
@media (prefers-reduced-motion) {
#bubblecolumn {
display: none;
@ -49,6 +63,9 @@
h1 + h2#caption {
font-size: 1.1em;
}
#webrings {
grid-template-columns: auto;
}
}
}
</style>
@ -210,20 +227,33 @@
<div>
<h1 style="margin-top: 0;">isopod.cool v3</h1>
<h2 id="caption"><?php echo $cap; ?></h2>
<!--nav><a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://isopod.cool/">&lt;</a><a href="https://yesterweb.org/webring/">yester webring</a><a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://isopod.cool/">?</a><a href="https://webring.yesterweb.org/noJS/index.php?d=next&https://isopod.cool/">&gt;</a></nav-->
<nav><a href="https://hotlinewebring.club/bathynomus/previous">&lt;</a><i><a href="https://hotlinewebring.club/">hotline webring</a></i><a href="https://hotlinewebring.club/bathynomus/next">&gt;</a></nav>
<nav><a href="https://melonland.net/surf-club.html">melonring</a><a href="https://brain.melonking.net/surf-club-random">?</a></nav>
<!--nav><a href="https://webring.bucketfish.me/redirect.html?to=prev&name=isopod">&lt;</a><a href="https://webring.bucketfish.me">bucket webring</a><a href="https://webring.bucketfish.me/redirect.html?to=next&name=isopod">&gt;</a-->
<nav id="webrings">
<!--div><a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://isopod.cool/">&lt;</a><a href="https://yesterweb.org/webring/">yester webring</a><a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://isopod.cool/">?</a><a href="https://webring.yesterweb.org/noJS/index.php?d=next&https://isopod.cool/">&gt;</a></div-->
<div>
<a href="https://hotlinewebring.club/bathynomus/previous">&lt;</a>
<i><a href="https://hotlinewebring.club/">hotline webring</a></i>
<a href="https://hotlinewebring.club/bathynomus/next">&gt;</a>
</div>
<div>
<a href="https://melonland.net/surf-club.html">melonring</a>
<a href="https://brain.melonking.net/surf-club-random">?</a>
</div>
<div>
<a href="https://webring.bucketfish.me/redirect.html?to=prev&name=isopod"></a>
<a href="https://webring.bucketfish.me">bucket webring</a>
<a href="https://webring.bucketfish.me/redirect.html?to=next&name=isopod"></a>
</div>
</nav>
</div>
<!--script type="text/javascript">document.write('<a href="desktop.html">$login<span class="blinking" >_</span></a>');</script-->
</main>
<div id="guys">
<a target="_blank" href="https://dokodemo.neocities.org/" title="made by Dokodemo"><img alt="An isopod!" src="images/isopod3.png"/></a>
<a target="_blank" href="https://wobble.town/visit/93" title="charles"><img alt="Charles" src="https://wobble.town/visit/93/wobble.gif" style="width: 64px; image-rendering: pixelated; filter:hue-rotate(20deg) brightness(110%) drop-shadow(2px 2px 3px black);"/></a>
<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://newlambda.neocities.org/" title="benlet"><img alt="benlet" src="images/benlet1.png" style="width: 32px; image-rendering: pixelated;"/></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://dokodemo.neocities.org/" title="made by Dokodemo"><img alt="An isopod!" src="images/isopod3.png"></a>
<a target="_blank" href="https://wobble.town/visit/93" title="charles"><img alt="Charles" src="https://wobble.town/visit/93/wobble.gif" style="width: 64px; image-rendering: pixelated; filter:hue-rotate(20deg) brightness(110%) drop-shadow(2px 2px 3px black);"></a>
<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://newlambda.neocities.org/" title="benlet"><img alt="benlet" src="images/benlet1.png" style="width: 32px; image-rendering: pixelated;"></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>
</div>
<div id="rightsidebg" style="background-image: url(images/bg.png); --distancefromcenter: 11%;" title="Pictured: The eponymous &quot;deep twisty&quot;"></div>
<div id="bubblecolumn"></div>

@ -192,6 +192,7 @@ code {
right: 0;
text-align: center;
border-bottom: 1px solid #00ffd5;
display: block;
}
tr:hover {
background-color: #2222227c;

Loading…
Cancel
Save