Logo Branding

2026-06-30 23:55:57 +10:00
parent 25d413283a
commit b12a6e4fd9
12 changed files with 302 additions and 14 deletions
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+type LogoVariant = 'color' | 'mono'
+
+const props = withDefaults(defineProps<{
+    variant?: LogoVariant
+    height?: string
+    width?: string
+}>(), {
+    variant: 'color',
+    height: '90%',
+    width: 'auto',
+})
+
+const sources: Record<LogoVariant, string> = {
+    color: '/img/logos/header_logo_color.svg',
+    mono: '/img/logos/header_logo_mono.svg',
+}
+
+const src = computed(() => sources[props.variant])
+</script>
+
+<template>
+    <img
+        :src="src"
+        alt="FlightsGoneBy"
+        class="logo"
+        :style="{ height: props.height }"
+    />
+</template>
+
+<style scoped>
+.logo {
+    width: auto;
+    display: block;
+}
+</style>