<!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://nelle.observer">nelle.observer</a></li>
				<li><a href="https://astrid.tech">astrid.tech</a></li>
				<li><a href="https://0x0079.codeberg.page">0x0079.codeberg.page</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://nelle.observer">
					<img
						alt="nelle.observer"
						title="nelle.observer"
						src="/img/88x31/nelleobserver-green.gif"
					>
				</a>
				<a href="https://astrid.tech">
					<img
						alt="astrid.tech"
						title="astrid.tech"
						src="/img/88x31/astriddottech.png"
					>
				</a>
				<a href="https://0x0079.codeberg.page">
					<img
						alt="40796c19"
						title="40796c19"
						src="/img/88x31/40796c19.png"
					>
				</a>
			</p>
		</main>
	</body>
</html>