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 <section>
  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 </section>
  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 | sort(false, true, 'data.title') %}
  33 <section>
  34     <h2 id="{{ webring.data.title | slug }}">{{ webring.data.title }}</h2>
  35     {% if webring.data.prev or webring.data.next %}
  36     <div class="row">
  37         {% if webring.data.prev %}
  38         <a class="c-sun" href="{{ webring.data.prev }}">Prev Site</a>
  39         {% endif %}
  40         <div class="spacer"></div>
  41         {% if webring.data.next %}
  42         <a class="c-sun" href="{{ webring.data.next }}">Next Site</a>
  43         {% endif %}
  44     </div>
  45     {% endif %}
  46     <section>
  47         {{ webring.templateContent | safe }}
  48     </section>
  49     <ul>
  50     {% for page in webring.data.pages %}
  51         <li><a class="c-sun" href="{{ page.url }}">{{ page.title }}</a></li>
  52     {% endfor %}
  53     </ul>
  54 </section>
  55 <div class="col hcenter"><div class="row fullwidth hcenter fwrap">
  56 {% for stamp in webring.data.stamps %}
  57     {% if stamp.endsWith(".gif") %}
  58     <img class="animated-decoration" src="/stamps/{{stamp}}">
  59     {% else %}
  60     <img src="/stamps/{{stamp}}">
  61     {% endif %}
  62 {% endfor %}
  63 </div></div>
  64 {% endfor %}