first release

.woodpecker.yml

@@ -7,7 +7,7 @@ pipeline:
       username: xeovalyte
       password:
         from_secret: docker_password
-      repo: gitea.xeovalyte.dev/xeovalyte/website
+      repo: gitea.xeovalyte.dev/xeovalyte/portfolio
       tags:
         - latest
       registry: gitea.xeovalyte.dev

app.vue

@@ -1,5 +1,5 @@
 <template>
   <div>
-    <NuxtWelcome />
+    <NuxtPage />
   </div>
 </template>

assets/css/tailwind.css

@@ -1,3 +1,18 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  h1 {
+    @apply text-4xl;
+  }
+  h2 {
+    @apply text-3xl;
+  }
+  h3 {
+    @apply text-2xl;
+  }
+  h4 {
+    @apply text-xl;
+  }
+}

nuxt.config.ts

@@ -1,9 +1,44 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
   modules: [
-        '@nuxtjs/tailwindcss',
+    "@nuxtjs/tailwindcss",
-        '@vueuse/nuxt',
+    "@vueuse/nuxt",
-        'nuxt-icon',
+    "nuxt-icon",
-        '@nuxtjs/robots'
+    "nuxt-icons",
+    "@nuxtjs/robots",
+    "@nuxtjs/i18n",
+    "@nuxtjs/plausible",
+  ],
+  plausible: {
+    domain: 'xeovalyte.com',
+    apiHost: 'https://plausible.xeovalyte.dev'
+  },
+  app: {
+    head: {
+      title: 'Xeovalyte | Timo Boomers Portfolio',
+      link: [
+        {
+          "rel": "icon",
+          "href": "/favicon.ico",
+          "type": "image/png"
+        }
+      ],
+      meta: [
+        { name: 'description', content: 'This is the official portfolio of Xeovalyte or Timo Boomers'}
       ]
-})
+    }
+  },
+  i18n: {
+    baseUrl: 'https://xeovalyte.com',
+    locales: [
+      { code: 'en', iso: 'en-US', isCatchallLocale: true },
+      { code: 'nl', iso: 'nl-NL'},
+    ],
+    defaultLocale: 'en',
+    detectBrowserLanguage: {
+      useCookie: true,
+      cookieKey: 'i18n_redirected',
+      redirectOn: 'root',
+    }
+  },
+});

package.json

@@ -8,13 +8,19 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
+    "@nuxtjs/plausible": "^0.2.0",
     "@nuxtjs/tailwindcss": "^6.2.0",
     "@vueuse/core": "^9.8.2",
     "@vueuse/nuxt": "^9.8.2",
-    "nuxt": "3.0.0",
+    "nuxt": "3.1.2",
-    "nuxt-icon": "^0.1.8"
+    "nuxt-icon": "^0.1.8",
+    "prettier": "^2.8.3",
+    "prettier-plugin-tailwindcss": "^0.2.2"
   },
   "dependencies": {
-    "@nuxtjs/robots": "^3.0.0"
+    "@nuxtjs/i18n": "^8.0.0-beta.9",
+    "@nuxtjs/robots": "^3.0.0",
+    "locomotive-scroll": "^4.1.4",
+    "nuxt-icons": "^3.1.0"
   }
 }

tailwind.config.js

@@ -2,7 +2,32 @@
 module.exports = {
   content: [],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        dark: {
+          100: "#131920",
+          200: "#11171d",
+          300: "#0f141a",
+          400: "#0d1216",
+          500: "#0b0f13",
+          600: "#0a0d10",
+          700: "#080a0d",
+          800: "#06080a",
+          900: "#040506",
+        },
+        primary: {
+          100: "#66b2ff",
+          200: "#4da6ff",
+          300: "#39f",
+          400: "#1a8cff",
+          500: "#0080ff",
+          600: "#0073e6",
+          700: "#06c",
+          800: "#0059b3",
+          900: "#004c99",
+        },
+      },
+    },
   },
   plugins: [],
-}
+};

tsconfig.json

@@ -1,4 +1,5 @@
 {
   // https://v3.nuxtjs.org/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json"
+  "extends": "./.nuxt/tsconfig.json",
+  "allowJs": true
 }