Welcome to the humble homepage of our webring! This is a collection of personal- and project webpages of fellow hackers. Each site links to two different webpages: one "before" and one "after" it. All sites together create a ring-like topology. Read more about webrings...
Any hacker, creator, artist is free to join this webring with their own webpage. However, there are a few rules to follow.
This page is for hackers, but not in the Hollywood sense. We are a global community of entities that look at the world at a vastly different angle. We find opportunities to create, change, and improve the world around us. We think outside the box, finding new and exciting ways to use our existing resources. We, hackers, are not criminals, unless doing as we please with our lives becomes a crime.
Hacking is a very broad term. Our webring welcomes pages from all entities that consider themselves to be hackers or a part of the broader hacker community. That being said, the following rules are to be observed:
Note: all of the following designs are personalized with a random ID. That ID will change after a page refresh, so make sure to copy the code and submit the form in one go!
Name | Preview |
---|---|
small.htm |
![]() HTML code…<map name="webring">
<area alt="A previous track button" title="Previous!" href="//ring.acab.dev/prev/zIakjedlI0" coords="12,26,34,43" shape="rect">
<area alt="A shuffle button!" title="Surprise me~" href="//ring.acab.dev/rand/zIakjedlI0" coords="37,26,59,43" shape="rect">
<area alt="A next track button" title="Next!" href="//ring.acab.dev/next/zIakjedlI0" coords="62,26,84,43" shape="rect">
<area alt="A glider!" title="So, what is this webring thing about again?"href="//ring.acab.dev/" coords="88,25,108,45" shape="rect">
</map>
<img style='image-rendering:pixelated;' usemap="#webring" src="//ring.acab.dev/img/webring.gif">
|
small-2x.htm |
![]() HTML code…<map name="webring-2x">
<area alt="A previous track button" title="Previous!" href="//ring.acab.dev/prev/zIakjedlI0" coords="24,52,68,86" shape="rect">
<area alt="A shuffle button!" title="Surprise me~" href="//ring.acab.dev/rand/zIakjedlI0" coords="74,52,118,86" shape="rect">
<area alt="A next track button" title="Next!" href="//ring.acab.dev/next/zIakjedlI0" coords="124,52,168,86" shape="rect">
<area alt="A glider!" title="So, what is this webring thing about again?" href="//ring.acab.dev/" coords="176,50,216,90" shape="rect">
</map>
<img style='image-rendering:pixelated;' usemap="#webring-2x" src="//ring.acab.dev/img/webring-2x.gif">
|
long.htm |
![]() HTML code…<map name="webring-long">
<area alt="A previous track button" title="Previous!" href="//ring.acab.dev/prev/zIakjedlI0" coords="9,8,31,25" shape="rect">
<area alt="A shuffle button!" title="Surprise me~" href="//ring.acab.dev/rand/zIakjedlI0" coords="34,8,56,25" shape="rect">
<area alt="A next track button" title="Next!" href="//ring.acab.dev/next/zIakjedlI0" coords="59,8,81,25" shape="rect">
<area alt="A glider!" title="So, what is this webring thing about again?" href="//ring.acab.dev/" coords="244,7,266,28" shape="rect">
<area alt="A hidden passage lies in front of the reader. Will they click?" href="//ring.acab.dev/egg" coords="231,13,239,19" shape="rect">
</map>
<img style='image-rendering:pixelated;' usemap="#webring-long" src="//ring.acab.dev/img/webring_long.gif">
|
long-2x.htm |
![]() HTML code…<map name="webring-long-2x">
<area alt="A previous track button" title="Previous!" href="//ring.acab.dev/prev/zIakjedlI0" coords="18,16,62,50" shape="rect">
<area alt="A shuffle button!" title="Surprise me~" href="//ring.acab.dev/rand/zIakjedlI0" coords="68,16,112,50" shape="rect">
<area alt="A next track button" title="Next!" href="//ring.acab.dev/next/zIakjedlI0" coords="118,16,162,50" shape="rect">
<area alt="A glider!" title="So, what is this webring thing about again?" href="//ring.acab.dev/" coords="488,14,532,56" shape="rect">
<area alt="A hidden passage lies in front of the reader. Will they click?" href="//ring.acab.dev/egg" coords="462,26,478,38" shape="rect">
</map>
<img style='image-rendering:pixelated;' usemap="#webring-long-2x" src="//ring.acab.dev/img/webring_long-2x.gif">
|
ascii-window.htm |
+---------------------------+--+ | meow |.X| +---------------------------+--+ | This page is a part of | | --<The Hacker Webring>-- | | <- prev | - rand - | next -> | +------------------------------+ HTML code…<pre>
+---------------------------+--+
| meow |<a href="//ring.acab.dev/">.X</a>|
+---------------------------+--+
| This page is a part of |
| --<The Hacker Webring>-- |
| <a href="//ring.acab.dev/prev/zIakjedlI0"><- prev</a> | <a href="//ring.acab.dev/rand/zIakjedlI0">- rand -</a> | <a href="//ring.acab.dev/next/zIakjedlI0">next -></a> |
+------------------------------+
</pre>
|
88_31.htm |
HTML code…<!--
Note: the webring container is only here for demonstration purposes. If
this is on a webpage with a dark background, this should not be nesseceary.
The text-decoration can also be disabled in another way for these links,
this is just for copy, paste, works without additional CSS :)
-->
<div
class="webring-container"
style="
background: #0b0d0e;
width: fit-content;
padding: 5px;
"
>
<a href="//ring.acab.dev/prev/zIakjedlI0" style="text-decoration: none">
<img
style="image-rendering: pixelated"
src="//ring.acab.dev/img/webring_88_31_01.png"
alt="The first third of a 88x31 with a glider and arrow going to
the left"
/>
</a>
<a href="//ring.acab.dev" style="text-decoration: none">
<img
style="image-rendering: pixelated"
src="//ring.acab.dev/img/webring_88_31_02.png"
alt="The middle third of a 88x31 with the text Hacker Webring on
it. In the background of the text is a ring with an offset shadow."
/>
</a>
<a href="//ring.acab.dev/next/zIakjedlI0" style="text-decoration: none">
<img
style="image-rendering: pixelated"
src="//ring.acab.dev/img/webring_88_31_03.png"
alt="The last third of a 88x31 with a glider and arrow going to the
right"
/>
</a>
</div>
|
All designs listed above are free to use and modify. New designs can be contributed here. Thanks!
A linkback has to consist of at least a "previous" and "next" buttons, in any form. It can optionally include a random button; Linking to the main page of the ring is also encouraged.
We expose the following endpoints:
For any questions and inquires about the service, please join #webring on hackint (IRC/Matrix/XMPP).