@jjlmoya/utils-home 1.30.0 → 1.32.0

package/src/tool/lightingCalculator/how-many-lights-per-room.css

@@ -0,0 +1,493 @@
+.lc-wrap {
+  width: 100%;
+  padding: 2rem 1rem;
+  display: flex;
+  justify-content: center;
+}
+
+.lc-card {
+  width: 100%;
+  max-width: 720px;
+  background: var(--bg-surface);
+  border: 1px solid var(--border-color);
+  border-radius: 20px;
+  padding: 1.5rem;
+  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
+}
+
+.lc-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 1rem;
+}
+
+.lc-title {
+  font-size: 1rem;
+  font-weight: 700;
+  color: var(--text-main);
+  letter-spacing: 0.02em;
+}
+
+.lc-unit-toggle {
+  display: flex;
+  gap: 0.25rem;
+  background: var(--bg-page);
+  border-radius: 8px;
+  padding: 0.25rem;
+}
+
+.lc-unit-btn {
+  border: none;
+  background: transparent;
+  color: var(--text-muted);
+  font-size: 0.75rem;
+  font-weight: 600;
+  padding: 0.35rem 0.75rem;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.lc-unit-btn:hover {
+  color: var(--text-main);
+}
+
+.lc-unit-active {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border: 1px solid var(--border-color);
+}
+
+.lc-row {
+  display: flex;
+  gap: 0.75rem;
+  margin-bottom: 0.75rem;
+  flex-wrap: wrap;
+}
+
+.lc-chips {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.lc-chip {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.5rem 0.75rem;
+  border-radius: 10px;
+  border: none;
+  background: transparent;
+  color: var(--text-muted);
+  font-size: 0.8rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+  line-height: 1;
+}
+
+.lc-chip:hover {
+  color: var(--text-main);
+}
+
+.lc-chip-active {
+  background: var(--text-muted);
+  color: var(--bg-surface);
+}
+
+.lc-chip-icon {
+  width: 14px;
+  height: 14px;
+  fill: currentcolor;
+  opacity: 0.7;
+}
+
+.lc-chip-active .lc-chip-icon {
+  opacity: 1;
+}
+
+.lc-input-group {
+  flex: 1;
+  min-width: 100px;
+}
+
+.lc-grow {
+  flex: 2;
+}
+
+.lc-input-label {
+  display: block;
+  font-size: 0.65rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--text-muted);
+  margin-bottom: 0.35rem;
+}
+
+.lc-input-wrap {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  background: var(--bg-page);
+  border: 1px solid var(--border-color);
+  border-radius: 10px;
+  padding: 0.5rem 0.75rem;
+  transition: border-color 0.2s;
+}
+
+.lc-input-wrap:focus-within {
+  border-color: var(--text-main);
+}
+
+.lc-input {
+  background: transparent;
+  border: none;
+  color: var(--text-main);
+  font-size: 0.9rem;
+  font-weight: 600;
+  width: 60px;
+  outline: none;
+}
+
+.lc-input-unit {
+  font-size: 0.7rem;
+  color: var(--text-muted);
+  font-weight: 500;
+  margin-left: auto;
+  transition: opacity 0.2s;
+}
+
+.lc-bulb-bar {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.lc-bulb {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.5rem 0.6rem;
+  border-radius: 8px;
+  border: none;
+  background: transparent;
+  color: var(--text-muted);
+  font-size: 0.75rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+  line-height: 1;
+}
+
+.lc-bulb:hover {
+  color: var(--text-main);
+}
+
+.lc-bulb-active {
+  background: var(--text-muted);
+  color: var(--bg-surface);
+}
+
+.lc-bulb-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  transition: transform 0.2s;
+}
+
+.lc-bulb:hover .lc-bulb-dot {
+  transform: scale(1.3);
+}
+
+.lc-ambient-btn {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.5rem 0.75rem;
+  border-radius: 8px;
+  border: none;
+  background: transparent;
+  color: var(--text-muted);
+  font-size: 0.75rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+  line-height: 1;
+}
+
+.lc-ambient-btn:hover {
+  color: var(--text-main);
+}
+
+.lc-ambient-active {
+  background: var(--text-muted);
+  color: var(--bg-surface);
+}
+
+.lc-plan-wrap {
+  width: 100%;
+  aspect-ratio: 3 / 2;
+  border-radius: 16px;
+  overflow: hidden;
+  background: var(--bg-page);
+  border: 2px solid var(--border-color);
+  margin: 1rem 0;
+  transition: border-color 0.3s;
+}
+
+.lc-plan-wrap.optimal {
+  border-color: rgba(34, 197, 94, 0.5);
+}
+
+.lc-plan-wrap.insufficient {
+  border-color: rgba(245, 158, 11, 0.5);
+}
+
+.lc-plan-wrap.excess {
+  border-color: rgba(239, 68, 68, 0.5);
+}
+
+.lc-plan {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.lc-dial-row {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1rem;
+  margin-bottom: 1rem;
+  justify-items: center;
+}
+
+.lc-dial-wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.lc-dial {
+  width: 100%;
+  max-width: 120px;
+  height: auto;
+}
+
+.lc-dial-label {
+  font-size: 0.65rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--text-muted);
+}
+
+.lc-bulb-icons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+  justify-content: center;
+  max-width: 140px;
+  min-height: 50px;
+  align-items: center;
+}
+
+.lc-status {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.6rem;
+  padding: 0.75rem 1rem;
+  border-radius: 12px;
+  background: var(--bg-page);
+  border: 1px solid var(--border-color);
+  transition: all 0.3s;
+}
+
+.lc-status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-top: 0.35rem;
+  flex-shrink: 0;
+  transition: all 0.3s;
+}
+
+.lc-status-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+  min-width: 0;
+}
+
+.lc-status-text {
+  font-size: 0.85rem;
+  font-weight: 700;
+  color: var(--text-main);
+  line-height: 1.2;
+}
+
+.lc-status-desc {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+
+.lc-status.optimal {
+  border-color: rgba(34, 197, 94, 0.3);
+  background: rgba(34, 197, 94, 0.06);
+}
+
+.lc-status.optimal .lc-status-dot {
+  background: #22c55e;
+  box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
+}
+
+.lc-status.optimal .lc-status-text {
+  color: #22c55e;
+}
+
+.lc-status.insufficient {
+  border-color: rgba(245, 158, 11, 0.3);
+  background: rgba(245, 158, 11, 0.06);
+}
+
+.lc-status.insufficient .lc-status-dot {
+  background: #f59e0b;
+  box-shadow: 0 0 8px rgba(245, 158, 11, 0.5);
+}
+
+.lc-status.insufficient .lc-status-text {
+  color: #f59e0b;
+}
+
+.lc-status.excess {
+  border-color: rgba(239, 68, 68, 0.3);
+  background: rgba(239, 68, 68, 0.06);
+}
+
+.lc-status.excess .lc-status-dot {
+  background: #ef4444;
+  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
+}
+
+.lc-status.excess .lc-status-text {
+  color: #ef4444;
+}
+
+.lc-victory {
+  margin-top: 1rem;
+  padding: 1rem;
+  border-radius: 12px;
+  background: var(--bg-page);
+  border: 1px solid var(--border-color);
+}
+
+.lc-victory-title {
+  font-size: 0.85rem;
+  font-weight: 700;
+  color: var(--text-main);
+  margin-bottom: 0.75rem;
+}
+
+.lc-victory-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.6rem;
+  font-size: 0.85rem;
+  line-height: 1.4;
+}
+
+.lc-victory-label {
+  color: var(--text-muted);
+  font-weight: 500;
+  letter-spacing: 0.02em;
+}
+
+.lc-victory-value {
+  color: var(--text-main);
+  font-weight: 700;
+  font-size: 0.95rem;
+  letter-spacing: -0.01em;
+}
+
+.lc-export-btn {
+  width: 100%;
+  margin-top: 0.75rem;
+  padding: 0.6rem;
+  border-radius: 10px;
+  border: 1px solid var(--border-color);
+  background: var(--bg-surface);
+  color: var(--text-main);
+  font-size: 0.8rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.lc-export-btn:hover {
+  border-color: var(--text-main);
+  background: var(--bg-page);
+}
+
+.lc-manual-toggle {
+  margin-top: 1rem;
+  padding: 0.6rem 1rem;
+  text-align: center;
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: all 0.2s;
+  border: 1px solid var(--border-color);
+  border-radius: 10px;
+  background: var(--bg-page);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.4rem;
+}
+
+.lc-manual-toggle:hover {
+  color: var(--text-main);
+  border-color: var(--text-muted);
+}
+
+.lc-manual-toggle svg {
+  width: 14px;
+  height: 14px;
+  fill: currentcolor;
+}
+
+.lc-manual {
+  max-height: 0;
+  overflow: hidden;
+  transition: all 0.3s ease;
+  opacity: 0;
+  transform: translateY(-4px);
+}
+
+.lc-manual-open {
+  max-height: 200px;
+  padding-top: 0.75rem;
+  opacity: 1;
+  transform: translateY(0);
+}
+
+@media (max-width: 600px) {
+  .lc-row {
+    flex-direction: column;
+  }
+
+  .lc-dial-row {
+    grid-template-columns: 1fr;
+  }
+
+  .lc-dial {
+    max-width: 160px;
+  }
+}

package/src/tool/lightingCalculator/i18n/de.ts

@@ -0,0 +1,213 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { LightingCalculatorUI } from '../ui';
+import { bibliography } from '../bibliography';
+
+const slug = 'beleuchtungs-und-lumen-rechner-fuer-zuhause';
+const title = 'Beleuchtungs und Lumen Rechner für Zuhause';
+const description =
+  'Berechnen Sie exakt, wie viele Lumen und Leuchtmittel Sie für jeden Raum benötigen. Wählen Sie Raumtyp, Abmessungen und Leuchtmittelart, um einen professionellen Beleuchtungsplan mit Echtzeit-Lux-Schätzungen zu erhalten.';
+
+const faqData = [
+  {
+    question: 'Wie viele Lumen brauche ich für ein Wohnzimmer?',
+    answer:
+      'Für ein typisches Wohnzimmer sollten Sie auf etwa 150 Lux am Boden abzielen. Multiplizieren Sie die Raumfläche in Quadratmetern mit 150, um die benötigten Lumen zu erhalten. Für einen 20 Quadratmeter großen Raum benötigen Sie etwa 3.000 Lumen.',
+  },
+  {
+    question: 'Was ist der Unterschied zwischen Lux und Lumen?',
+    answer:
+      'Lumen messen die gesamte Lichtausbeute einer Lampe. Lux messen das Licht, das tatsächlich eine Oberfläche erreicht. Ein Raum mit hohen Decken oder dunklen Wänden benötigt mehr Lumen, um denselben Lux-Wert zu erreichen, da Licht durch Entfernung und Absorption verloren geht.',
+  },
+  {
+    question: 'Sparen LED-Lampen wirklich Energie?',
+    answer:
+      'Ja. LED-Lampen erzeugen etwa 100 Lumen pro Watt, während Glühlampen nur etwa 15 erzeugen. Eine 10-Watt-LED-Lampe liefert dasselbe Licht wie eine 60-Watt-Glühlampe und verbraucht nur ein Sechstel des Stroms.',
+  },
+  {
+    question: 'Wie beeinflusst die Raumfarbe den Lichtbedarf?',
+    answer:
+      'Dunkle Wände und Decken absorbieren Licht. In einem Raum mit dunklen Oberflächen benötigen Sie möglicherweise 50 % mehr Lumen als die Standardempfehlung vorsieht.',
+  },
+  {
+    question: 'Welcher Lux-Wert ist zum Lesen geeignet?',
+    answer:
+      'Für komfortables Lesen benötigen Sie 300 bis 500 Lux auf der Seite. Die allgemeine Umgebungsbeleuchtung bietet normalerweise 150 bis 200 Lux, daher ergänzen Sie eine Arbeitsleuchte an Ihrem Lesestuhl für die zusätzliche Helligkeit.',
+  },
+  {
+    question: 'Kann ich LED-Lampen dimmen?',
+    answer:
+      'Nur, wenn sie als dimmbar gekennzeichnet sind. Standard-LEDs können flackern oder eine verkürzte Lebensdauer haben, wenn sie an einen Dimmer angeschlossen werden. Prüfen Sie immer die Verpackung auf das Dimmbar-Symbol, bevor Sie installieren.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Wählen Sie Ihren Raumtyp',
+    text: 'Wählen Sie die Raumfunktion. Küchen und Büros benötigen helleres Licht als Schlafzimmer oder Flure.',
+  },
+  {
+    name: 'Geben Sie die Abmessungen ein',
+    text: 'Geben Sie Raumbreite, -länge und Deckenhöhe ein. Der Rechner verwendet diese Werte, um den Raumindex und den Lichtausnutzungsfaktor zu bestimmen.',
+  },
+  {
+    name: 'Wählen Sie Leuchtmittelart und Anzahl',
+    text: 'Wählen Sie Ihre bevorzugte Leuchtmitteltechnologie und die Anzahl der Leuchten. Der Rechner zeigt Ihnen, ob Sie mehr Lampen benötigen.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'de',
+};
+
+export const content: ToolLocaleContent<LightingCalculatorUI> = {
+  slug,
+  title,
+  description,
+  faq: faqData,
+  bibliography,
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Kompletter Leitfaden zur Wohnraumbeleuchtung und Lumen-Planung',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Richtiges Licht verwandelt ein Haus in ein Zuhause. Über die Ästhetik hinaus beeinflusst die richtige Lichtmenge Stimmung, Produktivität und sogar die Augengesundheit. <strong>Unser Beleuchtungsrechner für Zuhause</strong> hilft Ihnen, exakt zu bestimmen, wie viele Lumen Sie für jeden Raum benötigen - unter Berücksichtigung von Raumgröße, Deckenhöhe, Oberflächenfarben und Leuchtmittelart.',
+    },
+    {
+      type: 'stats',
+      items: [
+        { value: '150-500', label: 'Empfohlener Lux-Bereich', icon: 'mdi:brightness-6' },
+        { value: '100 lm/W', label: 'LED-Effizienz', icon: 'mdi:lightbulb' },
+        { value: '80%', label: 'Wartungsfaktor', icon: 'mdi:tools' },
+      ],
+      columns: 3,
+    },
+    {
+      type: 'comparative',
+      items: [
+        {
+          title: 'Warme Ambientebeleuchtung',
+          description: 'Ideal für Wohnzimmer und Schlafzimmer. Schafft eine gemütliche Atmosphäre und reduziert abends die Augenbelastung.',
+          icon: 'mdi:weather-night',
+          points: ['150-200 lux', 'Warme Farbtemperatur (2700K)', 'Mehrere dimmbare Lichtquellen'],
+        },
+        {
+          title: 'Helle Arbeitsbeleuchtung',
+          description: 'Unverzichtbar für Küchen, Büros und Badezimmer. Bietet klare Sichtbarkeit für detailgenaue Arbeiten.',
+          icon: 'mdi:white-balance-sunny',
+          points: ['300-500 lux', 'Kaltweiß (4000K)', 'Auf Arbeitsflächen fokussiert'],
+        },
+      ],
+      columns: 2,
+    },
+    {
+      type: 'title',
+      text: 'Warum Raumabmessungen wichtig sind',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Licht breitet sich aus und schwächt sich mit der Entfernung ab. Eine Lampe, die für eine 2,5-Meter-Decke hell genug ist, kann bei einer 4-Meter-Decke zu dunkel sein. Der Rechner berücksichtigt dies mithilfe der Raumindex-Formel, die sowohl die Bodenfläche als auch die Montagehöhe berücksichtigt, um abzuschätzen, wie viel Licht tatsächlich Ihre Arbeitsebene erreicht.',
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: 'Schnelle Referenztabelle Lux Werte',
+      icon: 'mdi:table',
+      badge: 'Referenz',
+      html: '<ul style="margin:0;padding-left:1.2em"><li><strong>Wohnzimmer</strong> → 150 lux</li><li><strong>Küche</strong> → 300 lux</li><li><strong>Schlafzimmer</strong> → 100 lux</li><li><strong>Badezimmer</strong> → 200 lux</li><li><strong>Büro</strong> → 500 lux</li><li><strong>Flur</strong> → 100 lux</li></ul>',
+    },
+    {
+      type: 'summary',
+      title: 'Profihinweise für bessere Beleuchtung',
+      items: [
+        'Schichten Sie drei Lichtarten: Allgemein-, Arbeits- und Akzentbeleuchtung.',
+        'Verwenden Sie Dimmer, um die Helligkeit für verschiedene Tageszeiten anzupassen.',
+        'Wählen Sie LED-Lampen für lange Lebensdauer und geringen Energieverbrauch.',
+        'Platzieren Sie Arbeitsleuchten auf der gegenüberliegenden Seite Ihrer dominanten Hand, um Schatten zu vermeiden.',
+        'Erwägen Sie Smart-Lampen für automatisierte Zeitsteuerung und Farbtemperaturwechsel.',
+      ],
+    },
+  ],
+  ui: {
+    sectionTitle: 'Raumbeleuchtungsrechner',
+    labelRoomType: 'Raumtyp',
+    labelRoomWidth: 'Breite',
+    labelRoomLength: 'Länge',
+    labelHeight: 'Deckenhöhe',
+    labelBulbType: 'Leuchtmittel',
+    labelBulbWatt: 'Leistung',
+    labelFixtures: 'Leuchten',
+    labelAmbient: 'Ambiente',
+    btnAmbientCozy: 'Gemütlich',
+    btnAmbientNormal: 'Normal',
+    btnAmbientBright: 'Hell',
+    unitMetricRoom: 'm',
+    unitImperialRoom: 'ft',
+    unitHeight: 'm',
+    unitBulbs: 'Stk',
+    unitWatt: 'W',
+    unitLux: 'lux',
+    labelTargetLux: 'Ziel-Lux',
+    labelCurrentLux: 'Aktuell Lux',
+    labelBulbsNeeded: 'Benötigte Lampen',
+    labelRoomArea: 'Fläche',
+    statusOptimal: 'Perfekt',
+    statusInsufficient: 'Zu dunkel',
+    statusExcess: 'Zu hell',
+    btnLiving: 'Wohnen',
+    btnKitchen: 'Küche',
+    btnBedroom: 'Schlafen',
+    btnBathroom: 'Bad',
+    btnOffice: 'Büro',
+    btnHallway: 'Flur',
+    btnBulbLED: 'LED',
+    btnBulbCFL: 'ESL',
+    btnBulbHalogen: 'Halogen',
+    btnBulbIncandescent: 'Glühlampe',
+    btnMetric: 'M',
+    btnImperial: 'ft',
+    tipOptimal: 'Ihre Beleuchtung ist für diesen Raum perfekt ausbalanciert.',
+    tipInsufficient: 'Fügen Sie mehr Leuchten oder leistungsstärkere Lampen hinzu.',
+    tipExcess: 'Reduzieren Sie Leuchten oder dimmen Sie, um Energie zu sparen.',
+    labelManualAdjust: 'Manuelle Anpassung',
+    labelSummary: 'Ihr Beleuchtungsplan',
+    labelTotalLumens: 'Benötigte Gesamtlumen',
+    labelSuggestedSetup: 'Empfohlene Konfiguration',
+    btnExport: 'PDF exportieren',
+  },
+};