feat: copy username

feat: profile info view (player ID, rating etc)
feat: me tab added
2026-05-05 18:52:12 +00:00 · 2026-05-04 21:43:12 +00:00 · 2026-05-04 19:48:55 +02:00 · 2026-05-04 09:56:09 +02:00 · 2026-05-03 20:49:08 +00:00 · 2026-05-03 20:44:01 +00:00
21 changed files with 219 additions and 294 deletions
@@ -0,0 +1,9 @@
+{
+  "features": {
+    "ghcr.io/devcontainer-config/features/dot-config:4": {
+      "version": "4.0.0",
+      "resolved": "ghcr.io/devcontainer-config/features/dot-config@sha256:d9ca770ccb218e619d5725fd50f00dfacdf582d92a8c3901f11b53b1caddd878",
+      "integrity": "sha256:d9ca770ccb218e619d5725fd50f00dfacdf582d92a8c3901f11b53b1caddd878"
+    }
+  }
+}
@@ -0,0 +1,25 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/alpine
+{
+	"name": "Alpine",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/base:alpine-3.22",
+	"features": {
+		"ghcr.io/devcontainer-config/features/dot-config:4": {}
+	}
+
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	// "forwardPorts": [],
+
+	// Use 'postCreateCommand' to run commands after the container is created.
+	// "postCreateCommand": "uname -a",
+
+	// Configure tool-specific properties.
+	// "customizations": {},
+
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}
@@ -1,20 +0,0 @@
-## 0.0.0 (2026-05-12)
-
-### Features
-
-* added bot, light and dark mode ([2de003e](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/2de003e497baee72f998d0d805ca1e58aababe48))
-* added web view 1v1 ([1828fa3](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/1828fa3275ddb8ce6bb90a9f6a970ec428ebce3a))
-* NCS-63 User account implementation ([#2](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/issues/2)) ([ff75c8c](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/ff75c8ce2fad54137f04a14c15bc1d4a38fa9bb8))
-* NCS-75 Frontend Deployment Dockerfile ([#4](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/issues/4)) ([bd7ec58](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/bd7ec581e38b5d8e775741bf16e19b4dc67b979e))
-
-### Bug Fixes
-
-* build issues ([36d72fd](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/36d72fd6cda41be51d28f8ac307dcdbcd31afa91))
-* cleaner components seperation ([8b090e4](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/8b090e4d96c64c0adb253e3aefad7930108ccfb9))
-* gitignore ([4da882f](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/4da882f481ba7a008aac868fb37de7cb2bafea5d))
-* GITIGNORE ([8df2d05](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/8df2d0550ab17c9afb2d19c414eac700a75add02))
-* npm ([c11c1d4](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/c11c1d4dce9de4bd5b463e891eebf961b37feb04))
-* removed .vs ([2833ead](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/2833ead7be3b47ee5c188d2d21b7326cb3cb3f26))
-* removed cache files ([7ee59c4](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/7ee59c434bf137a08fd560bbc02ceefbcfd90f04))
-* size of pieces and removed text view of the game state ([c60d00f](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/c60d00f9d25247504845654615065fbccd7fe448))
-* structure ([3e8c7c4](https://git.janis-eccarius.de/NowChess/NowChess-Frontend/commit/3e8c7c4057e55aeec7cee8c24f6751ff24912c93))
@@ -1,25 +0,0 @@
-FROM --platform=$BUILDPLATFORM node:lts-alpine3.23 AS builder
-
-WORKDIR /app
-
-COPY package*.json ./
-
-RUN npm install
-COPY . .
-RUN npm run build
-
-FROM --platform=$TARGETPLATFORM nginx:stable-alpine AS production
-
-RUN apk add --no-cache gettext
-
-RUN rm -rf /usr/share/nginx/html/*
-COPY --from=builder /app/dist/nowchess-frontend/browser /usr/share/nginx/html
-
-COPY nginx.conf /etc/nginx/conf.d/default.conf
-
-COPY public/env.template.js /usr/share/nginx/html/env.template.js
-COPY docker-entrypoint.sh /docker-entrypoint.sh
-RUN chmod +x /docker-entrypoint.sh
-
-EXPOSE 80
-ENTRYPOINT ["/docker-entrypoint.sh"]
@@ -47,25 +47,17 @@
              "budgets": [
                {
                  "type": "initial",
-                  "maximumWarning": "1MB",
-                  "maximumError": "5MB"
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
                },
                {
                  "type": "anyComponentStyle",
-                  "maximumWarning": "1MB",
-                  "maximumError": "5MB"
+                  "maximumWarning": "12kB",
+                  "maximumError": "20kB"
                }
              ],
              "outputHashing": "all"
            },
-            "staging": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.staging.ts"
-                }
-              ]
-            },
            "development": {
              "fileReplacements": [
                {
@@ -91,9 +83,6 @@
            "production": {
              "buildTarget": "nowchess-frontend:build:production"
            },
-            "staging": {
-              "buildTarget": "nowchess-frontend:build:staging"
-            },
            "development": {
              "buildTarget": "nowchess-frontend:build:development"
            }
@@ -1,18 +0,0 @@
-#!/bin/sh
-set -e
-
-# Replace placeholders in env.template.js with environment variables and write env.js
-TEMPLATE_PATH="/usr/share/nginx/html/env.template.js"
-TARGET_PATH="/usr/share/nginx/html/env.js"
-
-if [ -f "$TEMPLATE_PATH" ]; then
-  echo "Rendering runtime config from $TEMPLATE_PATH"
-  echo "Using environment variables:"
-  printenv
-  echo "----"
-  envsubst < "$TEMPLATE_PATH" > "$TARGET_PATH"
-else
-  echo "No runtime template found at $TEMPLATE_PATH, skipping"
-fi
-
-exec nginx -g 'daemon off;'
@@ -1,22 +0,0 @@
-server {
-    listen       80;
-    server_name  localhost;
-
-    location / {
-        root   /usr/share/nginx/html;
-        index  index.html index.htm;
-        try_files $uri $uri/ /index.html;
-    }
-
-    location /env.js {
-        root /usr/share/nginx/html;
-        default_type application/javascript;
-        expires -1;
-        add_header 'Cache-Control' 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
-    }
-
-    error_page   500 502 503 504  /50x.html;
-    location = /50x.html {
-        root   /usr/share/nginx/html;
-    }
-}
@@ -4,8 +4,7 @@
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
-    "build": "ng build --configuration production",
-    "build:staging": "ng build --configuration staging",
+    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },
@@ -15,4 +15,4 @@
    "changeOrigin": true,
    "ws": true
  }
-}
+}
@@ -1,4 +0,0 @@
-window.__RUNTIME_CONFIG__ = {
-  API_URL: "${API_URL}",
-  WEBSOCKET_URL: "${WEBSOCKET_URL}"
-};
@@ -2,11 +2,23 @@
  <label>{{ label }}</label>

  @if (inputType === 'textarea') {
-  <textarea #textareaInput [placeholder]="placeholder" [value]="value" [rows]="rows"
-    (input)="onValueChange(textareaInput.value)" class="form-input"></textarea>
+    <textarea
+      #textareaInput
+      [placeholder]="placeholder"
+      [value]="value"
+      [rows]="rows"
+      (input)="onValueChange(textareaInput.value)"
+      class="form-input"
+    ></textarea>
  } @else {
-  <input #textInput type="text" [placeholder]="placeholder" [value]="value" (input)="onValueChange(textInput.value)"
-    class="form-input" />
+    <input
+      #textInput
+      type="text"
+      [placeholder]="placeholder"
+      [value]="value"
+      (input)="onValueChange(textInput.value)"
+      class="form-input"
+    />
  }

  <button type="button" class="app-btn w-100" (click)="onButtonClick()">
@@ -14,6 +26,6 @@
  </button>

  @if (hintText) {
-  <p class="hint-text">{{ hintText }}</p>
+    <p class="hint-text">{{ hintText }}</p>
  }
-</section>
+</section>
@@ -2,22 +2,26 @@
  <div class="promotion-dialog">
    <div class="promotion-header">
      <h3>Pawn Promotion</h3>
-      <button class="app-btn" (click)="close()" aria-label="Close"
-        style="padding:0.2rem 0.5rem;min-width:unset;">&times;</button>
+      <button class="app-btn" (click)="close()" aria-label="Close" style="padding:0.2rem 0.5rem;min-width:unset;">&times;</button>
    </div>
-
+    
    <div class="promotion-body">
      <p class="promotion-prompt">Choose a piece to promote your pawn to:</p>
-
+      
      <div class="promotion-options">
        @for (piece of promotionPieces; track piece.type) {
-        <button type="button" class="app-btn promotion-choice" [attr.data-piece]="piece.type"
-          (click)="selectPromotion(piece.type)" [title]="piece.label">
-          <span class="piece-symbol">{{ piece.symbol }}</span>
-          <span class="piece-label">{{ piece.label }}</span>
-        </button>
+          <button
+            type="button"
+            class="app-btn promotion-choice"
+            [attr.data-piece]="piece.type"
+            (click)="selectPromotion(piece.type)"
+            [title]="piece.label"
+          >
+            <span class="piece-symbol">{{ piece.symbol }}</span>
+            <span class="piece-label">{{ piece.label }}</span>
+          </button>
        }
      </div>
    </div>
  </div>
-</div>
+</div>
@@ -1,11 +0,0 @@
-/**
- * Load runtime configuration from window.__RUNTIME_CONFIG__
- * This is injected by docker-entrypoint.sh at container startup
- */
-export function loadRuntimeConfig() {
-  const config = (window as any).__RUNTIME_CONFIG__ || {};
-  return {
-    apiUrl: config.API_URL || '',
-    wsUrl: config.WEBSOCKET_URL || 'ws://localhost:8080'
-  };
-}
@@ -30,7 +30,6 @@

 header {
  margin-bottom: var(--size-xl);
-  margin-bottom: var(--size-xl);
 }

 h1,
@@ -38,13 +37,9 @@ h2 {
  color: var(--color-text-primary);
  margin: 0 0 var(--size-md);
  font-size: var(--heading-h1);
-  color: var(--color-text-primary);
-  margin: 0 0 var(--size-md);
-  font-size: var(--heading-h1);
 }

 .meta {
-  color: var(--color-text-primary);
  color: var(--color-text-primary);
  font-size: 0.95rem;
 }
@@ -53,8 +48,6 @@ h2 {
  display: inline-block;
  margin-bottom: var(--size-sm);
  color: var(--color-text-primary);
-  margin-bottom: var(--size-sm);
-  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 600;
 }
@@ -117,10 +110,6 @@ h2 {
 }

 .board-section {
-  background: var(--color-bg-board);
-  border: var(--border-width) solid var(--color-border);
-  border-radius: var(--border-radius-md);
-  padding: clamp(var(--size-sm), 1vw, var(--size-lg));
  background: var(--color-bg-board);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-md);
@@ -327,7 +316,6 @@ h2 {
@media (max-width: 991px) {
  .game-card {
    padding: clamp(var(--size-md), 1.5vw, var(--size-lg));
-    padding: clamp(var(--size-md), 1.5vw, var(--size-lg));
  }

  .board-section {
@@ -337,30 +325,25 @@ h2 {
  h1,
  h2 {
    font-size: var(--heading-h1-tablet);
-    font-size: var(--heading-h1-tablet);
  }
 }

@media (max-width: 768px) {
  .game-shell {
    padding: clamp(var(--size-sm), 1.5vw, var(--size-lg));
-    padding: clamp(var(--size-sm), 1.5vw, var(--size-lg));
  }

  .game-card {
    padding: clamp(var(--size-sm), 1vw, var(--size-md));
-    padding: clamp(var(--size-sm), 1vw, var(--size-md));
  }

  header {
    margin-bottom: var(--size-lg);
-    margin-bottom: var(--size-lg);
  }

  h1,
  h2 {
    font-size: var(--heading-h1-mobile);
-    font-size: var(--heading-h1-mobile);
  }

  .meta {
@@ -370,8 +353,6 @@ h2 {
  .top-section {
    gap: var(--size-xs);
    margin-bottom: var(--size-xs);
-    gap: var(--size-xs);
-    margin-bottom: var(--size-xs);
  }

  .board-section {
@@ -382,24 +363,19 @@ h2 {
@media (max-width: 480px) {
  .game-shell {
    padding: var(--size-sm);
-    padding: var(--size-sm);
  }

  .game-card {
    padding: var(--size-sm);
    border-radius: var(--border-radius-md);
-    padding: var(--size-sm);
-    border-radius: var(--border-radius-md);
  }

  header {
    margin-bottom: var(--size-md);
-    margin-bottom: var(--size-md);
  }

  h1 {
    font-size: var(--heading-h1-small);
-    font-size: var(--heading-h1-small);
  }

  .meta {
@@ -409,8 +385,6 @@ h2 {
  .top-section {
    gap: var(--size-xs-gap);
    margin-bottom: var(--size-xs);
-    gap: var(--size-xs-gap);
-    margin-bottom: var(--size-xs);
  }

  .board-section {
@@ -1,6 +1,9 @@
 <main class="game-shell" [class.theme-dark]="isDarkMode">
-  <app-promotion-dialog [isOpen]="facade.isPromotionDialogOpen" (promotionSelected)="facade.onPromotionSelected($event)"
-    (closed)="facade.onPromotionClosed()" />
+  <app-promotion-dialog
+    [isOpen]="facade.isPromotionDialogOpen"
+    (promotionSelected)="facade.onPromotionSelected($event)"
+    (closed)="facade.onPromotionClosed()"
+  />

  <section class="game-card">
    <header class="mb-3">
@@ -10,126 +13,150 @@
    </header>

    @if (facade.loading) {
-    <p>Loading game state...</p>
+      <p>Loading game state...</p>
    } @else if (facade.state) {
-    @if (facade.isGameFinished && facade.gameCompletionMessage) {
-    <div class="game-completion-alert alert alert-success mb-3">
-      <h2 class="completion-title">{{ facade.gameCompletionMessage }}</h2>
-      <p class="completion-subtitle mb-0">
-        <a routerLink="/" class="completion-link">Start a new game</a>
-      </p>
-    </div>
-    }
-    @if (facade.isGameFinished && facade.gameCompletionMessage) {
-    <div class="game-completion-alert alert alert-success mb-3">
-      <h2 class="completion-title">{{ facade.gameCompletionMessage }}</h2>
-      <p class="completion-subtitle mb-0">
-        <a routerLink="/" class="completion-link">Start a new game</a>
-      </p>
-    </div>
-    }
-    <div class="container-fluid">
-      <div class="row g-3">
-        <!-- Left Sidebar - Dummy Timers -->
-        <div class="col-lg-3 col-md-6 col-12 order-lg-1 order-2">
-          <section class="timer-card">
-            <h2>Timers</h2>
-            <div class="player-timer" [class.active-timer]="facade.state.turn === 'white'">
-              <p class="timer-label">White</p>
-              <p class="timer-value">{{ formatTimer(whiteTimerSeconds) }}</p>
-            </div>
-            <div class="player-timer" [class.active-timer]="facade.state.turn === 'black'">
-              <p class="timer-label">Black</p>
-              <p class="timer-value">{{ formatTimer(blackTimerSeconds) }}</p>
-            </div>
-          </section>
+      @if (facade.isGameFinished && facade.gameCompletionMessage) {
+        <div class="game-completion-alert alert alert-success mb-3">
+          <h2 class="completion-title">{{ facade.gameCompletionMessage }}</h2>
+          <p class="completion-subtitle mb-0">
+            <a routerLink="/" class="completion-link">Start a new game</a>
+          </p>
        </div>
-
-        <!-- Center - Chess Board -->
-        <div class="col-lg-6 col-md-12 col-12 order-lg-2 order-1">
-          <section class="center-column d-flex flex-column h-100">
-            <div class="board-section flex-grow-1 d-flex align-items-center justify-content-center">
-              <app-chess-board [fen]="facade.state.fen" [selectedSquare]="facade.selectedSquare"
-                [highlightedSquares]="facade.highlightedSquares" [boardTheme]="boardTheme"
-                (squareSelected)="facade.onBoardSquareSelected($event)" />
-            </div>
-
-            <section class="top-section">
-              <section class="board-theme-card" aria-label="Board design chooser">
-                <h3>Board Design</h3>
-                <div class="board-theme-group" role="radiogroup" aria-label="Board design">
-                  <label class="board-theme-option">
-                    <input type="radio" name="boardTheme" [checked]="boardTheme === 'arabian'"
-                      (change)="setBoardTheme('arabian')" />
-                    <span>Arabian</span>
-                  </label>
-
-                  <label class="board-theme-option">
-                    <input type="radio" name="boardTheme" [checked]="boardTheme === 'classic'"
-                      (change)="setBoardTheme('classic')" />
-                    <span>Classic</span>
-                  </label>
-                </div>
-              </section>
-
-              <app-input-card label="Play move (UCI)" placeholder="e2e4" buttonLabel="Send Move" inputType="input"
-                [value]="facade.moveInput" cardClass="move-card" hintText="Click your piece to highlight legal targets."
-                (valueChange)="facade.moveInput = $event" (buttonClick)="facade.submitMove()" />
+      }
+      <div class="container-fluid">
+        <div class="row g-3">
+          <!-- Left Sidebar - Dummy Timers -->
+          <div class="col-lg-3 col-md-6 col-12 order-lg-1 order-2">
+            <section class="timer-card">
+              <h2>Timers</h2>
+              <div class="player-timer" [class.active-timer]="facade.state.turn === 'white'">
+                <p class="timer-label">White</p>
+                <p class="timer-value">{{ formatTimer(whiteTimerSeconds) }}</p>
+              </div>
+              <div class="player-timer" [class.active-timer]="facade.state.turn === 'black'">
+                <p class="timer-label">Black</p>
+                <p class="timer-value">{{ formatTimer(blackTimerSeconds) }}</p>
+              </div>
            </section>
-          </section>
-        </div>
+          </div>

-        <!-- Right Sidebar - Export -->
-        <div class="col-lg-3 col-md-6 col-12 order-lg-3 order-3">
-          <section class="history-card">
-            <h2>Move History</h2>
+          <!-- Center - Chess Board -->
+          <div class="col-lg-6 col-md-12 col-12 order-lg-2 order-1">
+            <section class="center-column d-flex flex-column h-100">
+              <div class="board-section flex-grow-1 d-flex align-items-center justify-content-center">
+                <app-chess-board
+                  [fen]="facade.state.fen"
+                  [selectedSquare]="facade.selectedSquare"
+                  [highlightedSquares]="facade.highlightedSquares"
+                  [boardTheme]="boardTheme"
+                  (squareSelected)="facade.onBoardSquareSelected($event)"
+                />
+              </div>

-            @if (facade.state.moves.length === 0) {
-            <p class="history-empty">No moves yet.</p>
-            } @else {
-            <ol class="history-list">
-              @for (move of facade.state.moves; track $index) {
-              <li>
-                <span class="history-number">{{ $index + 1 }}.</span>
-                <span class="history-move">{{ move }}</span>
-              </li>
+              <section class="top-section">
+                <section class="board-theme-card" aria-label="Board design chooser">
+                  <h3>Board Design</h3>
+                  <div class="board-theme-group" role="radiogroup" aria-label="Board design">
+                    <label class="board-theme-option">
+                      <input
+                        type="radio"
+                        name="boardTheme"
+                        [checked]="boardTheme === 'arabian'"
+                        (change)="setBoardTheme('arabian')"
+                      />
+                      <span>Arabian</span>
+                    </label>
+
+                    <label class="board-theme-option">
+                      <input
+                        type="radio"
+                        name="boardTheme"
+                        [checked]="boardTheme === 'classic'"
+                        (change)="setBoardTheme('classic')"
+                      />
+                      <span>Classic</span>
+                    </label>
+                  </div>
+                </section>
+
+                <app-input-card
+                  label="Play move (UCI)"
+                  placeholder="e2e4"
+                  buttonLabel="Send Move"
+                  inputType="input"
+                  [value]="facade.moveInput"
+                  cardClass="move-card"
+                  hintText="Click your piece to highlight legal targets."
+                  (valueChange)="facade.moveInput = $event"
+                  (buttonClick)="facade.submitMove()"
+                />
+              </section>
+            </section>
+          </div>
+
+          <!-- Right Sidebar - Export -->
+          <div class="col-lg-3 col-md-6 col-12 order-lg-3 order-3">
+            <section class="history-card">
+              <h2>Move History</h2>
+
+              @if (facade.state.moves.length === 0) {
+                <p class="history-empty">No moves yet.</p>
+              } @else {
+                <ol class="history-list">
+                  @for (move of facade.state.moves; track $index) {
+                    <li>
+                      <span class="history-number">{{ $index + 1 }}.</span>
+                      <span class="history-move">{{ move }}</span>
+                    </li>
+                  }
+                </ol>
              }
-            </ol>
-            }
-          </section>
+            </section>

-          <section class="export-card">
-            <h2>Export</h2>
-            <div class="export-mode-group" role="radiogroup" aria-label="Export mode">
-              <label class="export-mode-option">
-                <input type="radio" name="exportType" [checked]="exportType === 'fen'"
-                  (change)="setExportType('fen')" />
-                <span>FEN</span>
-              </label>
-              <label class="export-mode-option">
-                <input type="radio" name="exportType" [checked]="exportType === 'pgn'"
-                  (change)="setExportType('pgn')" />
-                <span>PGN</span>
-              </label>
-            </div>
+            <section class="export-card">
+              <h2>Export</h2>
+              <div class="export-mode-group" role="radiogroup" aria-label="Export mode">
+                <label class="export-mode-option">
+                  <input
+                    type="radio"
+                    name="exportType"
+                    [checked]="exportType === 'fen'"
+                    (change)="setExportType('fen')"
+                  />
+                  <span>FEN</span>
+                </label>
+                <label class="export-mode-option">
+                  <input
+                    type="radio"
+                    name="exportType"
+                    [checked]="exportType === 'pgn'"
+                    (change)="setExportType('pgn')"
+                  />
+                  <span>PGN</span>
+                </label>
+              </div>

-            <textarea class="export-text" [value]="exportValue"
-              [placeholder]="exportType === 'fen' ? 'FEN will appear here' : 'PGN will appear here'" rows="8"
-              readonly></textarea>
+              <textarea
+                class="export-text"
+                [value]="exportValue"
+                [placeholder]="exportType === 'fen' ? 'FEN will appear here' : 'PGN will appear here'"
+                rows="8"
+                readonly
+              ></textarea>

-            <button type="button" class="app-btn w-100" (click)="completeExport()">Done</button>
+              <button type="button" class="app-btn w-100" (click)="completeExport()">Done</button>

-            @if (exportNotice) {
-            <p class="export-note">{{ exportNotice }}</p>
-            }
-          </section>
+              @if (exportNotice) {
+                <p class="export-note">{{ exportNotice }}</p>
+              }
+            </section>
+          </div>
        </div>
      </div>
-    </div>
    }

    @if (facade.errorMessage) {
-    <p class="alert alert-danger mt-3 mb-0">{{ facade.errorMessage }}</p>
+      <p class="alert alert-danger mt-3 mb-0">{{ facade.errorMessage }}</p>
    }
  </section>
-</main>
+</main>
@@ -33,7 +33,7 @@
          </div>
        </div>
        <div class="bpart" style="height:36vh;">
-          <div>
+          <div style="padding:5px 5px 0;">
            <div class="bb">
              <div class="bb-tag">JOIN</div>
              <div class="bb-title">JOIN<br />GAME</div>
@@ -94,7 +94,8 @@
              <div class="bb-tag">WELCOME</div>
              <div class="bb-title" style="font-size:clamp(16px,1.8vw,26px);">WELCOME TO<br />NOWCHESS</div>
              <div class="bb-subtitle">Play your next move from the skyline.</div>
-              <button type="button" class="app-btn" (click)="startOneVsOne()" [disabled]="creating">
+              <button type="button" class="app-btn" (click)="startOneVsOne()"
+                [disabled]="creating">
                {{ creating ? 'CREATING...' : 'START NOW →' }}
              </button>
            </div>
@@ -247,7 +248,8 @@
        [placeholder]="importMode === 'fen' ? 'Paste FEN here' : 'Paste PGN here'" [disabled]="importing"
        rows="5"></textarea>
      <div class="dialog-actions">
-        <button type="button" class="app-btn" (click)="submitImportGame()" [disabled]="importing || !importText.trim()">
+        <button type="button" class="app-btn" (click)="submitImportGame()"
+          [disabled]="importing || !importText.trim()">
          {{ importing ? 'IMPORTING...' : 'IMPORT' }}
        </button>
        <button type="button" class="app-btn" (click)="closeImportDialog()" [disabled]="importing">CANCEL</button>
@@ -1,11 +0,0 @@
-import { loadRuntimeConfig } from '../app/core/config.loader';
-
-const runtimeConfig = loadRuntimeConfig();
-
-export const environment = {
-  production: true,
-  apiBaseUrl: runtimeConfig.apiUrl || 'https://st.nowchess.janis-eccarius.de',
-  accountServiceUrl: runtimeConfig.apiUrl || 'https://st.nowchess.janis-eccarius.de',
-  wsBaseUrl: runtimeConfig.wsUrl || 'wss://st.nowchess.janis-eccarius.de',
-  apiPath: '/api/board/game'
-};
@@ -1,11 +1,7 @@
-import { loadRuntimeConfig } from '../app/core/config.loader';
-
-const runtimeConfig = loadRuntimeConfig();
-
 export const environment = {
-  production: false,
-  apiBaseUrl: runtimeConfig.apiUrl || '',
-  accountServiceUrl: runtimeConfig.apiUrl || '',
-  wsBaseUrl: runtimeConfig.wsUrl,
+  production: true,
+  apiBaseUrl: '',
+  accountServiceUrl: '',
+  wsBaseUrl: 'ws://localhost:8080',
  apiPath: '/api/board/game'
 };
@@ -6,7 +6,6 @@
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <script src="/env.js" defer></script>
 </head>
 <body>
  <app-root></app-root>
@@ -1,3 +1,6 @@
+/* ========================================
+   COLOR VARIABLES - Semantic Naming
+   ======================================== */

 /* Light Mode Colors (Default) */
 :root:not([data-theme='dark']) {
@@ -1,3 +0,0 @@
-MAJOR=0
-MINOR=1
-PATCH=0
Author	SHA1	Message	Date
Lala, Shahd	49d6aae1db	feat: copy username	2026-05-05 18:52:12 +00:00
Lala, Shahd	eadcd770ba	feat: profile info view (player ID, rating etc)	2026-05-04 21:43:12 +00:00
shahdlala66	a3255602b3	feat: me tab added	2026-05-04 19:48:55 +02:00
Lala, Shahd	d471eef7af	feat: abstract buttons	2026-05-04 09:56:09 +02:00
Lala, Shahd	361ce1e817	feat: login and register, style is not ready	2026-05-03 20:49:08 +00:00
Lala, Shahd	aa70083aed	feat: login and register, style is not ready	2026-05-03 20:44:01 +00:00
shahdlala66	3b757d7ff7	feat: added a cat not sure about it tho	2026-04-28 22:45:37 +02:00
shahdlala66	19f3359106	style: more colors for windows	2026-04-26 22:13:33 +02:00
shahdlala66	d676288315	style: changed colors etc	2026-04-26 22:13:26 +02:00
shahdlala66	671886781e	feat: new boared design	2026-04-26 13:34:55 +02:00
shahdlala66	dc9a7b2e32	feat: drag and drop	2026-04-22 13:16:44 +02:00
shahdlala66	5951257c99	feat: move history, export import fixed, timer added	2026-04-22 13:05:09 +02:00
shahdlala66	a59e2a023b	style: bigger gifs	2026-04-22 09:31:15 +02:00
shahdlala66	4f76bcc7c6	feat: piece pormotion	2026-04-22 08:35:58 +02:00
shahdlala66	25b69fd7b6	feat: clean ups and shorter files	2026-04-22 08:28:16 +02:00
shahdlala66	c18026bce6	feat: added dark and light mode	2026-04-22 08:19:16 +02:00
shahdlala66	91fa247696	style: added new gifs (optianl)	2026-04-21 15:12:41 +02:00
shahdlala66	97365371c8	feat: new spec	2026-04-21 13:40:48 +02:00
shahdlala66	fdc0f1d73b	feat: join pervious game added	2026-04-19 11:14:14 +02:00
shahdlala66	bc644c16e3	feat: 1vs BOT	2026-04-19 01:06:13 +02:00
shahdlala66	5497997455	feat: more components	2026-04-19 01:00:14 +02:00
shahdlala66	53459648c6	style: styles file added	2026-04-19 00:24:43 +02:00
shahdlala66	8c97a726a7	fix: removed repetitve code	2026-04-19 00:12:13 +02:00
shahdlala66	2582f8e4d6	style: brought back old style for text input	2026-04-19 00:05:52 +02:00