---
title: Webrings
layout: "layouts/layout.njk"
summary: "It's good to make your own communities. I list my webrings here."
stamps:
 - su/periblush.png
 - hs/light.png
 - su/strawberry.png
 - hs/homestuck-house.png
 - id/nonbinary.png
 - id/trans.png
 - id/lesbian.png
 - id/they-them.png
 - id/she-her.png
eleventyImport:
  collections: ["webrings"]
---
<style>.fullwidth{width:100vw; padding: 0 0.5em;}</style>
<section>
    <p>
        It's good to make your own communities and your own spaces, and this is a fun and sorta goofy way to do that.
        Also, homemade internet aesthetics absolutely own, so I'm gonna cover this page in stamps.
    </p>
</section>
<div class="col hcenter"><div class="row fullwidth hcenter fwrap">
{% for stamp in stamps %}
    {% if stamp.endsWith(".gif") %}
    <img class="animated-decoration" src="/stamps/{{stamp}}">
    {% else %}
    <img src="/stamps/{{stamp}}">
    {% endif %}
{% endfor %}
</div></div>
{% for webring in collections.webrings | sort(false, true, 'data.title') %}
<section>
    <h2 id="{{ webring.data.title | slug }}">{{ webring.data.title }}</h2>
    {% if webring.data.prev or webring.data.next %}
    <div class="row">
        {% if webring.data.prev %}
        <a class="c-sun" href="{{ webring.data.prev }}">Prev Site</a>
        {% endif %}
        <div class="spacer"></div>
        {% if webring.data.next %}
        <a class="c-sun" href="{{ webring.data.next }}">Next Site</a>
        {% endif %}
    </div>
    {% endif %}
    <section>
        {{ webring.templateContent | safe }}
    </section>
    <ul>
    {% for page in webring.data.pages %}
        <li><a class="c-sun" href="{{ page.url }}">{{ page.title }}</a></li>
    {% endfor %}
    </ul>
</section>
<div class="col hcenter"><div class="row fullwidth hcenter fwrap">
{% for stamp in webring.data.stamps %}
    {% if stamp.endsWith(".gif") %}
    <img class="animated-decoration" src="/stamps/{{stamp}}">
    {% else %}
    <img src="/stamps/{{stamp}}">
    {% endif %}
{% endfor %}
</div></div>
{% endfor %}