From d6a2236a5b487eb0b298466bdec0941fc03ebfa8 Mon Sep 17 00:00:00 2001 From: Michael Kaufmann Date: Mon, 16 Feb 2026 18:52:07 +0100 Subject: [PATCH] feat: release v1.1.0 (countdown, highlight tags, changelog) --- build-bookmarklet.sh | 53 +- changelog.md | 15 + dist/bookmarklet-payload.js | 4 +- dist/bookmarklet.txt | 2 +- dist/install.html | 42 +- dist/kantine-standalone.html | 1558 ++++++++++++++++++++-------------- kantine.js | 1417 +++++++++++++++++-------------- style.css | 139 +++ version.txt | 2 +- 9 files changed, 1984 insertions(+), 1248 deletions(-) create mode 100755 changelog.md diff --git a/build-bookmarklet.sh b/build-bookmarklet.sh index 0dcc52e..ae95505 100755 --- a/build-bookmarklet.sh +++ b/build-bookmarklet.sh @@ -108,14 +108,23 @@ cat > "$DIST_DIR/install.html" << INSTALLEOF

🍽️ Kantine Wrapper $VERSION

-
-

Installation

+
+

Changelog

+
+ +
+
+ +
+

So funktioniert's

  1. Ziehe den Button unten in deine Lesezeichen-Leiste (Drag & Drop)
  2. Navigiere zu web.bessa.app/knapp-kantine
  3. Klicke auf das Lesezeichen Kantine $VERSION
+
+

✨ Features

  • 📅 Wochenübersicht: Die ganze Woche auf einen Blick.
    • @@ -135,15 +144,47 @@ cat > "$DIST_DIR/install.html" << INSTALLEOF diff --git a/dist/kantine-standalone.html b/dist/kantine-standalone.html index fa75031..b350df7 100755 --- a/dist/kantine-standalone.html +++ b/dist/kantine-standalone.html @@ -1206,6 +1206,145 @@ body { 70% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); } 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } } + +/* Order Countdown */ +#order-countdown { + background: rgba(255, 255, 255, 0.1); + padding: 0.25rem 0.75rem; + border-radius: 99px; + font-size: 0.85rem; + display: flex; + align-items: center; + gap: 0.5rem; + white-space: nowrap; + border: 1px solid var(--border-color); +} + +#order-countdown span { + opacity: 0.7; + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 0.5px; +} + +#order-countdown.urgent { + background: rgba(239, 68, 68, 0.2); + border-color: rgba(239, 68, 68, 0.5); + color: #ef4444; + animation: pulse-red 2s infinite; +} + +@keyframes pulse-red { + 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); } + 70% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); } + 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); } +} + +/* Smart Highlights */ +.highlight-glow { + box-shadow: 0 0 15px rgba(59, 130, 246, 0.5); /* Blue glow */ + border: 1px solid rgba(59, 130, 246, 0.8); + background: rgba(59, 130, 246, 0.05); + position: relative; + z-index: 1; +} + +/* Nav Badge with Count */ +.nav-badge.has-highlights { + background-color: var(--card-bg); /* Neutral background */ + color: var(--text-primary); + border: 1px solid var(--border-color); + padding: 2px 6px; +} + +.nav-badge .highlight-count { + color: #3b82f6; /* Blue 500 */ + font-weight: 700; + margin-left: 4px; +} + +/* Tag Management Modal */ +#tags-list { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; + margin-top: 1rem; + min-height: 50px; +} + +.tag-badge { + display: inline-flex; + align-items: center; + background: rgba(59, 130, 246, 0.15); + color: #3b82f6; + padding: 4px 10px; + border-radius: 99px; + font-size: 0.85rem; + font-weight: 500; +} + +.tag-remove { + margin-left: 6px; + cursor: pointer; + opacity: 0.7; + font-size: 1.1em; + line-height: 1; +} + +.tag-remove:hover { + opacity: 1; + color: #ef4444; +} + +.input-group { + display: flex; + gap: 0.5rem; +} + +.input-group input { + flex: 1; + padding: 0.75rem; + background: var(--bg-color); + border: 1px solid var(--border-color); + color: var(--text-primary); + border-radius: 8px; +} + +/* Update Banner Enhanced */ +.change-summary { + font-size: 0.8rem; + background: rgba(0,0,0,0.1); + padding: 0.5rem; + border-radius: 4px; + margin: 0.5rem 0; + white-space: pre-wrap; + font-family: inherit; + line-height: 1.4; + max-height: 100px; + overflow-y: auto; +} +.update-content { + display: flex; + flex-direction: column; + gap: 4px; + flex: 1; +} + +/* Installer Changelog */ +.changelog-container ul { + padding-left: 1.5rem; + margin: 0.5rem 0; +} +.changelog-container li { + margin-bottom: 0.4rem; + line-height: 1.5; +} +.changelog-container h3 { + margin-top: 1.5rem; + margin-bottom: 0.5rem; + font-size: 1.1em; + color: var(--accent-color); +} @@ -1278,7 +1417,7 @@ body {
    restaurant_menu
    -

    Kantinen Übersicht v1.0.3

    +

    Kantinen Übersicht v1.1.0

    @@ -1290,6 +1429,9 @@ body { +
    @@ -1356,6 +1498,27 @@ body {
+ +
+ +