CHANGE: css logo, bsky link

Changed CSS logo to newest version, added bsky profile link

assets/css/header.css

@@ -10,6 +10,10 @@
     position: fixed;
     z-index: 1000;
 
+    & .socials {
+        gap: 1rem;
+    }
+
     & .logo {
         fill-rule: evenodd;
         clip-rule: evenodd;
@@ -182,9 +186,12 @@
             & .socials {
                 flex-direction: row;
                 height: max-content;
+                gap: 3rem;
+                padding-bottom: 2rem;
 
                 & img {
-                    height: 75px;
+                    height: 2rem;
+                    width: 2rem;
                 }
             }
 

components/Header.vue

@@ -86,6 +86,11 @@ const socials = [
     rel: 'me',
     'aria-label': 'Externer Link: Mastodon Profil'
   },
+  {
+    href: 'https://bsky.app/profile/webfussel.de',
+    icon: '/img/icons/bsky.svg',
+    'aria-label': 'Externer Link: Bluesky Profil'
+  },
   {
     href: 'https://ko-fi.com/webfussel',
     icon: '/img/icons/kofi.svg',

nuxt.config.ts

@@ -1,5 +1,6 @@
 export default defineNuxtConfig({
   ssr: true,
+
   nitro: {
     prerender: {
       routes: [
@@ -8,6 +9,7 @@ export default defineNuxtConfig({
       ]
     }
   },
+
   css: [
     '~/assets/css/fonts.css',
     '~/assets/css/global.css',
@@ -21,15 +23,18 @@ export default defineNuxtConfig({
     '~/assets/css/person.css',
     '~/assets/css/button.css',
   ],
+
   postcss: {
     plugins: {
       'postcss-nesting': { /* plugin options */ },
     },
   },
+
   routeRules: {
     '/': { prerender: true },
     '/imp': { prerender: true },
   },
+
   app: {
     head: {
       htmlAttrs: { lang: 'de' },
@@ -41,5 +46,7 @@ export default defineNuxtConfig({
         { rel: 'preload', crossorigin: 'anonymous', as: 'font', href: '/fonts/roboto_con_reg.woff2', type: 'font/woff2' },
       ],
     }
-  }
+  },
-})
+
+  compatibilityDate: '2024-12-04'
+})

public/img/icons/bsky.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.98 21.29">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+        stroke: #000;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 1.5px;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M5.62,2.08c2.58,1.93,5.35,5.86,6.37,7.96,1.02-2.11,3.79-6.03,6.37-7.96,1.86-1.4,4.87-2.48,4.87.96,0,.69-.39,5.77-.62,6.59-.8,2.87-3.73,3.6-6.33,3.16,4.55.77,5.7,3.34,3.2,5.9-4.74,4.87-6.82-1.22-7.35-2.78-.1-.29-.14-.42-.14-.31,0-.11-.05.02-.14.31-.53,1.56-2.61,7.65-7.35,2.78-2.5-2.56-1.34-5.13,3.2-5.9-2.6.44-5.52-.29-6.33-3.16-.23-.82-.62-5.9-.62-6.59,0-3.44,3.01-2.36,4.87-.96h0Z"/>
+</svg>