styling fixes + bucket webring!
This commit is contained in:
parent
620200137e
commit
bf6331fcb0
54
index.php
54
index.php
|
@ -1,10 +1,10 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8"/>
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link href="style.css" rel="stylesheet" type="text/css" media="all"/>
|
<link href="style.css" rel="stylesheet" type="text/css" media="all">
|
||||||
<style type="text/css">
|
<style>
|
||||||
body {
|
body {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
@ -33,6 +33,20 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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) {
|
@media (prefers-reduced-motion) {
|
||||||
#bubblecolumn {
|
#bubblecolumn {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -49,6 +63,9 @@
|
||||||
h1 + h2#caption {
|
h1 + h2#caption {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
|
#webrings {
|
||||||
|
grid-template-columns: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -210,20 +227,33 @@
|
||||||
<div>
|
<div>
|
||||||
<h1 style="margin-top: 0;">isopod.cool v3</h1>
|
<h1 style="margin-top: 0;">isopod.cool v3</h1>
|
||||||
<h2 id="caption"><?php echo $cap; ?></h2>
|
<h2 id="caption"><?php echo $cap; ?></h2>
|
||||||
<!--nav><a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://isopod.cool/"><</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/">></a></nav-->
|
<nav id="webrings">
|
||||||
<nav><a href="https://hotlinewebring.club/bathynomus/previous"><</a><i><a href="https://hotlinewebring.club/">hotline webring</a></i><a href="https://hotlinewebring.club/bathynomus/next">></a></nav>
|
<!--div><a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://isopod.cool/"><</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/">></a></div-->
|
||||||
<nav><a href="https://melonland.net/surf-club.html">melonring</a><a href="https://brain.melonking.net/surf-club-random">?</a></nav>
|
<div>
|
||||||
<!--nav><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-->
|
<a href="https://hotlinewebring.club/bathynomus/previous"><</a>
|
||||||
|
<i><a href="https://hotlinewebring.club/">hotline webring</a></i>
|
||||||
|
<a href="https://hotlinewebring.club/bathynomus/next">></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>
|
</div>
|
||||||
<!--script type="text/javascript">document.write('<a href="desktop.html">$login<span class="blinking" >_</span></a>');</script-->
|
<!--script type="text/javascript">document.write('<a href="desktop.html">$login<span class="blinking" >_</span></a>');</script-->
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<div id="guys">
|
<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://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://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://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://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://www.pixelcatsend.com/profile&id=3734" title="Shadow"><img alt="Shadow" src="images/shadow.png" style="image-rendering: pixelated;"></a>
|
||||||
</div>
|
</div>
|
||||||
<div id="rightsidebg" style="background-image: url(images/bg.png); --distancefromcenter: 11%;" title="Pictured: The eponymous "deep twisty""></div>
|
<div id="rightsidebg" style="background-image: url(images/bg.png); --distancefromcenter: 11%;" title="Pictured: The eponymous "deep twisty""></div>
|
||||||
<div id="bubblecolumn"></div>
|
<div id="bubblecolumn"></div>
|
||||||
|
|
Loading…
Reference in a new issue