fixed dockerfile... and other stuff...

Dockerfile

@@ -1,26 +1,28 @@
 # Stage 1: Build the Nuxt application
-FROM node:20-alpine AS builder
+FROM node:lts-alpine AS builder
-WORKDIR /app
-COPY /app/package*.json ./
-RUN npm install
-
-COPY . .
-
-RUN npm run build
-FROM node:20-alpine AS runner
 
 WORKDIR /app
 
-COPY --from=builder /app/.output ./.output
+COPY site/package*.json ./site/
-COPY --from=builder /app/package*.json ./
-COPY --from=builder /app/node_modules ./node_modules
 
-# Ensure necessary environment variables are set if needed at runtime
+RUN cd site && npm install
-# Nuxt uses NUXT_ prefix for runtime environment variables
+COPY site ./site
-EXPOSE 3030
+RUN cd site && npm run build
 
-ENV NUXT_PORT=3030
+FROM node:lts-alpine
+WORKDIR /app
+
+#COPY --from=builder /app/package*.json ./
+#COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/site/.output ./site/.output
+COPY --from=builder /app/site/package*.json ./site/
+
+RUN cd site && npm ci --omit=dev
+
+ENV HOST=0.0.0.0
+ENV NODE_ENV=production
 ENV PORT=3030
 
-# Command to run the application
+EXPOSE 3030
-CMD ["node", "./.output/server/index.mjs"]
+
+CMD ["node", "site/.output/server/index.mjs"]

site/assets/main.css

@@ -0,0 +1,36 @@
+html, body, #__nuxt {
+  height: 100%;
+  margin: 0;
+  background: #0b0b0b;
+  overflow: hidden;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+}
+
+.caramel-wrapper {
+  position: fixed;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  pointer-events: none;
+}
+
+.caramel-stage {
+  background-color: black;
+  padding: 25px;
+  border-radius: 10%;
+  filter:
+    drop-shadow(0 0 40px rgba(255, 255, 255, 0.6))
+    drop-shadow(0 0 80px rgba(255, 255, 255, 0.08));
+}
+
+.caramel-video {
+  width: min(90vw, 90vh);
+  height: auto;
+  max-height: 90vh;
+  image-rendering: pixelated;
+
+}
+
+body {
+  background: #0b0b0b;
+}

site/nuxt.config.ts

@@ -4,7 +4,6 @@ export default defineNuxtConfig({
     host: "0.0.0.0", // Listen on all network interfaces
     port: 3030,      // Set your desired port
   },
-
   modules: [
     '@nuxt/ui',
     '@nuxt/image'

site/package.json

@@ -12,10 +12,12 @@
   "dependencies": {
     "@nuxt/image": "^2.0.0",
     "@nuxt/ui": "^4.4.0",
+    "@nuxtjs/tailwindcss": "6.14.0",
     "nuxt": "^4.3.0",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
     "vue": "^3.5.27",
-    "vue-router": "^4.6.4"
+    "vue-router": "^4.6.4",
+    "corepack": "0.34.6"
   }
 }