feat: updated

templates/base.html

@@ -10,7 +10,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
-  <link rel="stylesheet" href="{{ get_url(path="styles/styles.css") | safe }}" />
+  {{ post_macros::styles() }}
 
   <script defer data-domain="blog.kasperhermansen.com" src="https://plausible.front.kjuulh.io/js/script.js"></script>
 
@@ -34,6 +34,26 @@
   <section class="section container mx-auto">
     {% block content %} {% endblock %}
   </section>
+  <footer>
+    <footer class="mt-auto py-3">
+      <div class="container mx-auto px-4">
+        <div class="flex justify-center space-x-4">
+          <a href="https://github.com/kjuulh" target="_blank" rel="noopener noreferrer"
+            class="text-gray-300 hover:text-gray-900">
+            <i class="fab fa-github"></i>
+          </a>
+          <a href="https://www.linkedin.com/in/kasper-hermansen-50b0b0132/" target="_blank" rel="noopener noreferrer"
+            class="text-gray-300 hover:text-gray-900">
+            <i class="fab fa-linkedin"></i>
+          </a>
+          <a href="https://git.front.kjuulh.io/kjuulh" target="_blank" rel="noopener noreferrer"
+            class="text-gray-300 hover:text-gray-900 custom-icon h-6 w-6 gitea bg-cover"> </a>
+        </div>
+      </div>
+    </footer>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/js/all.min.js"
+      crossorigin="anonymous"></script>
+  </footer>
 </body>
 
 </html>

templates/macros/macros.html

@@ -1,5 +1,5 @@
 {% macro list_posts(pages) %}
-<ul>
+<ul class="space-y-6">
   {%- for page in pages %}
   <section class="list-item">
     <h1 class="title text-peach">
@@ -34,3 +34,7 @@
   {% endfor -%}
 </ul>
 {% endmacro list_posts %}
+
+{% macro styles() %}
+<link rel="stylesheet" href="{{ get_url(path="styles/styles.css") | safe }}" />
+{% endmacro styles %}

templates/page.html

@@ -3,7 +3,6 @@
 {% block content %}
 
 <div class="mx-auto px-4 max-w-3xl py-8">
-
   <div class="py-2">
   {{ prev_macros::page_back_link(page=page) }}
   </div>
@@ -12,6 +11,10 @@
   <h1 class="title">
     {{ page.title }}
   </h1>
+                    <a href="https://github.com/kjuulh" target="_blank" rel="noopener noreferrer" class="text-peach hover:text-orange-400">
+      @kjuulh
+                </a>
+
   <p class="subtitle"><strong>{{ page.date }}</strong></p>
   {{ page.content | safe }}
 </article>