Create LG33.nl

lg33.nl/app.vue

@@ -0,0 +1,15 @@
+<template>
+  <NuxtLayout>
+    <main class="relative bg-white">
+      <NuxtPage />
+    </main>
+  </NuxtLayout>
+</template>
+
+<script setup>
+useHead({
+  bodyAttrs: {
+    class: 'dwh-colors',
+  },
+})
+</script>

lg33.nl/components/layout/Header.vue

@@ -0,0 +1,8 @@
+<template>
+  <LayoutBaseHeader>
+    <template #logo>
+      <div class="text-4xl font-bold tracking-widest text-white">LG33</div>
+    </template>
+    <slot />
+  </LayoutBaseHeader>
+</template>

lg33.nl/components/layout/SmallHeader.vue

@@ -0,0 +1,7 @@
+<template>
+  <LayoutHeader small>
+    <h1 class="text-4xl font-normal text-white">
+      <slot />
+    </h1>
+  </LayoutHeader>
+</template>

lg33.nl/content/pages/index.nl.md

@@ -0,0 +1,56 @@
+---
+title: Welkom bij LG33
+layout: article
+---
+
+LG33 is een stichting met het doel het verwerven en beheren van fondsen teneinde extra (financiële)
+ondersteuning te bieden aan [DWH](https://dwhdelft.nl).
+
+LG33 is door de belastingdienst aangewezen als een algemeen nut beogende instelling. Een ANBI hoort een aantal
+gegevens te publiceren op haar internetsite. Hier vindt u deze gegevens van LG33 overzichtelijk bij elkaar.
+
+### Gegevens
+
+Stichting LG33
+
+RSIN: ???<br>
+KVK-nummer: 63273934
+
+Lange Geer 22<br>
+2611PV Delft
+
+### Bestuurders
+
+Het bestuur van LG33 bestaat uit de volgende leden:
+
+* **Jeroen** Voorzitter
+* **Victor** Secretaris
+* **Rob** Penningmeester
+* **Sharwin** Algemeen Bestuurslid
+* **Michael** Algemeen Bestuurslid
+
+### Beleidsplan
+
+Hierworden de hoofdlijnen uit het beleidsplan omschreven.
+
+### Verslag uitgeoefende activiteiten
+
+Voor een verslag van uitgeoefende activiteiten wordt verwezen naar het jaarverslag. Jaarlijks stelt LG33 het
+jaarverslag vast waarin onder meer verslag wordt gedaan van de uitgeoefende activiteiten over het afgelopen jaar.
+Het meest recente jaarverslag kan hier gevonden worden:
+
+<FilesList folder-id="1SEhPdLmDC-MxwcqiRnaMlAcvoPgnq16a"></FilesList>
+
+### Financiële verantwoording
+Voor een financiële verantwoording wordt verwezen naar de jaarrekening. Jaarlijks stelt LG33 de jaarrekening vast
+waarin de financiële verantwoording over het afgelopen jaar wordt vastgelegd.
+
+<FilesList folder-id="1wOt93uBOFba4lHrf6In1YZJPzT4L9Doi"></FilesList>
+
+### Beloningsbeleid
+
+Hier wordt het beloningsbeleid omschreven.
+
+### Contact
+
+Neem gerust contact op met LG33 via info@lg33.nl

lg33.nl/nuxt.config.ts

@@ -0,0 +1,29 @@
+import { resolve, join } from 'path'
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2024-08-11',
+
+  extends: '../shared/nuxt.config.ts',
+
+  content: {
+    sources: {
+      shared: {
+        driver: 'fs',
+        base: resolve(__dirname, join('..', 'shared', 'content'))
+      },
+    },
+  },
+
+  runtimeConfig: {
+    public: {
+      domain: 'lg33.nl',
+    }
+  },
+
+  app: {
+    head: {
+      title: 'Stichting LG33',
+    }
+  },
+})

shared/components/layout/BaseHeader.vue

@@ -5,7 +5,7 @@ import NLFlag from '#shared/assets/images/layout/flags/nl.svg'
 import GBFlag from '#shared/assets/images/layout/flags/gb.svg'
 
 const props = defineProps({
-  menu: { type: Object, required: true },
+  menu: { type: Object, default: () => {} },
   small: { type: Boolean, default: false },
   triangleClass: { type: String },
 })
@@ -44,7 +44,7 @@ const showMenu = ref(false)
           <slot name="logo" />
         </nuxt-link>
         <div
-          v-if="showMenu"
+          v-if="menuItems.length && showMenu"
           class="absolute top-16 z-50 w-[calc(100vw-2rem)] rounded-md bg-white/95 px-4 py-1 text-xl text-gray-800 shadow-xl backdrop-blur-xl lg:hidden"
         >
           <nuxt-link
@@ -61,6 +61,7 @@ const showMenu = ref(false)
           <slot name="mobile-menu-extension" />
         </div>
         <div
+          v-if="menuItems.length"
           class="hidden rounded-full bg-white/10 p-1 text-lg font-semibold text-white shadow backdrop-blur-lg lg:flex"
         >
           <nuxt-link
@@ -89,7 +90,10 @@ const showMenu = ref(false)
             </div>
           </div>
           <slot name="menu-extension" />
-          <div class="rounded-full bg-white/10 p-2 shadow backdrop-blur-lg hover:bg-white/25 lg:hidden">
+          <div
+            v-if="menuItems.length"
+            class="rounded-full bg-white/10 p-2 shadow backdrop-blur-lg hover:bg-white/25 lg:hidden"
+          >
             <div
               class="relative flex size-7 items-center justify-center overflow-hidden rounded-full border-2 border-white bg-white p-1"
               @click="showMenu = !showMenu"

shared/pages/[...slug].vue

@@ -3,7 +3,7 @@ const { params } = useRoute()
 
 const { locale } = useT()
 
-const slug = params.slug.join('/').replace(/-/g, '_')
+const slug = Array.isArray(params.slug) ? params.slug.join('/').replace(/-/g, '_') : 'index'
 
 const showLanguageWarning = ref(false)