Plakette als Favicon

Sie bringt ihre eigene dunkle Platte mit und steht damit in hellen wie
dunklen Browserreitern, anders als die freistehende Wortmarke.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

AGENTS.md

@@ -9,7 +9,8 @@
 - `static/style.css` — Light-/Dark-Mode-Theming
 - `static/script.js` — Live-Berechnung + Auto-Save beim Tippen
 - `static/img/logo/` — JET-Design-Wortmarke: `jet-design.svg` (dunkle Schrift),
-  `jet-design-weiss.svg` (Dark Mode), `jet-design.jpg` (Rechnungs-PDF)
+  `jet-design-weiss.svg` (Dark Mode), `jet-design.jpg` (Rechnungs-PDF),
+  `jet-plakette.svg` (Favicon)
 - `druckkalkulation_config.yaml` — auto-created/auto-saved state (in .gitignore)
 - `proxmox-setup.sh` — Proxmox LXC-Ersteinrichtung
 - `proxmox-update.sh` — Proxmox LXC-Update

README.md

@@ -55,6 +55,7 @@ sich ueber `HOST` und `PORT` ueberschreiben.
   Leistungsdatum) — nur in den beiden Unternehmer-Modi
 - **JET-Design-Wortmarke** im Seitenkopf (SVG, hell/dunkel) und auf der
   Rechnung (JPEG). Ein eigenes **Logo-Upload** (PNG/JPEG/WebP) ersetzt sie.
+- **Favicon** im Browserreiter: die JET-Plakette
 
 ## Installation auf Proxmox (LXC-Container)
 

static/img/logo/jet-plakette.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-label="Jet-Design">
+  <title>Jet-Design</title>
+  <!-- Zeichen fuer den Browserreiter: dunkle Platte mit weissen
+       Buchstaben, wie das Schild selbst. Die Platte traegt die
+       Schrift und macht das Zeichen unabhaengig davon, ob der
+       Reiter hell oder dunkel ist. -->
+  <path fill="#141210" d="M14 0h72a14 14 0 0 1 14 14v72a14 14 0 0 1-14 14H14A14 14 0 0 1 0 86V14A14 14 0 0 1 14 0Z"/>
+  <path fill="#ffffff" fill-rule="evenodd" d="M28.728,33.377C29.529,33.357,30.318,33.182,31.053,32.864C32.962,31.988,34.206,30.103,34.261,28.003C34.332,26.874,34.07,25.749,33.507,24.768C32.631,23.264,31.09,22.267,29.358,22.087C28.231,21.933,27.083,22.054,26.012,22.439C23.964,23.251,22.598,25.207,22.541,27.41C22.471,28.538,22.733,29.663,23.295,30.644C24.171,32.149,25.713,33.145,27.444,33.326C27.87,33.378,28.3,33.395,28.728,33.377zM61.164,43.02L61.164,30.103C61.443,30.029,61.724,29.963,62.008,29.906C63.285,29.626,64.587,29.481,65.895,29.473C66.904,29.453,67.911,29.582,68.884,29.854C69.504,30.024,70.081,30.322,70.578,30.729C71.004,31.143,71.311,31.665,71.466,32.239C71.68,33.001,71.78,33.791,71.761,34.582L71.761,38.619L80.025,38.619C80.238,39.017,80.422,39.43,80.575,39.855C81.133,41.287,81.25,42.854,80.91,44.353C80.719,45.259,80.123,46.027,79.293,46.438C78.734,46.704,78.12,46.835,77.502,46.82L71.761,46.82L71.761,56.345C71.757,56.716,71.806,57.085,71.908,57.442C72.08,58.053,72.505,58.562,73.076,58.841C73.627,59.117,74.228,59.283,74.842,59.329C76.262,59.44,77.69,59.303,79.063,58.925L79.457,58.805C79.745,59.158,80,59.536,80.22,59.934C80.655,60.682,80.872,61.536,80.845,62.4C80.886,64.126,80.016,65.747,78.555,66.666C77.937,67.03,77.264,67.294,76.563,67.447C75.48,67.688,74.374,67.813,73.265,67.819C71.802,67.865,70.34,67.748,68.903,67.471C67.663,67.23,66.47,66.787,65.374,66.16C64.369,65.587,63.506,64.795,62.849,63.843C62.259,62.95,61.831,61.959,61.585,60.916C61.29,59.667,61.149,58.386,61.164,57.102L61.164,52.745C60.939,52.925,60.696,53.082,60.438,53.214C59.715,53.584,58.933,53.826,58.127,53.928L42.546,56.262C42.658,56.601,42.805,56.928,42.983,57.238C43.548,58.18,44.385,58.929,45.385,59.385C46.508,59.919,47.717,60.249,48.956,60.36C52.279,60.64,55.612,59.972,58.571,58.435L58.947,58.218C59.738,58.726,60.381,59.434,60.813,60.27C61.516,61.621,61.525,63.228,60.837,64.587C60.414,65.359,59.783,65.997,59.015,66.428C57.881,67.072,56.656,67.543,55.383,67.825C53.603,68.19,51.795,68.392,49.979,68.431C48.886,68.455,47.793,68.408,46.706,68.29C44.732,68.084,42.8,67.585,40.973,66.81C39.269,66.076,37.714,65.034,36.388,63.736C35.336,62.673,34.453,61.463,33.763,60.15L33.763,66.312C33.783,67.931,33.57,69.546,33.132,71.106C32.761,72.434,32.152,73.684,31.334,74.796C29.903,76.738,27.668,77.928,25.257,78.031C24.646,78.067,24.034,78.037,23.43,77.94C21.884,77.713,20.516,76.814,19.696,75.484C19.082,74.49,18.755,73.346,18.75,72.178L20.39,71.169C21.303,70.593,22.01,69.743,22.409,68.74C22.841,67.646,23.055,66.478,23.039,65.302L23.039,36.664C23.722,36.541,24.405,36.425,25.089,36.317C26.822,36.032,28.589,36.021,30.325,36.285C30.837,36.366,31.331,36.534,31.786,36.782C32.58,37.234,33.174,37.97,33.449,38.842C33.679,39.586,33.785,40.364,33.763,41.142L33.763,43.436C34.195,42.639,34.699,41.88,35.27,41.171C36.827,39.281,38.856,37.836,41.152,36.983C43.752,36.027,46.53,35.653,49.29,35.887C51.526,36.043,53.707,36.659,55.694,37.697C57.286,38.518,58.696,39.652,59.84,41.031C60.346,41.654,60.788,42.32,61.164,43.02zM41.838,48.695C41.933,47.931,42.16,47.19,42.508,46.503C43.106,45.359,44.109,44.478,45.32,44.033C46.337,43.679,47.422,43.562,48.491,43.69C49.283,43.756,50.044,44.028,50.699,44.479C51.091,44.78,51.437,45.137,51.724,45.538C52.091,46.005,52.359,46.542,52.513,47.116L52.576,47.431L41.789,49.197L41.838,48.695z"/>
+</svg>

templates/index.html

@@ -7,6 +7,9 @@
     <link href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css" rel="stylesheet">
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    {# Die Plakette traegt ihre eigene dunkle Platte, sie steht deshalb in
+       hellen wie dunklen Reitern. #}
+    <link rel="icon" href="{{ url_for('static', filename='img/logo/jet-plakette.svg') }}" type="image/svg+xml">
     <style>
         @import url("https://rsms.me/inter/inter.css");
     </style>

templates/invoice.html

@@ -7,6 +7,9 @@
     <link href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css" rel="stylesheet">
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    {# Die Plakette traegt ihre eigene dunkle Platte, sie steht deshalb in
+       hellen wie dunklen Reitern. #}
+    <link rel="icon" href="{{ url_for('static', filename='img/logo/jet-plakette.svg') }}" type="image/svg+xml">
     <style>
         @import url("https://rsms.me/inter/inter.css");
     </style>

templates/settings.html

@@ -7,6 +7,9 @@
     <link href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css" rel="stylesheet">
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    {# Die Plakette traegt ihre eigene dunkle Platte, sie steht deshalb in
+       hellen wie dunklen Reitern. #}
+    <link rel="icon" href="{{ url_for('static', filename='img/logo/jet-plakette.svg') }}" type="image/svg+xml">
     <style>
         @import url("https://rsms.me/inter/inter.css");
     </style>