Add wrongos webring widget

_data/i18n.js

@@ -84,6 +84,7 @@ module.exports = {
     kaoLink: "<a href='https://keepandroidopen.org/'>Learn what you can do at Keep Android Open</a>",
     webringDescription: "<a href='https://en.wikipedia.org/wiki/Webring'>What are webrings?</a>",
     breakcoreWebring: "This site is a member of the breakcore webring.",
+    wrongosWebring: "This site is a member of the Wrongos webring.",
     previousSite: "previous site",
     nextSite: "next site",
     random: "random"
@@ -146,6 +147,7 @@ module.exports = {
     kaoLink: "<a href='https://keepandroidopen.org/pt-BR/'>Veja o que você pode fazer em Keep Android Open</a>",
     webringDescription: "<a href='https://pt.wikipedia.org/wiki/Webring'>O que são webrings?</a>",
     breakcoreWebring: "Esse website faz parte do webring breakcore.",
+    wrongosWebring: "Esse website faz parte do webring Wrongos.",
     previousSite: "site anterior",
     nextSite: "próximo site",
     random: "aleatório"

index.njk

@@ -160,12 +160,61 @@ layout: base.njk
 </main>
 
 <aside>
-<div id="homeWebrings">
+    <div id="homeWebrings">
         <div>
             <h1 class="nomargin negativeMargin">Webrings</h1>
             <hr style="margin-bottom: .4em;">
             <p class="end-text">{{ i18n[langKey].webringDescription | safe }}</p>
         </div>
+        <div id="webring-Wrongos-widget" class="_wrongoInternalWidget">
+            <style>
+                #webring-Wrongos-widget div {
+                    display: grid;
+                    grid-template-columns: 1fr 1fr 1fr;
+                    text-align: center;
+                }
+                
+                #webring-Wrongos-widget p {
+                    text-align: center;
+                    margin: 0;
+                    padding: 0.4em;
+                    border: 2px solid #72BAA9;
+                    color: #D5E7B5;
+                }
+                
+                #webring-Wrongos-widget a {
+                    margin: 0;
+                    padding: 0.2em;
+                    border: 2px solid #72BAA9;
+                    border-top: 0;
+                    color: #72BAA9;
+                }
+                
+                #webring-Wrongos-widget a:first-child {
+                    border-right: 0;
+                }
+                
+                #webring-Wrongos-widget a:last-child {
+                    border-left: 0;
+                }
+            </style>
+            <p>{{ i18n[langKey].wrongosWebring }}</p>
+            <div>
+                <a href="https://adrianvic.github.io/wrongos/redirect?action=previous&current=https%3A%2F%2Fadrianvic.github.io">{{ i18n[langKey].previousSite | smartTitle }}</a>
+                <a href="https://adrianvic.github.io/wrongos">Wrongos</a>
+                <a href="https://adrianvic.github.io/wrongos/redirect?action=next&current=https%3A%2F%2Fadrianvic.github.io">{{ i18n[langKey].nextSite | smartTitle }}</a>
+            </div>
+        </div>
+        <center>
+            <div id="breakcoreWebring" class="box noPadding" style="width: fit-content; text-align:center; background-image: url('{{ '/static/images/metro-flowers.jpg' | url }}');">
+                <p style="margin: 0; padding: 0.4em;">{{ i18n[langKey].breakcoreWebring }}</p>
+                <div style="display: flex">
+                    <a style="flex: 1; margin: 0; padding: 0.2em;" href="https://webri.ng/webring/breakcoreweb/previous?via=https%3A%2F%2Fadrianvic.github.io%2F">{{ i18n[langKey].previousSite | smartTitle }}</a>
+                    <a style="flex: 1; margin: 0; padding: 0.2em;" href="https://appak.neocities.org/breakcore">Breakcore Webring</a>
+                    <a style="flex: 1; margin: 0; padding: 0.2em;" href="https://webri.ng/webring/breakcoreweb/next?via=https%3A%2F%2Fadrianvic.github.io%2F">{{ i18n[langKey].nextSite | smartTitle }}</a>
+                </div>
+            </div>
+        </center>
         <center>
             <div class="droidringwidget">
                 <a href="https://kanandraw.neocities.org/stuffs/droidring/home"><img src="https://kanandraw.neocities.org/stuffs/droidring/assets/logo.png" style="width: 200px;"></a><br/>
@@ -210,15 +259,5 @@ layout: base.njk
                 </style>
             </div>
         </center>
-            <center>
-                <div id="breakcoreWebring" class="box noPadding" style="width: fit-content; text-align:center; background-image: url('{{ '/static/images/metro-flowers.jpg' | url }}');">
-                    <p style="margin: 0; padding: 0.4em;">{{ i18n[langKey].breakcoreWebring }}</p>
-                    <div style="display: flex">
-                        <a style="flex: 1; margin: 0; padding: 0.2em;" href="https://webri.ng/webring/breakcoreweb/previous?via=https%3A%2F%2Fadrianvic.github.io%2F">{{ i18n[langKey].previousSite | smartTitle }}</a>
-                        <a style="flex: 1; margin: 0; padding: 0.2em;" href="https://appak.neocities.org/breakcore">Breakcore Webring</a>
-                        <a style="flex: 1; margin: 0; padding: 0.2em;" href="https://webri.ng/webring/breakcoreweb/next?via=https%3A%2F%2Fadrianvic.github.io%2F">{{ i18n[langKey].nextSite | smartTitle }}</a>
-                    </div>
-                </div>
-            </center>
     </div>
 </aside>

static/main.css

@@ -720,6 +720,14 @@ div.hs.selected {
     border-right: 0;
 }
 
+#webring-Wrongos-widget p {
+    border-top-right-radius: 10px;
+}
+
+#webring-Wrongos-widget a:first-child {
+    border-bottom-left-radius: 10px;
+}
+
 #headerSubtitle {
     color: white;
     opacity: 0.6;