polish system status

Dockerfile

@@ -0,0 +1,28 @@
+FROM node:22-bookworm-slim AS builder
+
+WORKDIR /app
+
+COPY package*.json ./
+
+RUN npm ci
+
+COPY . .
+
+RUN npm run build
+
+
+FROM node:22-bookworm-slim AS runner
+
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV HOST=0.0.0.0
+ENV PORT=4321
+
+COPY --from=builder /app/package*.json ./
+COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/dist ./dist
+
+EXPOSE 4321
+
+CMD ["node", "./dist/server/entry.mjs"]

compose.yaml

@@ -0,0 +1,21 @@
+services:
+  portfolio:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: semyon-portfolio
+    restart: unless-stopped
+    env_file:
+      - .env
+    environment:
+      NODE_ENV: production
+      HOST: 0.0.0.0
+      PORT: 4321
+    expose:
+      - "4321"
+    networks:
+      - web
+
+networks:
+  web:
+    name: portfolio_web

src/components/Header.astro

@@ -23,7 +23,7 @@
 	<nav class="hidden items-center md:flex">
 		<div class="flex items-center gap-1">
 			<a
-				href="/#projects"
+				href="/projects"
 				class="group relative px-3 py-2 font-mono text-[10px] uppercase tracking-widest text-[var(--muted)] transition-colors hover:text-[var(--text)]"
 			>
 				<span>PROJECTS</span>
@@ -86,7 +86,7 @@
 				rel="noopener noreferrer"
 				aria-label="GitHub"
 				class="group flex h-8 w-8 items-center justify-center border border-[var(--border)] font-mono text-[10px] text-[var(--muted)] transition-colors hover:border-[var(--text)] hover:text-[var(--text)]"
-			>
+			>   <span>GITHUB</span>
 				<span class="transition-transform duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5">
 					↗
 				</span>

src/components/Hero.astro

@@ -122,7 +122,7 @@
 				<!-- Terminal header -->
 				<div
 	                class="flex items-center justify-between border-b border-[var(--border)] px-4 py-3"
-				>
+>
 	<div class="flex items-center gap-2">
 		<span class="h-2 w-2 rounded-full bg-[var(--accent)]"></span>
 
@@ -131,10 +131,14 @@
 		</span>
 	</div>
 
-					<span class="text-[var(--accent)]">
+	<a
-						OPERATIONAL
+		href="/rickroll"
-					</span>
+		class="text-[var(--accent)] transition-opacity hover:opacity-60"
-				</div>
+		aria-label="System status"
+	>
+		● ONLINE
+	</a>
+</div>
 
 				<div class="p-5">
 					<!-- Terminal prompt -->