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 eleventyImport:
  16   collections: ["webrings"]
  17 ---
  18 <style>.fullwidth{width:100vw; padding: 0 0.5em;}</style>
  19 <section>
  20     <p>
  21         It's good to make your own communities and your own spaces, and this is a fun and sorta goofy way to do that.
  22         Also, homemade internet aesthetics absolutely own, so I'm gonna cover this page in stamps.
  23     </p>
  24 </section>
  25 <div class="col hcenter"><div class="row fullwidth hcenter fwrap">
  26 {% for stamp in stamps %}
  27     {% if stamp.endsWith(".gif") %}
  28     <img class="animated-decoration" src="/stamps/{{stamp}}">
  29     {% else %}
  30     <img src="/stamps/{{stamp}}">
  31     {% endif %}
  32 {% endfor %}
  33 </div></div>
  34 {% for webring in collections.webrings | sort(false, true, 'data.title') %}
  35 <section>
  36     <h2 id="{{ webring.data.title | slug }}">{{ webring.data.title }}</h2>
  37     {% if webring.data.prev or webring.data.next %}
  38     <div class="row">
  39         {% if webring.data.prev %}
  40         <a class="c-sun" href="{{ webring.data.prev }}">Prev Site</a>
  41         {% endif %}
  42         <div class="spacer"></div>
  43         {% if webring.data.next %}
  44         <a class="c-sun" href="{{ webring.data.next }}">Next Site</a>
  45         {% endif %}
  46     </div>
  47     {% endif %}
  48     <section>
  49         {{ webring.templateContent | safe }}
  50     </section>
  51     <ul>
  52     {% for page in webring.data.pages %}
  53         <li><a class="c-sun" href="{{ page.url }}">{{ page.title }}</a></li>
  54     {% endfor %}
  55     </ul>
  56 </section>
  57 <div class="col hcenter"><div class="row fullwidth hcenter fwrap">
  58 {% for stamp in webring.data.stamps %}
  59     {% if stamp.endsWith(".gif") %}
  60     <img class="animated-decoration" src="/stamps/{{stamp}}">
  61     {% else %}
  62     <img src="/stamps/{{stamp}}">
  63     {% endif %}
  64 {% endfor %}
  65 </div></div>
  66 {% endfor %}