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>