@jjlmoya/utils-chrono 1.3.0 → 1.4.0

package/src/tool/lume-color-simulator/client.ts

@@ -0,0 +1,186 @@
+interface LumePreset {
+  id: string;
+  dayColor: [number, number, number];
+  nightColor: [number, number, number];
+  name: string;
+  colorName: string;
+}
+
+const LUME_PRESETS: Record<string, LumePreset> = {
+  c1: { id: 'c1', dayColor: [200, 230, 201], nightColor: [80, 200, 80], name: 'C1', colorName: 'Classic Green' },
+  c3: { id: 'c3', dayColor: [165, 214, 167], nightColor: [50, 220, 60], name: 'C3', colorName: 'Super Green' },
+  bgw9: { id: 'bgw9', dayColor: [224, 231, 255], nightColor: [90, 160, 255], name: 'BGW9', colorName: 'Ice Blue' },
+  luminova: { id: 'luminova', dayColor: [215, 204, 200], nightColor: [180, 200, 180], name: 'LumiNova', colorName: 'Warm White' },
+  vintage: { id: 'vintage', dayColor: [188, 170, 164], nightColor: [140, 120, 80], name: 'Vintage', colorName: 'Aged Radium' },
+  orange: { id: 'orange', dayColor: [255, 204, 128], nightColor: [255, 130, 30], name: 'Orange', colorName: 'Diver Orange' },
+  blue: { id: 'blue', dayColor: [144, 202, 249], nightColor: [40, 100, 220], name: 'Blue', colorName: 'Deep Blue' },
+  green: { id: 'green', dayColor: [129, 199, 132], nightColor: [30, 200, 50], name: 'Green', colorName: 'Neon Green' },
+};
+
+const canvas = document.getElementById('lume-canvas') as HTMLCanvasElement;
+const ctx = canvas.getContext('2d')!;
+const slider = document.getElementById('brightness-slider') as HTMLInputElement;
+const presetBtns = document.querySelectorAll('.preset-btn') as NodeListOf<HTMLElement>;
+const infoType = document.getElementById('info-type') as HTMLElement;
+const infoColor = document.getElementById('info-color') as HTMLElement;
+const infoHex = document.getElementById('info-hex') as HTMLElement;
+const infoRgb = document.getElementById('info-rgb') as HTMLElement;
+
+let activeLume = 'c1';
+
+function lerpColor(a: [number, number, number], b: [number, number, number], t: number): [number, number, number] {
+  return [
+    Math.round(a[0] + (b[0] - a[0]) * t),
+    Math.round(a[1] + (b[1] - a[1]) * t),
+    Math.round(a[2] + (b[2] - a[2]) * t),
+  ];
+}
+
+function rgbToHex(r: number, g: number, b: number): string {
+  return '#' + [r, g, b].map((x) => x.toString(16).padStart(2, '0')).join('');
+}
+
+function getBrightness(): number {
+  return parseInt(slider.value) / 100;
+}
+
+function drawBackground(h: number, w: number, brightness: number): void {
+  const bgBrightness = Math.round(brightness * 180) + 20;
+  ctx.fillStyle = `rgb(${bgBrightness}, ${bgBrightness}, ${Math.round(bgBrightness * 0.95)})`;
+  ctx.fillRect(0, 0, w, h);
+}
+
+function drawWatchBody(cx: number, cy: number, radius: number, brightness: number): void {
+  ctx.save();
+  ctx.shadowColor = 'rgba(0,0,0,0.3)';
+  ctx.shadowBlur = 20;
+  ctx.shadowOffsetY = 4;
+  ctx.beginPath();
+  ctx.arc(cx, cy, radius, 0, Math.PI * 2);
+  ctx.fillStyle = brightness < 0.4 ? `rgb(${Math.round(brightness * 180 + 5)}, ${Math.round(brightness * 180 + 5)}, ${Math.round(brightness * 180 + 5)})` : '#333';
+  ctx.fill();
+  ctx.restore();
+
+  ctx.beginPath();
+  ctx.arc(cx, cy, radius, 0, Math.PI * 2);
+  ctx.fillStyle = brightness < 0.4 ? '#444' : '#555';
+  ctx.fill();
+
+  ctx.beginPath();
+  ctx.arc(cx, cy, radius - 8, 0, Math.PI * 2);
+  ctx.fillStyle = brightness < 0.4 ? '#3a3a3a' : '#4a4a4a';
+  ctx.fill();
+
+  ctx.beginPath();
+  ctx.arc(cx, cy, radius - 14, 0, Math.PI * 2);
+  ctx.fillStyle = brightness < 0.3 ? '#2a2a2a' : '#3a3a3a';
+  ctx.fill();
+}
+
+function drawLumeMarkers(o: { cx: number; cy: number; radius: number; preset: LumePreset; brightness: number }): void {
+  const { cx, cy, radius, preset, brightness } = o;
+  for (let i = 0; i < 12; i++) {
+    const angle = (i * 30 - 90) * Math.PI / 180;
+    const mx = cx + Math.cos(angle) * (radius - 28);
+    const my = cy + Math.sin(angle) * (radius - 28);
+    const markerSize = i % 3 === 0 ? 5 : 3;
+    const markerBrightness = i % 3 === 0 ? 1 : 0.8;
+    const markerColor = lerpColor(preset.nightColor, preset.dayColor, brightness * markerBrightness);
+
+    ctx.beginPath();
+    ctx.arc(mx, my, markerSize, 0, Math.PI * 2);
+    ctx.fillStyle = `rgb(${markerColor[0]}, ${markerColor[1]}, ${markerColor[2]})`;
+
+    if (brightness < 0.5) {
+      ctx.save();
+      ctx.shadowColor = `rgb(${markerColor[0]}, ${markerColor[1]}, ${markerColor[2]})`;
+      ctx.shadowBlur = (1 - brightness) * 20;
+      ctx.fill();
+      ctx.restore();
+    } else {
+      ctx.fill();
+    }
+  }
+}
+
+function drawLumeHands(cx: number, cy: number, color: [number, number, number], brightness: number): void {
+  const hands = [
+    { length: 34, width: 2.5, angle: -60 },
+    { length: 42, width: 2, angle: 15 },
+  ];
+
+  for (const hand of hands) {
+    const angle = (hand.angle - 90) * Math.PI / 180;
+    const hx = cx + Math.cos(angle) * hand.length;
+    const hy = cy + Math.sin(angle) * hand.length;
+
+    ctx.save();
+    ctx.shadowColor = brightness < 0.5 ? `rgb(${color[0]}, ${color[1]}, ${color[2]})` : 'transparent';
+    ctx.shadowBlur = brightness < 0.5 ? (1 - brightness) * 15 : 0;
+    ctx.beginPath();
+    ctx.moveTo(cx, cy);
+    ctx.lineTo(hx, hy);
+    ctx.strokeStyle = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
+    ctx.lineWidth = hand.width;
+    ctx.lineCap = 'round';
+    ctx.stroke();
+    ctx.restore();
+  }
+
+  ctx.beginPath();
+  ctx.arc(cx, cy, 3, 0, Math.PI * 2);
+  ctx.fillStyle = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
+  ctx.fill();
+}
+
+function drawLabel(cx: number, h: number, preset: LumePreset, brightness: number): void {
+  ctx.fillStyle = brightness < 0.5 ? '#aaa' : '#666';
+  ctx.font = '11px sans-serif';
+  ctx.textAlign = 'center';
+  ctx.fillText(
+    `${preset.name} \u00b7 ${Math.round((1 - brightness) * 100)}% glow`,
+    cx, h - 12
+  );
+}
+
+function updateInfo(preset: LumePreset, brightness: number): void {
+  const color = lerpColor(preset.nightColor, preset.dayColor, brightness);
+  infoType.textContent = preset.name;
+  infoColor.textContent = preset.colorName;
+  infoHex.textContent = rgbToHex(color[0], color[1], color[2]);
+  infoRgb.textContent = `${color[0]}, ${color[1]}, ${color[2]}`;
+}
+
+function drawLume(): void {
+  const preset = LUME_PRESETS[activeLume];
+  if (!preset) return;
+
+  const brightness = getBrightness();
+  const W = canvas.width;
+  const H = canvas.height;
+  const cx = W / 2;
+  const cy = H / 2;
+  const radius = 62;
+
+  drawBackground(H, W, brightness);
+  drawWatchBody(cx, cy, radius, brightness);
+  drawLumeMarkers({ cx, cy, radius, preset, brightness });
+
+  const color = lerpColor(preset.nightColor, preset.dayColor, brightness);
+  drawLumeHands(cx, cy, color, brightness);
+  drawLabel(cx, H, preset, brightness);
+  updateInfo(preset, brightness);
+}
+
+presetBtns.forEach((btn) => {
+  btn.addEventListener('click', () => {
+    presetBtns.forEach((b) => b.classList.remove('active'));
+    btn.classList.add('active');
+    activeLume = btn.dataset.lume || 'c1';
+    drawLume();
+  });
+});
+
+slider.addEventListener('input', drawLume);
+
+drawLume();

package/src/tool/lume-color-simulator/component.astro

@@ -0,0 +1,17 @@
+---
+import LumePanel from './components/LumePanel.astro';
+
+interface Props {
+  ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+---
+
+<link href="./lume-color-simulator.css" rel="stylesheet" />
+
+<div class="tool-main-card" data-ui={JSON.stringify(ui)}>
+  <LumePanel labels={ui} />
+</div>
+
+<script src="./client.ts"></script>

package/src/tool/lume-color-simulator/components/LumePanel.astro

@@ -0,0 +1,98 @@
+---
+interface Props {
+  labels: Record<string, string>;
+}
+
+const { labels } = Astro.props;
+---
+
+<div class="lume-panel">
+  <div class="panel-section">
+    <div class="section-label">{labels.lumeType || "Lume Type"}</div>
+    <div class="preset-grid" id="preset-grid">
+      <button type="button" class="preset-btn active" data-lume="c1">
+        <span class="preset-swatch" style="background:#c8e6c9"></span>
+        <span class="preset-name">{labels.c1Name || "C1"}</span>
+        <span class="preset-desc">{labels.c1Desc || "Green (classic)"}</span>
+      </button>
+      <button type="button" class="preset-btn" data-lume="c3">
+        <span class="preset-swatch" style="background:#a5d6a7"></span>
+        <span class="preset-name">{labels.c3Name || "C3"}</span>
+        <span class="preset-desc">{labels.c3Desc || "Super Green"}</span>
+      </button>
+      <button type="button" class="preset-btn" data-lume="bgw9">
+        <span class="preset-swatch" style="background:#e0e7ff"></span>
+        <span class="preset-name">{labels.bgw9Name || "BGW9"}</span>
+        <span class="preset-desc">{labels.bgw9Desc || "Ice Blue"}</span>
+      </button>
+      <button type="button" class="preset-btn" data-lume="luminova">
+        <span class="preset-swatch" style="background:#d7ccc8"></span>
+        <span class="preset-name">{labels.lumiNovaName || "LumiNova"}</span>
+        <span class="preset-desc">{labels.lumiNovaDesc || "Warm White"}</span>
+      </button>
+      <button type="button" class="preset-btn" data-lume="vintage">
+        <span class="preset-swatch" style="background:#bcaaa4"></span>
+        <span class="preset-name">{labels.vintageName || "Vintage"}</span>
+        <span class="preset-desc">{labels.vintageDesc || "Aged Radium"}</span>
+      </button>
+      <button type="button" class="preset-btn" data-lume="orange">
+        <span class="preset-swatch" style="background:#ffcc80"></span>
+        <span class="preset-name">{labels.orangeName || "Orange"}</span>
+        <span class="preset-desc">{labels.orangeDesc || "Diver Orange"}</span>
+      </button>
+      <button type="button" class="preset-btn" data-lume="blue">
+        <span class="preset-swatch" style="background:#90caf9"></span>
+        <span class="preset-name">{labels.blueName || "Blue"}</span>
+        <span class="preset-desc">{labels.blueDesc || "Deep Blue"}</span>
+      </button>
+      <button type="button" class="preset-btn" data-lume="green">
+        <span class="preset-swatch" style="background:#81c784"></span>
+        <span class="preset-name">{labels.greenName || "Green"}</span>
+        <span class="preset-desc">{labels.greenDesc || "Neon Green"}</span>
+      </button>
+    </div>
+  </div>
+
+  <div class="panel-section">
+    <div class="section-label">{labels.brightness || "Ambient Brightness"}</div>
+    <div class="slider-row">
+      <span class="slider-icon">
+        <svg viewBox="0 0 24 24" width="18" height="18"><path d="M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z" fill="currentColor"/></svg>
+      </span>
+      <input type="range" id="brightness-slider" min="0" max="100" value="20" />
+      <span class="slider-icon">
+        <svg viewBox="0 0 24 24" width="18" height="18"><path d="M20.21 15.71c-.87.39-1.82.59-2.79.59-3.87 0-7-3.13-7-7 0-1.67.57-3.22 1.53-4.47.12-.15.1-.37-.02-.5-.12-.12-.34-.13-.48-.03-2.04 1.52-3.34 3.91-3.34 6.5 0 4.42 3.58 8 8 8 1.35 0 2.64-.34 3.79-.96.15-.07.22-.24.15-.39-.07-.15-.24-.22-.39-.15-.05.02-.12.05-.15.07z" fill="currentColor"/></svg>
+      </span>
+    </div>
+  </div>
+
+  <div class="lume-canvas-wrapper">
+    <canvas id="lume-canvas" width="400" height="180"></canvas>
+  </div>
+
+  <div class="color-info" id="color-info">
+    <div class="color-info-item">
+      <span class="color-info-label">{labels.type || "Type"}</span>
+      <span class="color-info-value" id="info-type">C1</span>
+    </div>
+    <div class="color-info-item">
+      <span class="color-info-label">{labels.color || "Color"}</span>
+      <span class="color-info-value" id="info-color">Green</span>
+    </div>
+    <div class="color-info-item">
+      <span class="color-info-label">{labels.hex || "HEX"}</span>
+      <span class="color-info-value" id="info-hex">#c8e6c9</span>
+    </div>
+    <div class="color-info-item">
+      <span class="color-info-label">{labels.rgb || "RGB"}</span>
+      <span class="color-info-value" id="info-rgb">200, 230, 201</span>
+    </div>
+  </div>
+
+  <div class="tip-row">
+    <svg class="tip-icon" viewBox="0 0 24 24" width="16" height="16">
+      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill="currentColor" />
+    </svg>
+    <span class="tip-text">{labels.tipContent || "Lume brightness depends on the pigment quality and how much light it absorbed. BGW9 glows blue-white and is the brightest, while vintage lume has a warm, dim glow."}</span>
+  </div>
+</div>

package/src/tool/lume-color-simulator/entry.ts

@@ -0,0 +1,57 @@
+import type { ChronoToolEntry, ToolLocaleContent } from '../../types';
+
+export type LumeColorSimulatorUI = {
+  title: string;
+  lumeType: string;
+  brightness: string;
+  dark: string;
+  light: string;
+  color: string;
+  hex: string;
+  rgb: string;
+  type: string;
+  description: string;
+  c1Name: string;
+  c1Desc: string;
+  c3Name: string;
+  c3Desc: string;
+  bgw9Name: string;
+  bgw9Desc: string;
+  lumiNovaName: string;
+  lumiNovaDesc: string;
+  vintageName: string;
+  vintageDesc: string;
+  orangeName: string;
+  orangeDesc: string;
+  blueName: string;
+  blueDesc: string;
+  greenName: string;
+  greenDesc: string;
+  tipTitle: string;
+  tipContent: string;
+};
+
+export type LumeColorSimulatorLocaleContent = ToolLocaleContent<LumeColorSimulatorUI>;
+
+export const lumeColorSimulator: ChronoToolEntry<LumeColorSimulatorUI> = {
+  id: 'lume-color-simulator',
+  icons: { bg: 'mdi:brightness-6', fg: 'mdi:weather-night' },
+  i18n: {
+    en: () => import('./i18n/en').then((m) => m.content),
+    de: () => import('./i18n/de').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
+  },
+};
+

package/src/tool/lume-color-simulator/i18n/de.ts

@@ -0,0 +1,174 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { LumeColorSimulatorUI } from '../entry';
+import { bibliography } from '../bibliography';
+
+export const content: ToolLocaleContent<LumeColorSimulatorUI> = {
+  slug: 'leuchtfarben-simulator',
+  title: 'Leuchtfarben–Simulator – Zifferblatt–Leuchten visualisieren',
+  description: 'Verschaffe dir einen visuellen Eindruck verschiedener Leuchtfarben in Echtzeit. Vergleiche C1, C3, BGW9, LumiNova und mehr bei unterschiedlicher Umgebungshelligkeit.',
+  ui: {
+    title: 'Leuchtfarben–Simulator',
+    lumeType: 'Leuchttyp',
+    brightness: 'Umgebungshelligkeit',
+    dark: 'Dunkel',
+    light: 'Hell',
+    color: 'Farbe',
+    hex: 'HEX',
+    rgb: 'RGB',
+    type: 'Typ',
+    description: 'Beschreibung',
+    c1Name: 'C1',
+    c1Desc: 'Grün (klassisch)',
+    c3Name: 'C3',
+    c3Desc: 'Super-Grün',
+    bgw9Name: 'BGW9',
+    bgw9Desc: 'Eisblau',
+    lumiNovaName: 'LumiNova',
+    lumiNovaDesc: 'Warmweiß',
+    vintageName: 'Vintage',
+    vintageDesc: 'Gealtertes Radium',
+    orangeName: 'Orange',
+    orangeDesc: 'Taucher-Orange',
+    blueName: 'Blau',
+    blueDesc: 'Tiefblau',
+    greenName: 'Grün',
+    greenDesc: 'Neon-Grün',
+    tipTitle: 'Tipp',
+    tipContent: 'Die Leuchtkraft hängt von der Pigmentqualität und der aufgenommenen Lichtmenge ab. BGW9 leuchtet blau-weiß und ist am hellsten, während Vintage-Leuchten einen warmen, gedimmten Schein abgeben.',
+  },
+  seo: [
+    { type: 'title', text: 'Uhren-Leuchtfarben-Simulator – Echtzeit-Leuchtkraft-Visualisierung', level: 2 },
+    { type: 'paragraph', html: 'Die Leuchtfarbe ist eine der persönlichsten Entscheidungen beim Uhrensammeln. Bevorzugst du das klassische grüne Leuchten von <strong>C1 Super-LumiNova</strong> oder das eisige Blau von <strong>BGW9</strong>? Dieser Simulator zeigt dir, wie jeder Leuchttyp bei verschiedenen Helligkeitsstufen aussieht – von vollem Tageslicht bis zur tiefsten Dunkelheit, mit exakten <strong>HEX- und RGB-Werten</strong> für jeden Farbton.' },
+    { type: 'title', text: 'Super-LumiNova-Typen im Vergleich', level: 3 },
+    {
+      type: 'table', headers: ['Typ', 'Tagesfarbe', 'Leuchtfarbe', 'Helligkeit', 'Geeignet für'], rows: [
+        ['C1', 'Hellgrün', 'Grün', 'Mittel', 'Dress-Watches, Original-Optik'],
+        ['C3', 'Gelbgrün', 'Hellgrün', 'Am hellsten', 'Taucheruhren, Tool-Watches'],
+        ['BGW9', 'Gebeiztes Weiß', 'Eisblau', 'Hell', 'Moderne Sportuhren, klare Optik'],
+        ['LumiNova', 'Warmbeige', 'Warmweiß', 'Niedrig-mittel', 'Preisgünstige Leuchtmittel'],
+        ['Vintage', 'Creme / Beige', 'Warm gedimmt', 'Niedrig', 'Heritage-Uhren'],
+        ['Orange', 'Orange', 'Orange', 'Mittel', 'Taucher-Akzente, Retro-Taucher'],
+        ['Blau', 'Hellblau', 'Blau', 'Mittel', 'Designer-Zifferblätter, Modeuhren'],
+        ['Grün', 'Hellgrün', 'Grün', 'Hell', 'Militärische Uhren'],
+      ]
+    },
+    { type: 'title', text: 'C1 vs. C3 vs. BGW9 – Welchen solltest du wählen?', level: 3 },
+    {
+      type: 'comparative', columns: 2, items: [
+        { title: 'C1 Klassisches Grün', icon: 'mdi:lightbulb-on', description: 'Die ursprüngliche Super-LumiNova-Formulierung. Leuchtet grün mit mittlerer Helligkeit. Eine sichere, klassische Wahl, die zu jedem Uhrenstil passt.', points: ['Mittlere Helligkeit, 4–6 h sichtbar', 'Grünes Leuchten, warmer Ton', 'Günstigste Formulierung', 'Häufig in Einsteigeruhren'], highlight: false },
+        { title: 'C3 Super–Grün', icon: 'mdi:lightning-bolt', description: 'Das hellste grüne Leuchtmittel. Wird in professionellen Taucheruhren verwendet, bei denen die Ablesbarkeit unter Wasser entscheidend ist. Maximale Leuchtkraft bei minimaler Aufladung.', points: ['Höchste Helligkeit, 8–12 h sichtbar', 'Gelbgrün bei Tageslicht', 'Bevorzugt von Seiko, Citizen, Omega', 'Am besten für Lesbarkeit bei wenig Licht'], highlight: true },
+      ]
+    },
+    {
+      type: 'comparative', columns: 2, items: [
+        { title: 'BGW9 Eisblau', icon: 'mdi:snowflake', description: 'Leuchtet blau-weiß statt grün. Etwas weniger hell als C3, aber wegen seiner klaren, modernen Ästhetik geschätzt. Beliebt in luxuriösen Sportuhren.', points: ['Hohe Helligkeit, 6–10 h sichtbar', 'Blau-weißes Leuchten, neutraler Ton', 'Klare, moderne Optik bei Tageslicht', 'Verwendet von Tudor, Grand Seiko, Omega'], highlight: true },
+        { title: 'Vintage–Radium–Stil', icon: 'mdi:fire', description: 'Warmer Beige-/Cremeton, der an das Radium-Leuchten der 1960er Jahre erinnert. Absichtlich gedimmter für die authentische Optik. Das Leuchten ist warm, dezent und altert wunderschön.', points: ['Niedrige Helligkeit, 2–4 h sichtbar', 'Warmes Creme bis gedämpftes Bernstein', 'Gealtertes Aussehen ohne Radioaktivität', 'Beliebt in Heritage-Neuauflagen'], highlight: false },
+      ]
+    },
+    { type: 'diagnostic', variant: 'info', title: 'Helligkeit ist nicht alles', icon: 'mdi:palette', html: 'Das hellste Leuchtmittel (C3) ist nicht immer die beste Wahl. <strong>BGW9</strong> tauscht einen kleinen Helligkeitsunterschied gegen einen neutraleren, moderneren Look, den viele Sammler bevorzugen. <strong>Vintage-Leuchten</strong> stellen die epochengerechte Optik über die Leistung. Entscheide dich danach, was dir am wichtigsten ist: <strong>maximale Leuchtkraft, moderne Ästhetik oder Heritage-Authentizität.</strong>' },
+    { type: 'title', text: 'Wie Leuchtfarbe funktioniert: Die Wissenschaft hinter dem Leuchten', level: 3 },
+    {
+      type: 'glossary', items: [
+        { term: 'Super-LumiNova', definition: 'Ein photolumineszierendes Pigment auf Strontiumaluminat-Basis. Es absorbiert UV- und sichtbares Licht und gibt es als Leuchten wieder. Nicht radioaktiv und unbedenklich. Ursprünglich 1993 von Nemoto & Co. entwickelt.' },
+        { term: 'Aufladezeit', definition: 'Die Dauer der Lichteinwirkung, die nötig ist, um das Leuchtpigment zu sättigen. Eine vollständige Aufladung dauert 10–30 Minuten unter direktem Sonnenlicht oder UV. Längere Aufladung = längeres und helleres Leuchten.' },
+        { term: 'Leuchtdauer', definition: 'Wie lange das Leuchten nach dem Aufladen sichtbar bleibt. Hochwertiges Super-LumiNova leuchtet 6–12 Stunden sichtbar. Die hellste Phase sind die ersten 30 Minuten nach dem Aufladen.' },
+        { term: 'Pigmentqualität', definition: 'Die Qualität der Strontiumaluminat-Kristalle. Hochwertigere Pigmente (C3, BGW9) verwenden größere, gleichmäßigere Kristalle für ein helleres und längeres Leuchten. Niedrigere Qualitätsstufen (LumiNova) verwenden kleinere Kristalle und sind dunkler.' },
+      ]
+    },
+    {
+      type: 'summary', title: 'Kurzleitfaden zur Leuchtmittelauswahl', items: [
+        'Für maximale Ablesbarkeit im Dunkeln: Wähle C3 (hellstes Grün) oder BGW9 (hellstes Blau-Weiß).',
+        'Für einen modernen Luxus-Look: BGW9 ist der aktuelle Favorit unter den High-End-Uhrenmarken.',
+        'Für Vintage-/Heritage-Bauten: Verwende Vintage oder Orange für epochengerechte Wärme.',
+        'C1 ist der Allrounder: gute Helligkeit, klassisches Grün, erschwinglich.',
+        'Die Leuchtfarbe bei Tageslicht unterscheidet sich deutlich von der Leuchtfarbe – nutze den Simulator, um beide zu vergleichen.',
+      ]
+    },
+  ],
+  faq: [
+    {
+      question: 'Welches Leuchtmittel ist am hellsten?',
+      answer: 'C3 Super-LumiNova ist die hellste grüne Formulierung. BGW9 ist das hellste Blau-Weiß. Beide sind deutlich heller als C1 oder Standard-LumiNova.',
+    },
+    {
+      question: 'Was ist BGW9-Leuchtfarbe?',
+      answer: 'BGW9 ist eine Super-LumiNova-Variante, die blau-weiß statt grün leuchtet. Sie ist etwas weniger hell als C3, wird aber von vielen wegen ihres klaren, modernen Aussehens bevorzugt.',
+    },
+    {
+      question: 'Leuchtet Vintage-Leuchtfarbe?',
+      answer: 'Moderne Vintage-Leuchtfarbe (beige/warm) leuchtet, ist aber absichtlich dunkler, um gealtertes Radium zu imitieren. Der Kompromiss liegt in der ästhetischen Authentizität gegenüber maximaler Helligkeit.',
+    },
+    {
+      question: 'Wie lange hält Leuchtfarbe?',
+      answer: 'Nach vollständiger Aufladung unter hellem Licht leuchtet hochwertiges Super-LumiNova 6–12 Stunden sichtbar. Die hellste Phase sind die ersten 30 Minuten.',
+    },
+  ],
+  bibliography,
+  howTo: [
+    {
+      name: 'Leuchttyp auswählen',
+      text: 'Wähle aus den Voreinstellungen C1, C3, BGW9, LumiNova, Vintage, Orange, Blau oder Grün.',
+    },
+    {
+      name: 'Helligkeit anpassen',
+      text: 'Bewege den Regler für die Umgebungshelligkeit von Tag (links) zu Nacht (rechts), um zu sehen, wie sich das Leuchten verhält.',
+    },
+    {
+      name: 'Daten ablesen',
+      text: 'Die Infokarte zeigt die genauen HEX- und RGB-Werte der aktuellen Farbe.',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': [
+        {
+          '@type': 'Question',
+          'name': 'Welches Leuchtmittel ist am hellsten?',
+          'acceptedAnswer': { '@type': 'Answer', 'text': 'C3 Super-LumiNova ist das hellste Grün. BGW9 ist das hellste Blau-Weiß.' },
+        },
+        {
+          '@type': 'Question',
+          'name': 'Was ist BGW9-Leuchtfarbe?',
+          'acceptedAnswer': { '@type': 'Answer', 'text': 'BGW9 ist eine Super-LumiNova-Variante, die blau-weiß statt grün leuchtet.' },
+        },
+        {
+          '@type': 'Question',
+          'name': 'Leuchtet Vintage-Leuchtfarbe?',
+          'acceptedAnswer': { '@type': 'Answer', 'text': 'Moderne Vintage-Leuchtfarbe leuchtet, ist aber absichtlich dunkler, um gealtertes Radium zu imitieren.' },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': 'Leuchtfarben-Simulator',
+      'operatingSystem': 'All',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'Erfordert HTML5 und JavaScript.',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': 'So simuliert man Leuchtfarben',
+      'step': [
+        {
+          '@type': 'HowToStep',
+          'name': 'Leuchttyp auswählen',
+          'text': 'Wähle aus den Voreinstellungen C1, C3, BGW9, LumiNova oder anderen.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Helligkeit anpassen',
+          'text': 'Bewege den Regler von Tag zu Nacht, um das Leuchtverhalten zu sehen.',
+        },
+        {
+          '@type': 'HowToStep',
+          'name': 'Daten ablesen',
+          'text': 'Die Infokarte zeigt HEX- und RGB-Werte der aktuellen Farbe.',
+        },
+      ],
+    },
+  ],
+};