Initial commit

.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+    "recommendations": [
+        "bradlc.vscode-tailwindcss",
+        "vue.volar",
+        "rvest.vs-code-prettier-eslint"
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,18 @@
+{
+    "files.associations": {
+        "*.css": "tailwindcss"
+    },
+    "editor.quickSuggestions": {
+        "other": "on",
+        "comments": "off",
+        "strings": "on"
+    },
+    "tailwindCSS.classAttributes": [
+        "class",
+        "ui"
+    ],
+    "tailwindCSS.experimental.classRegex": [
+        ["ui:\\s*{([^)]*)\\s*}", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+    ],
+    "editor.tabSize": 2
+}

README.md

@@ -0,0 +1,5 @@
+# zervo.dev website
+
+This repository contains the source code for the zervo.dev website stack.
+
+

frontend/.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

frontend/README.md

@@ -0,0 +1,5 @@
+# zervo.dev frontend
+
+This is the frontend code for the zervo.dev website.
+
+It is built with the Nuxt framework.

frontend/app/app.config.ts

@@ -0,0 +1,13 @@
+export default defineAppConfig({
+  ui: {
+    colors: {
+      primary: 'indigo',
+      secondary: 'amber',
+      neutral: 'slate'
+    },
+    icons: {
+      light: 'i-line-md-sun-rising-twotone-loop',
+      dark: 'i-line-md-moon-twotone-alt-loop'
+    }
+  }
+})

frontend/app/app.vue

@@ -0,0 +1,15 @@
+<template>
+  <NuxtRouteAnnouncer />
+  <UApp>
+    <AppHeader />
+    
+    <UMain>
+      <Title>ZervoDev</Title>
+      <NuxtLayout>
+        <NuxtPage />
+      </NuxtLayout>
+    </UMain>
+
+    <AppFooter />
+  </UApp>
+</template>

frontend/app/assets/css/main.css

@@ -0,0 +1,8 @@
+@import "tailwindcss";
+@import "@nuxt/ui";
+
+@theme {
+  --font-sans: 'Public Sans', system-ui, sans-serif;
+  --font-mono: 'JetBrains Mono', monospace;
+}
+

frontend/app/components/AppFooter.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+  import type { NavigationMenuItem } from '@nuxt/ui';
+
+  const items: NavigationMenuItem[] = [
+    {
+      label: 'Contact',
+      to: '/contact'
+    },
+    {
+      label: 'Source Code',
+      to: 'https://git.zervo.dev/zervo/website',
+      target: '_blank'
+    },
+    {
+      label: 'FriendZone',
+      to: 'https://friendzone.zervo.dev/',
+      target: '_blank'
+    }
+  ]
+</script>
+
+<template>
+  <UFooter>
+    <template #left>
+      <p class="text-muted text-sm">Copyright © {{ new Date().getFullYear() }} Zervó Zadachin</p>
+    </template>
+
+    <UNavigationMenu :items="items" variant="link" />
+
+    <template #right>
+      <UButton
+        icon="i-simple-icons-forgejo"
+        color="neutral"
+        variant="ghost"
+        to="https://git.zervo.dev/"
+      />
+      <UButton
+        icon="i-simple-icons-bluesky"
+        color="neutral"
+        variant="ghost"
+        to="https://bsky.app/profile/bsky.zervo.dev/"
+      />
+    </template>
+  </UFooter>
+</template>

frontend/app/components/AppHeader.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+  import type { NavigationMenuItem } from '@nuxt/ui';
+
+  const route = useRoute();
+
+  const items = computed<NavigationMenuItem[]>(() => [{
+    label: 'Home',
+    to: '/',
+    icon: 'i-line-md-home-twotone',
+    active: route.path == '/'
+  }, {
+    label: 'Projects',
+    to: '/projects',
+    icon: 'i-line-md-document-code-twotone',
+    active: route.path.startsWith('/projects')
+  }, {
+    label: 'Blog',
+    icon: 'i-line-md-text-box-multiple-twotone',
+    to: '/blog',
+    active: route.path.startsWith('/blog')
+  }, {
+    label: 'About Me',
+    icon: 'i-line-md-question-circle-twotone',
+    to: '/about',
+    active: route.path.startsWith('/about')
+  }])
+</script>
+
+<template>
+  <UHeader
+    :toggle="{
+      color: 'primary',
+      variant: 'subtle',
+      class: 'rounded-full'
+    }"
+  >
+    <template #title>
+      ZervoDev
+    </template>
+
+    <UNavigationMenu :items="items" />
+
+    <template #right>
+      <UColorModeButton />
+    </template>
+
+    <template #body>
+      <UNavigationMenu :items="items" orientation="vertical" class="-mx-2.5" />
+    </template>
+  </UHeader>
+</template>

frontend/app/error.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+  import type { NuxtError } from '#app';
+
+  const props = defineProps<{
+    error: NuxtError
+  }>()
+</script>
+
+<template>
+  <UApp>
+    <UMain>
+      <Title>ZervoDev - Error</Title>
+      <AppHeader />
+
+      <UContainer class="flex flex-col items-center justify-center min-h-screen">
+        <UIcon name="i-material-symbols-warning-rounded" class="size-20 mb-3" />
+        <p class="text-lg">{{ error.statusCode }}</p>
+      </UContainer>
+
+      <AppFooter />
+    </UMain>
+  </UApp>
+</template>

frontend/app/layouts/default.vue

@@ -0,0 +1,3 @@
+<template>
+  <slot />
+</template>

frontend/app/pages/about.vue

@@ -0,0 +1,5 @@
+<template>
+  <UContainer class="flex items-center justify-center min-h-screen">
+    <div>About Page</div>
+  </UContainer>
+</template>

frontend/app/pages/blog/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <UContainer class="flex items-center justify-center min-h-screen">
+    <div>Blog Page</div>
+  </UContainer>
+</template>

frontend/app/pages/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <UPage>
+    <UPageHero title="Hello world"/>
+    <UPageBody>
+      Hi!
+    </UPageBody>
+  </UPage>
+<!--   <UContainer class="flex items-center justify-center min-h-screen">
+    <div>Hello world!</div>
+  </UContainer> -->
+</template>

frontend/app/pages/projects/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <UContainer class="flex items-center justify-center min-h-screen">
+    <div>Project Page</div>
+  </UContainer>
+</template>

frontend/nuxt.config.ts

@@ -0,0 +1,7 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2025-07-15',
+  devtools: { enabled: true },
+  modules: ['@nuxt/ui', '@nuxt/image'],
+  css: ['~/assets/css/main.css']
+})

frontend/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "zervo-frontend",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "dependencies": {
+    "@nuxt/eslint": "1.11.0",
+    "@nuxt/image": "2.0.0",
+    "@nuxt/ui": "4.2.1",
+    "nuxt": "^4.2.1",
+    "vue": "^3.5.25",
+    "vue-router": "^4.6.3"
+  },
+  "trustedDependencies": [
+    "@parcel/watcher",
+    "unrs-resolver"
+  ]
+}

frontend/public/robots.txt

@@ -0,0 +1,2 @@
+User-Agent: *
+Disallow:

frontend/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "files": [],
+  "references": [
+    {
+      "path": "./.nuxt/tsconfig.app.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.server.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.shared.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.node.json"
+    }
+  ]
+}