webring-static/out/index.html
2024-11-10 15:37:26 -05:00

153 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>webring.umbreon.online</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- we hotlink a lot of things, this just seems neighborly -->
<meta name="referrer" content="no-referrer">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<main>
<div class="silly-little-images">
<!-- todo setting dimensions manually is bad but there's no good
way to scale an image up by a percentage in css so we just hope
that we never use a pixel scale other than 2 -->
<img
src="img/umbreon.png"
width="48"
height="58"
alt="an umbreon getting ready to pounce"
title="an umbreon getting ready to pounce"
>
<img
src="img/kate.png"
width="54"
height="86"
alt="the female protagonist of Pokemon Ranger: Shadows of Almia doing her ranger pose"
title="the female protagonist of Pokemon Ranger: Shadows of Almia doing her ranger pose"
>
</div>
<div class="textbox textbox--simple textbox--yellow">
<div class="textbox__text">
Welcome to <span class="color color--red">webring.umbreon.online</span>!
</div>
<div class="textbox__advance"></div>
</div>
<p>
This is a simple webring for some friends. This page will have
more information in the future, but Erin is busy obsessing over
the design so it might be a while.
</p>
<p>
Here's everyone who participates:
</p>
<ul>
<li><a href="https://umbreon.online">umbreon.online</a> (that's me)</li>
<li><a href="https://loveshock.xyz">loveshock.xyz</a></li>
<li><a href="https://tempest.dev">tempest.dev</a></li>
<li><a href="https://starshines.gay">starshines.gay</a></li>
<li><a href="https://natty.gay">natty.gay</a></li>
<li><a href="https://lunareclipse.zone">lunareclipse.zone</a></li>
<li><a href="https://interestingzinc.xyz">interestingzinc.xyz</a></li>
<li><a href="https://elke.cafe">elke.cafe</a></li>
<li><a href="https://astrid.tech">astrid.tech</a></li>
</ul>
<p>
For webring participants:
</p>
<ul>
<li><p>
You can view the full URL registered for your site by
checking <a href="https://webring.umbreon.online/list">
<code>/list</code></a>.
</p></li>
<li><p>
Link to the previous and next site in the ring with
<code>/prev</code> and <code>/next</code>. Both of these
endpoints expect a query parameter <code>from</code> whose
value should be the full URL of your site as shown in
<code>/list</code>, including the scheme (http/https),
optionally URI encoded. For example:
<code>https://webring.umbreon.online/prev?from=https://mysite.xyz</code>.
</p></li>
<li><p>
If you need to change your registration or something, ping
Erin on Discord or something.
</p></li>
</ul>
<p>
Running <a href="https://git.ewin.moe/erin/webring">a webring
server written in half an hour</a>. Source of this homepage
<a href="https://git.ewin.moe/erin/webring-static">is also
available</a>. Both are licensed under WTFPL.
</p>
<p>
Contact: <a href="https://tired.umbreon.online/@erin">
@erin@tired.umbreon.online</a><br>
Security: <a href="mailto:security@ewin.moe">
security@ewin.moe</a>
</p>
<p class="eightyeightbythirtyones">
<a href="https://umbreon.online">
<picture>
<source
media="(prefers-reduced-motion)"
srcset="/img/88x31/umbreon_dot_online_static.gif"
>
<img
alt="umbreon.online"
title="umbreon.online"
src="/img/88x31/umbreon_dot_online.gif"
>
</picture>
</a>
<a href="https://loveshock.xyz">
<picture>
<source
media="(prefers-reduced-motion)"
srcset="/img/88x31/loveshock_sonic.png"
>
<img
alt="the jukebox at loveshock.xyz"
title="the jukebox at loveshock.xyz"
src="/img/88x31/loveshock.gif"
>
</picture>
</a>
<a href="https://tempest.dev">
<!-- (screaming) WHY CANT YOUR URL BE NORMAL -->
<img
alt="tempest.dev"
title="tempest.dev"
src="/img/88x31/tempest.dev.png"
>
</a>
<a href="https://lunareclipse.zone">
<img
alt="lunar eclipse zone"
title="lunar eclipse zone"
src="/img/88x31/lunar-eclipse-zone.gif"
>
</a>
<a href="https://elke.cafe">
<img
alt="elke.cafe"
title="elke.cafe"
src="/img/88x31/elke.cafe.gif"
>
</a>
<a href="https://astrid.tech">
<img
alt="astrid.tech"
title="astrid.tech"
src="/img/88x31/astriddottech.png"
>
</a>
</p>
</main>
</body>
</html>