FIX: some fixes for rollout

schooling link, small issues with burger menu

app/assets/css/global.css

@@ -42,7 +42,7 @@
     --color-white: #ecf0f1;
     --color-white-transparent: rgba(236, 240, 241, 0.7);
 
-    --color-black: #2a2723;
+    --color-black: rgb(42, 39, 35);
     --color-black-transparent: #2a2723aa;
 
     --color-orange: #ff9100;

app/assets/css/intro.css

@@ -1,5 +1,5 @@
 .Intro {
-    background-image: radial-gradient(circle at -50vw -50vh, rgba(255,145,0,0.2) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%);
+    background-image: radial-gradient(circle at -50vw -50vh, rgba(255,145,0,0.2) 0%, var(--color-black) 63%, var(--color-black) 100%);
     background-repeat: no-repeat;
     display: grid;
     grid-template-columns: 1fr 1fr;

app/components/Booking.vue

@@ -122,7 +122,7 @@ const oneOff : Service[] = [
     smallClaim: 'Wenn man\'s selber können muss.',
     icon: 'ph:graduation-cap-thin',
     button: 'Frag nach!',
-    link: 'https://tidycal.com/webfussel/project-booking',
+    link: 'https://tidycal.com/webfussel/teaching',
     list: [
       'Schulungsinhalte klären',
       'Team-Workshops',

app/components/Burger.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="Burger" :class="{ open }">
-    <nav class="z-4" ref="nav">
+    <nav class="z-4" ref="navElement">
       <ul>
         <li v-for="({label, to, aria, icon}) in navigation" :key="label">
           <NuxtLink :to="to" :aria-label="aria" active-class="active" class="inline-flex-row big-gap" @click="close">
@@ -16,7 +16,7 @@
 <script setup lang="ts">
 import { navigation } from '../utils/navigation'
 
-const navElement = useTemplateRef('nav')
+const navElement = useTemplateRef('navElement')
 
 const nav = useNavigation()
 const close = () => nav.hideNavigation()

app/components/Header.vue

@@ -29,9 +29,9 @@
 import { navigation } from '../utils/navigation'
 
 let observer: IntersectionObserver
-const header = ref<HTMLElement | null>(null)
-const headerWrapper = ref<HTMLElement | null>(null)
-const stickyWatch = ref<HTMLElement | null>(null)
+const header = useTemplateRef('header')
+const headerWrapper = useTemplateRef('headerWrapper')
+const stickyWatch = useTemplateRef('stickyWatch')
 
 const nav = useNavigation()
 const burgerOpenLabel = 'Burgermenü öffnen'

app/pages/index.vue

@@ -5,3 +5,12 @@
     <SkillsEasy />
   </div>
 </template>
+
+<script lang="ts" setup>
+useHead({
+  link: [
+    { rel: 'preload', as: 'image', href: '/img/profile_big.webp', type: 'image/webp' },
+    { rel: 'preload', as: 'image', href: '/img/profile_small.webp', type: 'image/webp' },
+  ],
+})
+</script>