chore: update build artifacts for v1.6.6

build-bookmarklet.sh

@@ -303,26 +303,30 @@ ls -la "$DIST_DIR/"
 # === 4. Run build-time tests ===
 echo ""
 echo "=== Running Logic Tests ==="
-node "$SCRIPT_DIR/test_logic.js"
+timeout 15s node "$SCRIPT_DIR/test_logic.js"
 LOGIC_EXIT=$?
 if [ $LOGIC_EXIT -ne 0 ]; then
-    echo "❌ Logic tests FAILED! See above for details."
+    echo "❌ Logic tests FAILED or TIMED OUT (Exit: $LOGIC_EXIT)! See above for details."
     exit 1
 fi
 
 echo "=== Running DOM Interaction Tests ==="
-node "$SCRIPT_DIR/tests/test_dom.js"
+timeout 15s node "$SCRIPT_DIR/tests/test_dom.js"
 DOM_EXIT=$?
 if [ $DOM_EXIT -ne 0 ]; then
-    echo "❌ DOM UI tests FAILED! Regressions detected."
+    echo "❌ DOM UI tests FAILED or TIMED OUT (Exit: $DOM_EXIT)! Regressions detected."
+    # Ensure playwright processes are killed if they leak
+    pkill -f playwright || true
+    pkill -f "node.*test_dom" || true
     exit 1
 fi
 
+
 echo "=== Running Build Tests ==="
-python3 "$SCRIPT_DIR/test_build.py"
+timeout 15s python3 "$SCRIPT_DIR/test_build.py"
 TEST_EXIT=$?
 if [ $TEST_EXIT -ne 0 ]; then
-    echo "❌ Build tests FAILED! See above for details."
+    echo "❌ Build tests FAILED or TIMED OUT (Exit: $TEST_EXIT)! See above for details."
     exit 1
 fi
 echo "✅ All build tests passed."

changelog.md

@@ -1,3 +1,11 @@
+## v1.6.6 (2026-03-06)
+- 🎨 **Style**: Den Schatten und den hervorstehenden Karten-Effekt für bestellte Menüs an vergangenen Tagen komplett entfernt - verbleiben nun visuell flach und unaufdringlich wie nicht-bestellte Menüs.
+
+## v1.6.5 (2026-03-06)
+- ✨ **Feature**: Das `restaurant_menu` Icon im Header wurde durch das neue `favicon_base.png` Logo ersetzt, passend zur Textgröße skaliert.
+- 🎨 **Style**: Violette Umrahmung (Bestellt-Markierung) an vergangenen Tagen entfernt, um den Fokus auf aktuelle und zukünftige Bestellungen zu lenken.
+- 🎨 **Style**: Der Glow-Effekt für am heutigen Tag bestellte Menüs wurde intensiviert.
+
 ## v1.6.4 (2026-03-05)
 - ✨ **Feature**: Sprach-Lexikon (DE/EN) massiv erweitert um österreichische Begriffe (Nockerl, Fleckerl, Topfen, Mohn, Most etc.) und gängige Tippfehler aus dem Bessa-System (trukey, coffe, oveb etc.).
 - 🧹 **Cleanup**: Sprach-Lexikon dedupliziert und alphabetisch sortiert für bessere Performance und Wartbarkeit.

dist/kantine-standalone.html

@@ -886,42 +886,31 @@ body {
     filter: grayscale(0.4);
 }
 
-/* Enhancements for ordered items */
-.menu-card.past-day .menu-item.ordered {
-    /* No opacity/filter here - fully visible */
-    background: var(--bg-card);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    border: 1px solid #8b5cf6;
-    border-radius: 8px;
-    padding: 1rem;
-    margin: 0 -1rem 1.5rem -1rem;
-    position: relative;
-    z-index: 10;
-}
+/* Past ordered items get no special frame or shadow, but remain visually distinct by staying fully opaque (via the :not(.ordered) selector above) */
 
 .menu-item.today-ordered {
     border: 2px solid #8b5cf6;
-    box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
+    box-shadow: 0 0 30px rgba(139, 92, 246, 0.6);
     border-radius: 8px;
     padding: 1rem;
     margin: 0 -1rem 1.5rem -1rem;
     background: var(--bg-card);
     position: relative;
     z-index: 5;
-    animation: pulse-glow 3s infinite;
+    animation: pulse-glow-strong 3s infinite;
 }
 
-@keyframes pulse-glow {
+@keyframes pulse-glow-strong {
     0% {
-        box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
+        box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
     }
 
     50% {
-        box-shadow: 0 0 25px rgba(139, 92, 246, 0.6);
+        box-shadow: 0 0 40px rgba(139, 92, 246, 0.8);
     }
 
     100% {
-        box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
+        box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
     }
 }
 
@@ -2121,9 +2110,9 @@ body {
             <header class="app-header">
                 <div class="header-content">
                     <div class="brand">
-                        <span class="material-icons-round logo-icon">restaurant_menu</span>
+                        <img src="data:image/png;base64,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" alt="Logo" class="logo-img" style="height: 1.2em; width: 1.2em; object-fit: contain;">
                         <div class="header-left">
-                            <h1>Kantinen Übersicht <small class="version-tag" style="font-size: 0.6em; opacity: 0.7; font-weight: 400; cursor: pointer;" title="Klick für Versionsmenü">v1.6.4</small></h1>
+                            <h1>Kantinen Übersicht <small class="version-tag" style="font-size: 0.6em; opacity: 0.7; font-weight: 400; cursor: pointer;" title="Klick für Versionsmenü">v1.6.6</small></h1>
                             <div id="last-updated-subtitle" class="subtitle"></div>
                         </div>
                         <div class="nav-group" style="margin-left: 1rem;">
@@ -2270,7 +2259,7 @@ body {
                     </div>
                     <div class="modal-body">
                         <div style="margin-bottom: 1rem;">
-                            <strong>Aktuell:</strong> <span id="version-current">v1.6.4</span>
+                            <strong>Aktuell:</strong> <span id="version-current">v1.6.6</span>
                         </div>
                         <div class="dev-toggle">
                             <label style="display:flex;align-items:center;gap:8px;cursor:pointer;">
@@ -4157,7 +4146,7 @@ body {
 
     // Periodic update check (runs on init + every hour)
     async function checkForUpdates() {
-        const currentVersion = 'v1.6.4';
+        const currentVersion = 'v1.6.6';
         const devMode = localStorage.getItem('kantine_dev_mode') === 'true';
 
         try {
@@ -4198,7 +4187,7 @@ body {
         const modal = document.getElementById('version-modal');
         const container = document.getElementById('version-list-container');
         const devToggle = document.getElementById('dev-mode-toggle');
-        const currentVersion = 'v1.6.4';
+        const currentVersion = 'v1.6.6';
 
         if (!modal) return;
         modal.classList.remove('hidden');

favicon.svg

@@ -1,29 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
-  <!-- Fork (left, with gap to triangle) -->
-  <g transform="translate(2, 10)">
-    <!-- Tines -->
-    <rect x="1" y="0" width="1.8" height="16" rx="0.9" fill="#333"/>
-    <rect x="4.6" y="0" width="1.8" height="16" rx="0.9" fill="#333"/>
-    <rect x="8.2" y="0" width="1.8" height="16" rx="0.9" fill="#333"/>
-    <!-- Connector -->
-    <rect x="1" y="14" width="9" height="3.5" rx="1.5" fill="#333"/>
-    <!-- Handle -->
-    <rect x="3.5" y="16.5" width="4" height="24" rx="2" fill="#333"/>
-  </g>
-
-  <!-- Triangle (center, equilateral aspect ratio ~1:0.866) -->
-  <!-- Equilateral: base=28, height=24.25 => keeps proper ratio -->
-  <polygon points="32,8 47,48 17,48" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/>
-
-  <!-- Knife (right, with gap to triangle) -->
-  <g transform="translate(50, 10)">
-    <!-- Blade (slight curve) -->
-    <path d="M3,0 C3,0 3,0 3,0 L3,17 L10,14 C10,6 7,0 3,0 Z" fill="#333"/>
-    <!-- Spine -->
-    <rect x="1.5" y="0" width="2" height="18" rx="1" fill="#333"/>
-    <!-- Bolster -->
-    <rect x="1.5" y="16.5" width="8.5" height="3.5" rx="1.2" fill="#333"/>
-    <!-- Handle -->
-    <rect x="3.5" y="19" width="4" height="22" rx="2" fill="#333"/>
-  </g>
-</svg>

kantine.js

@@ -80,7 +80,7 @@
             <header class="app-header">
                 <div class="header-content">
                     <div class="brand">
-                        <span class="material-icons-round logo-icon">restaurant_menu</span>
+                        <img src="{{FAVICON_DATA_URI}}" alt="Logo" class="logo-img" style="height: 1.2em; width: 1.2em; object-fit: contain;">
                         <div class="header-left">
                             <h1>Kantinen Übersicht <small class="version-tag" style="font-size: 0.6em; opacity: 0.7; font-weight: 400; cursor: pointer;" title="Klick für Versionsmenü">{{VERSION}}</small></h1>
                             <div id="last-updated-subtitle" class="subtitle"></div>

style.css

@@ -875,42 +875,31 @@ body {
     filter: grayscale(0.4);
 }
 
-/* Enhancements for ordered items */
-.menu-card.past-day .menu-item.ordered {
-    /* No opacity/filter here - fully visible */
-    background: var(--bg-card);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    border: 1px solid #8b5cf6;
-    border-radius: 8px;
-    padding: 1rem;
-    margin: 0 -1rem 1.5rem -1rem;
-    position: relative;
-    z-index: 10;
-}
+/* Past ordered items get no special frame or shadow, but remain visually distinct by staying fully opaque (via the :not(.ordered) selector above) */
 
 .menu-item.today-ordered {
     border: 2px solid #8b5cf6;
-    box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
+    box-shadow: 0 0 30px rgba(139, 92, 246, 0.6);
     border-radius: 8px;
     padding: 1rem;
     margin: 0 -1rem 1.5rem -1rem;
     background: var(--bg-card);
     position: relative;
     z-index: 5;
-    animation: pulse-glow 3s infinite;
+    animation: pulse-glow-strong 3s infinite;
 }
 
-@keyframes pulse-glow {
+@keyframes pulse-glow-strong {
     0% {
-        box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
+        box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
     }
 
     50% {
-        box-shadow: 0 0 25px rgba(139, 92, 246, 0.6);
+        box-shadow: 0 0 40px rgba(139, 92, 246, 0.8);
     }
 
     100% {
-        box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
+        box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
     }
 }
 

test_logic.js

@@ -41,20 +41,32 @@ const sandbox = {
     fetch: async (url) => {
         // Mock Version Check
         if (url.includes('version.txt')) {
-            return { ok: true, text: async () => 'v9.9.9' }; // Simulate new version
+            return { ok: true, text: async () => 'v9.9.9', json: async () => ({}) };
         }
         // Mock Changelog
         if (url.includes('changelog.md')) {
-            return { ok: true, text: async () => '## v9.9.9\n- Feature: Cool Stuff' };
+            return { ok: true, text: async () => '## v9.9.9\n- Feature: Cool Stuff', json: async () => ({}) };
         }
-        return { ok: false }; // Fail others to prevent huge cascades
+        // Mock GitHub Tags API
+        if (url.includes('api.github.com/') || url.includes('/tags')) {
+            return { ok: true, json: async () => [{ name: 'v9.9.9' }] };
+        }
+        // Mock Menu API
+        if (url.includes('/food-menu/menu/')) {
+            return { ok: true, json: async () => ({ dates: [], menu: {} }) };
+        }
+        // Mock Orders API
+        if (url.includes('/user/orders')) {
+            return { ok: true, json: async () => ({ results: [], count: 0 }) };
+        }
+        return { ok: false, status: 404, text: async () => '', json: async () => ({}) };
     },
     document: {
         body: createMockElement('body'),
         head: createMockElement('head'),
         createElement: (tag) => createMockElement(tag),
         querySelector: (sel) => {
-            if (sel === '.material-icons-round.logo-icon') {
+            if (sel === '.logo-img' || sel === '.material-icons-round.logo-icon') {
                 const el = createMockElement('last-updated-icon-mock');
                 // Mock legacy prop for specific test check if needed, 
                 // but our generic mock handles replaceWith hook

version.txt

@@ -1 +1 @@
-v1.6.4
+v1.6.6