you know.

app/assets/stylesheets/application.css

@@ -36,6 +36,51 @@ height: 350px;
 overflow: scroll;
 margin-left: 730px;
 }
+@font-face { font-family: "rustic roadway"; src: url('../fonts/RusticRoadway.otf'); format("opentype");}
+@font-face { font-family: "brillant"; src: url('../fonts/brillant.otf'); format("opentype");}
+
+#writer {
+  margin: 0 auto;
+  padding: 10px; /* creates some space around the widget */
+  font-size: 12px;
+  font-family: "brillant"
+}
+
+#writer a {
+  color: #A04668;
+  text-decoration: none;
+}
+
+#writer a:hover {
+  color: #FFB17A;
+  text-dcoration: dotted underline;
+}
+
+#writer table {
+/* makes the background pure white */
+  margin: 0 auto; /* centers the widget */
+}
+
+#writer table tr td {
+ /* creates some space between the links and text inside the widget */
+}
+
+#writer .webring-prev {
+  text-align:right;
+}
+
+#writer .webring-info {
+   text-align:center;
+}
+
+#writer .webring-next {
+  text-align:left;
+}
+
+#writer .webring-links {
+  font-size:small;
+}
+
 section.blogdesc {
 border: 1px solid black;
 padding: 5px;

app/views/welcome/index.html.erb

@@ -48,6 +48,25 @@ Hi! I'm Agnes (Agnes the Alien!). I'm a freakdyke alien in its mid 20s trying to
 
 <div id="alterhuman-ring"><script type="text/javascript" src="https://www.zpires.com/style/scripts/onionring/onionring-variables.js"></script><script type="text/javascript" src="https://www.zpires.com/style/scripts/onionring/onionring-widget.js"></script></div><script type="text/javascript">createWidget("black");</script></div>
 
+                        <div class="off-platform-webring">
+                            <a href="https://sakk.ie/off-platform/"><b>Off-Platform Webring</b></a><br />
+                            <a href="https://sakk.ie/off-platform?action=previous">←</a>
+                            <a href="https://sakk.ie/off-platform?action=random">random</a>
+                            <a href="https://sakk.ie/off-platform?action=next">→</a>
+                        </div>
+ <div id='writer'>
+                <script type="text/javascript" src="https://mortaki.neocities.org/writers/writers-variables.js"></script>
+                <script type="text/javascript" src="https://mortaki.neocities.org/writers/writers-widget.js"></script>
+                </div>
+<div id="femslashfans">
+<a href="https://alien.hospital/femslashring"> | <img src="https://file.garden/Zw17vw8ctXTQw7PV/femslashfansonline.png"></a> | <br>
+<b>MY</b> femslash OTP is...<br><b><i>
+💞 KELLY X TOPA ! 💞 </b></i><br>
+    <a href="https://alien.hospital/femslashring?action=previous">previous</a>
+    <a href="https://alien.hospital/femslashring?action=random">random</a>
+    <a href="https://alien.hospital/femslashring?action=next">next</a>
+</div>
+                    
 <h3>FUN!</h3>
 <iframe src="https://petrapixel.neocities.org/widgets/lastfm?center=0&marquee=0&font-family=MS Gothic&font-weight:900&font-size=16px&color=#000&username=keegbovo&swapPositions=1&deulmiter=~&underulne=1" height="20px" frameborder="0" title="Last.Fm Status" id="ulnkjesus" style="color:#fff;"></iframe><iframe src="https://free.timeanddate.com/clock/ia8kdkgg/n77/fn6/fs16/fcf99/tc000/ftbi/bas2/bat1/bac0f9/pa8/tt0/tw1/th1/ta1/tb4" frameborder="0" width="210" height="66"></iframe><!-- © wdisseny --><div id="contain_moon" style="text-align:center;padding-top:5px;padding-bottom:5px;"><div style="font-weight:bold">The moon today</div><div style="margin-top:-7px;margin-bottom:-15px;padding:30px;filter:drop-shadow(0 0 30px hsl(220,100%,15%))"></div><div>.</div><div style="font-size:small">.</div></div><script>(function(){var d=new Date().getDate();var m=document.querySelectorAll("#contain_moon div");var a=new XMLHttpRequest();var url="https://www.icalendar37.net/lunar/api/?lang=en&month="+(new Date().getMonth()+1)+"&year="+(new Date().getFullYear())+"&size=100&lightColor=rgb(245,245,245)&shadeColor=rgb(17,17,17)&LDZ="+new Date(new Date().getFullYear(),new Date().getMonth(),1)/1000+"";m[1].style.height="100px";a.onreadystatechange=function(){if(a.readyState==4&&a.status==200){var b=JSON.parse(a.responseText);m[1].innerHTML=b.phase[d].svg;if(typeof moon_widget_loaded=="function")moon_widget_loaded(b);m[2].innerHTML=b.phase[d].npWidget;m[3].innerHTML="Next full moon<br>"+b.nextFullMoon}};a.open("GET",url,true);a.send()})()</script><script src="https://cdn.commoninja.com/sdk/latest/commonninja.js" defer></script>
 <script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.20/index.global.min.js'></script><script src='cdn.jsdelivr.net'></script>