add gettie's webring to main layout

_layouts/shr4pnel.html

@@ -245,7 +245,7 @@ layout: compress
             </div>
             <h2 class="highlighted">webrings</h2>
             <div class="flex-wrap">
-                <p>hotline webring</p>
+                <p>Hotline Webring</p>
                 <a href="https://hotlinewebring.club/shr4pnel/previous">Previous</a>
                 <a href="https://hotlinewebring.club/shr4pnel/next">Next</a>
             </div>
@@ -263,6 +263,17 @@ layout: compress
                 <a href="https://baccyflap.com/noai/?rnd">Random</a>
                 <a href="https://baccyflap.com/noai/?nxt&s=cum">Next</a>
             </div>
+            <div class="flex-wrap">
+                <p>Gettie's Webring</p>
+                <div class="flex-align-center">
+                    <a href="https://webring.getimiskon.xyz/shrapnelnet/prev">&lt;--</a>
+                    <a href="https://webring.getimiskon.xyz/">
+                        <img width="50" src="/assets/graphics/gettie.png" alt="gettie's fursona! also the index for their webring." title="Webring index">
+                    </a>
+                    <a href="https://webring.getimiskon.xyz/shrapnelnet/next">--&gt;</a>
+
+                </div>
+            </div>
         </div>
         <h2 class="highlighted">lainchan</h2>
         <div class="friend-container lain">

assets/css/index.css

@@ -189,6 +189,16 @@ div.social-links > a {
     margin: 0 auto 15px;
 }
 
+.flex-align-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.flex-align-center > a > img {
+    margin: 0 15px;
+}
+
 @media only screen and (max-width: 980px) {
     .card {
         min-width: unset;