feat: add homepage

.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

README.md

@@ -1,2 +1,75 @@
-# gorb.app
+# Nuxt Minimal Starter
 
+Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.config.ts

@@ -0,0 +1,3 @@
+export default defineAppConfig({
+	gorbClientBaseURL: "localhost:3000"
+})

app.vue

@@ -0,0 +1,57 @@
+<template>
+  <nav id="navbar">
+    <div id="navbar-left">
+      <a href="/">Home</a>
+    </div>
+    <div id="navbar-right">
+      <NuxtLink href="/"><s>Register</s></NuxtLink>
+      <NuxtLink href="/"><s>Login</s></NuxtLink>
+    </div>
+  </nav>
+  <NuxtPage />
+</template>
+
+<script lang="ts" setup>
+
+const gorbBase = ref<string>(useAppConfig().gorbClientBaseURL);
+
+</script>
+
+<style>
+html,
+body {
+  font-family: Arial, Helvetica, sans-serif;
+  box-sizing: border-box;
+  color: whitesmoke;
+  background-color: rgb(30, 30, 30);
+  height: 100%;
+  margin: 0;
+}
+
+#main {
+  text-align: center;
+}
+
+#navbar {
+  display: flex;
+  justify-content: space-between;
+  margin-left: 3dvw;
+  margin-right: 3dvw;
+  margin-top: 2dvh;
+}
+
+#navbar a {
+  text-decoration: none;
+  color: inherit;
+}
+
+#navbar-left,
+#navbar-right {
+  display: flex;
+  gap: 2dvw;
+}
+
+.link {
+  color: inherit;
+}
+</style>

nuxt.config.ts

@@ -0,0 +1,6 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2024-11-01',
+  devtools: { enabled: true },
+  modules: ['@nuxt/fonts', '@nuxt/image']
+})

package.json

@@ -0,0 +1,20 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "dependencies": {
+    "@nuxt/fonts": "0.11.2",
+    "@nuxt/image": "1.10.0",
+    "nuxt": "^3.17.1",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.1"
+  },
+  "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39"
+}

pages/index.vue

@@ -0,0 +1,90 @@
+<template>
+  <div id="main">
+    <h1>Welcome to <span id="gorb">
+        <span>G</span><span>O</span><span>R</span><span>B</span>
+      </span>, the Open-Source and Federated Chat App!</h1>
+    <NuxtLink class="link" href="/"><s>Go to web client</s></NuxtLink>
+    IT DOESN'T EXIST YET
+    <p>
+      BUT! Check out our <NuxtLink id="git-link" href="https://git.gorb.app/gorb">Git</NuxtLink> to check on our
+      progress!
+    </p>
+  </div>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+<style>
+#gorb {
+  margin-top: 0.6em;
+  text-align: center;
+}
+
+#gorb span {
+  display: inline-block;
+  -webkit-animation: wave-text 1s ease-in-out infinite;
+  animation: wave-text 1s ease-in-out infinite;
+}
+
+#gorb span:nth-of-type(1) {
+  -webkit-animation-delay: 0s;
+  animation-delay: 0s;
+}
+
+#gorb span:nth-of-type(2) {
+  -webkit-animation-delay: 0.1s;
+  animation-delay: 0.1s;
+}
+
+#gorb span:nth-of-type(3) {
+  -webkit-animation-delay: 0.2s;
+  animation-delay: 0.2s;
+}
+
+#gorb span:nth-of-type(4) {
+  -webkit-animation-delay: 0.3s;
+  animation-delay: 0.3s;
+}
+
+#gorb span:nth-of-type(5) {
+  -webkit-animation-delay: 0.4s;
+  animation-delay: 0.4s;
+}
+
+@-webkit-keyframes wave-text {
+  00% {
+    transform: translateY(0em);
+  }
+
+  60% {
+    transform: translateY(-0.4em);
+  }
+
+  100% {
+    transform: translateY(0em);
+  }
+}
+
+@keyframes wave-text {
+  00% {
+    color: lightblue;
+    transform: translateY(0em);
+  }
+
+  60% {
+    color: lightgreen;
+    transform: translateY(-0.4em);
+  }
+
+  100% {
+    color: violet;
+    transform: translateY(0em);
+  }
+}
+
+#git-link {
+  color: inherit;
+}
+</style>

pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+onlyBuiltDependencies:
+  - sharp

tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}