Witch of Git - web/blog/blob - webrings.njk

   1 ---
   2 title: Webrings
   3 layout: "layouts/layout.njk"
   4 summary: "It's good to make your own communities. I list my webrings here."
   5 stamps:
   6  - su/periblush.png
   7  - hs/light.png
   8  - su/strawberry.png
   9  - hs/homestuck-house.png
  10  - id/nonbinary.png
  11  - id/trans.png
  12  - id/lesbian.png
  13  - id/they-them.png
  14  - id/she-her.png
  15 ---
  16 <style>.fullwidth{width:100vw; padding: 0 0.5em;}</style>
  17 <article>
  18     <p>
  19         It's good to make your own communities and your own spaces, and this is a fun and sorta goofy way to do that.
  20         Also, homemade internet aesthetics absolutely own, so I'm gonna cover this page in stamps.
  21     </p>
  22 </article>
  23 <div class="col hcenter"><div class="row fullwidth hcenter fwrap">
  24 {% for stamp in stamps %}
  25     {% if stamp.endsWith(".gif") %}
  26     <img class="animated-decoration" src="/stamps/{{stamp}}">
  27     {% else %}
  28     <img src="/stamps/{{stamp}}">
  29     {% endif %}
  30 {% endfor %}
  31 </div></div>
  32 {% for webring in collections.webrings %}
  33 <article>
  34     <h2 id="{{ webring.data.title | slug }}">{{ webring.data.title }}</h2>
  35     <div class="row">
  36         <a class="c-sun" href="{{ webring.data.prev }}">Prev Site</a>
  37         <div class="spacer"></div>
  38         <a class="c-sun" href="{{ webring.data.next }}">Next Site</a>
  39     </div>
  40     <section>
  41         {{ webring.templateContent | safe }}
  42     </section>
  43     <ul>
  44     {% for page in webring.data.pages %}
  45         <li><a class="c-sun" href="{{ page.url }}">{{ page.title }}</a></li>
  46     {% endfor %}
  47     </ul>
  48 </article>
  49 <div class="col hcenter"><div class="row fullwidth hcenter fwrap">
  50 {% for stamp in webring.data.stamps %}
  51     {% if stamp.endsWith(".gif") %}
  52     <img class="animated-decoration" src="/stamps/{{stamp}}">
  53     {% else %}
  54     <img src="/stamps/{{stamp}}">
  55     {% endif %}
  56 {% endfor %}
  57 </div></div>
  58 {% endfor %}