Alpha version of the app

pages/about.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+const meta = {
+  title: 'About',
+  description:
+    'A software engineer, a malware enthusiast and, most importantly, a weird tall creature.',
+  image: 'https://enderman.ch/images/logo.png',
+  url: 'https://enderman.ch/',
+}
+
+useSeoMeta({
+  title: meta.title,
+  description: meta.description,
+  ogTitle: meta.title,
+  ogDescription: meta.description,
+  ogImage: meta.image,
+  ogUrl: meta.url,
+  ogType: 'website',
+  twitterTitle: meta.title,
+  twitterDescription: meta.description,
+  twitterImage: meta.image,
+  twitterCard: 'summary',
+})
+
+useHead({
+  title: 'About',
+  htmlAttrs: {
+    lang: 'en',
+  },
+  link: [
+    {
+      rel: 'icon',
+      type: 'image/x-icon',
+      href: '/favicon.ico',
+    },
+  ],
+})
+</script>
+
+<template><p>About page!</p></template>
+
+<style scoped lang="scss"></style>

pages/index.vue

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+const meta = {
+  title: 'Enderman',
+  description:
+    'A software engineer, a malware enthusiast and, most importantly, a weird tall creature.',
+  image: 'https://enderman.ch/images/logo.png',
+  url: 'https://enderman.ch/',
+}
+
+useSeoMeta({
+  title: meta.title,
+  description: meta.description,
+  ogTitle: meta.title,
+  ogDescription: meta.description,
+  ogImage: meta.image,
+  ogUrl: meta.url,
+  ogType: 'website',
+  twitterTitle: meta.title,
+  twitterDescription: meta.description,
+  twitterImage: meta.image,
+  twitterCard: 'summary',
+})
+
+useHead({
+  titleTemplate: 'Enderman',
+  htmlAttrs: {
+    lang: 'en',
+  },
+  link: [
+    {
+      rel: 'icon',
+      type: 'image/x-icon',
+      href: '/favicon.ico',
+    },
+  ],
+})
+</script>
+
+<template>
+  <p>
+    A software engineer, a malware enthusiast and most importantly, a weird tall
+    creature.
+    <ClientOnly fallback-tag="span" fallback="TikTok">
+      <FontAwesomeIcon icon="fa-brands fa-tiktok" />
+    </ClientOnly>
+  </p>
+</template>
+
+<style scoped lang="scss"></style>

pages/projects.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template><p>Project page!</p></template>
+
+<style scoped lang="scss"></style>

pages/social.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h3>Contact</h3>
+  <p>
+    Fanmail: contact@enderman.ch <br />
+    Manager: manager@enderman.ch<br />
+    Abuse: abuse@enderman.ch
+  </p>
+</template>
+
+<style scoped lang="scss"></style>