webrings and buttons

static/css/bases/base.css

@@ -333,6 +333,21 @@ code {
     top: 200px;
 }
 
+.webring {
+    text-align: center;
+}
+
+.webring a {
+    text-decoration: none;
+    color: var(--primary-color);
+    font-size: 1.2rem;
+}
+
+.webring a:hover {
+    font-weight: 900;
+    text-shadow: 0px 0px 10px var(--primary-color-but-slightly-transparent);
+}
+
 @media screen and (max-width: 1240px) {
     #toaster-wave {
         display: none;

templates/bases/base.html

@@ -60,14 +60,27 @@
                 <li><a href="https://eightyeightthirty.one"><img src="/static/content/buttons/8831.png" alt="88x31"></a></li>
                 <li><a href="https://neocities.org"><img src="/static/content/buttons/neocities.gif" alt="neocities"></a></li>
                 <li><a href="https://tuxedodragon.art"><img src="/static/content/buttons/tuxedodragon.gif" alt="tuxedodragon"></a></li>
+                <li><a href="https://beepi.ng"><img src="https://beepi.ng/88x31.png" width="88" height="31" alt="unnick"></a></li>
+                <li><a href="https://sneexy.synth.download"><img src="https://synth.download/assets/buttons/sneexy.svg" alt="Sneexy"></a></li>
+                <li><a href="https://kraafter.me/"><img src="https://kraafter.me/assets/img/button.png" alt="Kraafter.me button" title="kraaftersite"></a></li>
             </ul>
         </section>
         <section>
-            <div id='furryring'>
+            <div id='furnix'>
-                <script type="text/javascript" src="https://furryring.neocities.org/onionring-variables.js"></script>
+                <script type="text/javascript" src="https://tapeykatt.neocities.org/furnix/onionring-variables.js"></script>
-                <script type="text/javascript" src="https://furryring.neocities.org/onionring-widget.js"></script>
+                <script type="text/javascript" src="https://tapeykatt.neocities.org/furnix/onionring-widget.js"></script>
             </div>
         </section>
+        <section class="webring">
+            <a href="https://stellophiliac.github.io/roboring">Roboring</a><br>
+            <a href="https://stellophiliac.github.io/roboring/Toaster/previous"><--</a>
+            <a href="https://stellophiliac.github.io/roboring/Toaster/next">--></a> 
+        </section>
+        <section class="webring">
+            <a href="https://keithhacks.cyou/furryring.php">Furryring</a><br>
+            <a href="https://keithhacks.cyou/furryring.php?prev=alfieking.dev"><--</a>
+            <a href="https://keithhacks.cyou/furryring.php?next=alfieking.dev">--></a> 
+        </section>
         <section>
             <pre class="vsmoltext">      |\      _,,,---,,_<br>ZZZzz /,`.-'`'    -.  ;-;;,_<br>     |,4-  ) )-,_. ,\ (  `'-'<br>    '---''(_/--'  `-'\_)</pre>
         </section>

templates/index.html

@@ -11,6 +11,7 @@
 <section>
     <h1>A lil bit abt me</h1>
     <p>
+        <span style="color: yellow; font-size: 0.8rem;">This is a "bit" out of date, will update soon ^^</span><br>
         Im not good with writing so dont expect much here. I was a student learning c++ and python. I've Done a few projects that i think
         are decent enough to show off, so I have put them on this website. I like to mess around with linux and have a few servers that I run. I've
         been running a server for a few years now, and I have learned a lot from it. I have also switched to linux on my main computer, which has been
@@ -135,4 +136,5 @@
         </li>
     </ul>
 </section>
+<iframe src="https://john.citrons.xyz/embed?ref=alfieking.dev" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe>
 {% endblock %}