Add blog posts to home screen, make template for webrings, add footer, remove unused stuff

_includes/base.njk

@@ -13,20 +13,16 @@
     <meta charset="UTF-8">
     <title>Adrian Victor{% if pageTitle or postTitle %} - {{ pageTitle or postTitle }}{% endif %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <link rel="stylesheet" href="{{ '/static/main.css?fixcache=1' | url }}">
-
     <script type="module" src="{{ '/static/scripts/ccd.js' | url }}"></script>
     <script type="module" src="{{ '/static/scripts/music.js' | url }}" defer></script>
     <script type="module" src="{{ '/static/scripts/88x31.js' | url }}" defer></script>
     <script type="module" src="{{ '/static/scripts/tips.js' | url }}" defer></script>
     <script type="module" src="{{ '/static/scripts/click.js' | url }}" defer></script>
-
     <link rel="apple-touch-icon" sizes="180x180" href="{{ '/static/apple-touch-icon.png' | url }}">
     <link rel="icon" type="image/png" sizes="32x32" href="{{ '/static/favicon-32x32.png' | url }}">
     <link rel="icon" type="image/png" sizes="16x16" href="{{ '/static/favicon-16x16.png' | url }}">
     <link rel="manifest" href="{{ '/static/site.webmanifest' | url }}">
-
     <meta property="og:title" content="Adrian Victor{% if pageTitle or postTitle %} - {{ pageTitle or postTitle }}{% endif %}">
     <meta property="og:description" content="{{ description or i18n[langKey].websiteDescription }}">
     <meta property="og:type" content="article">
@@ -37,21 +33,26 @@
     <script>
         const rootPrefix = "{{ '/' | url }}";
     </script>
+
     <style>
         .bg {
             opacity: {{ backgroundOpacity or ".4" }}!important;
         }
     </style>
+
     <noscript>
         <style>
             .i88x31:hover {
                 transform: scale(2);
             }
-        </style>    
+        </style>
     </noscript>
+
     <div id="everythingHelper">
         <img src="{{ ('/static/images/' ~ (background or 'bear.jpg')) | url }}" class="bg">
+
         {% include "header.njk" %}
+
         <div id="mainHelper">
             {{ content | safe }}
         </div>

_includes/macros.njk

@@ -40,4 +40,17 @@
         <p>{{ projectDescription }}</p>
     </div>
 </div>
+{% endmacro %}
+
+{% macro webring(opts) %}
+<div class="webringGeneric"
+     style="{% if opts.image %}background-image:url('{{ opts.image | url }}');{% endif %}
+            {% if opts.color %}background-color:{{ opts.color }};{% endif %}">
+    <p>{{ opts.text }}</p>
+    <div class="webringButtons">
+        {% for link in opts.links %}
+            {{ link | safe }}
+        {% endfor %}
+    </div>
+</div>
 {% endmacro %}

_includes/post.11tydata.js

@@ -1,3 +0,0 @@
-module.exports = {
-  langKey: data => data.lang
-};

_includes/widgets/droidring.html

@@ -0,0 +1,44 @@
+<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; padding: .4em;"></a><br/>
+        <!-- <img src="https://kanandraw.neocities.org/stuffs/droidring/assets/droidwidget.png" style="width: 115px;"><br> -->
+        <div class="buttonsdroidring">
+            <a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=previous"><button class="navdroidring" data-tip="{{ i18n[langKey].previousSite | smartTitle }}">←</button></a>
+            <a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=random"><button class="navdroidring" data-tip="{{ i18n[langKey].random | smartTitle }}">⇄</button></a>
+            <a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=next"><button class="navdroidring" data-tip="{{ i18n[langKey].nextSite | smartTitle }}">→</button></a>
+        </div>
+        <style>
+            .droidringwidget {
+                font-family: 'Droid Sans',sans-serif;
+                align-content: center;
+                text-align: center;
+                /* width: 215px; */
+                border: 1px solid #666666;
+                background: linear-gradient(0deg, black, #000000db);
+                padding: 5px;
+            }
+            .buttonsdroidring {
+                background: #989898;
+                padding: 4px;
+                margin: -5px;
+            }
+            
+            .navdroidring {
+                background: linear-gradient(to bottom, #F1F1F1, #B8B8B8);
+                padding: 5px;
+                color: black;
+                box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003B;
+                border: none;
+                width: 50px;
+                height: 27px;
+                min-width: 50px;
+            }
+            .navdroidring:active {
+                background: linear-gradient(to bottom,#FFD554,#E99D00);
+            }
+            .navdroidring:hover {
+                background: linear-gradient(to bottom, #ffebc4, #f2f2f2);
+            }
+        </style>
+    </div>
+</center>