@jjlmoya/utils-nautical 1.5.0 → 1.7.0

package/src/tool/underKeel/component.astro

@@ -1,5 +1,4 @@
 ---
-import './style.css';
 import type { UnderKeelUI } from './index';
 
 interface Props {
@@ -238,3 +237,324 @@ const { ui } = Astro.props;
 
   new UnderKeelCalculator();
 </script>
+
+<style>
+  .under-keel-calculator {
+    --n-bg: #fff;
+    --n-bg-muted: #f1f5f9;
+    --n-text: #0f172a;
+    --n-text-muted: #475569;
+    --n-text-dim: #64748b;
+    --n-border: #e2e8f0;
+    --n-shadow: rgba(0, 0, 0, 0.05);
+    --n-primary: #3b82f6;
+    --n-primary-on: #fff;
+    --n-accent: #6366f1;
+    --n-cyan: #0891b2;
+    --n-success: #10b981;
+    --n-warning: #f59e0b;
+    --n-error: #f43f5e;
+    --ukc-label-size: 0.75rem;
+    --ukc-label-weight: 800;
+    --ukc-label-spacing: 0.06em;
+
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    max-width: 1000px;
+    margin: 0 auto;
+  }
+
+  :global(.theme-dark) .under-keel-calculator {
+    --n-bg: #0f172a;
+    --n-bg-muted: #1e293b;
+    --n-text: #f8fafc;
+    --n-text-muted: #94a3b8;
+    --n-text-dim: #64748b;
+    --n-border: #334155;
+    --n-shadow: rgba(0, 0, 0, 0.3);
+    --n-primary: #60a5fa;
+    --n-primary-on: #fff;
+    --n-accent: #818cf8;
+    --n-cyan: #22d3ee;
+    --n-success: #34d399;
+    --n-warning: #fbbf24;
+    --n-error: #fb7185;
+  }
+
+  .ukc-main-card {
+    background: var(--n-bg);
+    border: 1px solid var(--n-border);
+    border-radius: 2rem;
+    display: grid;
+    grid-template-columns: 320px 1fr;
+    overflow: hidden;
+    box-shadow: 0 20px 40px var(--n-shadow);
+  }
+
+  @media (max-width: 850px) {
+    .ukc-main-card {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  .ukc-calc-sidebar {
+    background: var(--n-primary);
+    color: var(--n-primary-on);
+    padding: 2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+  }
+
+  .ukc-sidebar-header h3 {
+    font-size: 1.1rem;
+    margin: 0;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    opacity: 0.9;
+  }
+
+  .ukc-input-set {
+    display: flex;
+    flex-direction: column;
+    gap: 1.2rem;
+  }
+
+  .ukc-input-block {
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+  }
+
+  .ukc-input-block label {
+    font-size: var(--ukc-label-size);
+    font-weight: var(--ukc-label-weight);
+    color: var(--n-primary-on);
+    opacity: 0.9;
+    text-transform: uppercase;
+    letter-spacing: var(--ukc-label-spacing);
+  }
+
+  .ukc-unit-input {
+    position: relative;
+    display: flex;
+    align-items: center;
+  }
+
+  .ukc-unit-input input {
+    width: 100%;
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    border-radius: 0.8rem;
+    padding: 0.7rem 2.5rem 0.7rem 1rem;
+    color: var(--n-primary-on);
+    font-size: 1rem;
+    outline: none;
+  }
+
+  .ukc-unit-input span {
+    position: absolute;
+    right: 12px;
+    font-size: 0.85rem;
+    font-weight: 700;
+    opacity: 0.6;
+  }
+
+  .ukc-hr-divider {
+    height: 1px;
+    background: rgba(255, 255, 255, 0.1);
+    margin: 0.5rem 0;
+  }
+
+  .ukc-row {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  .under-keel-calculator input[type='time'],
+  .under-keel-calculator input[type='number'] {
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    border-radius: 0.8rem;
+    padding: 0.7rem;
+    color: var(--n-primary-on);
+    font-size: 1rem;
+    outline: none;
+  }
+
+  .ukc-mini-num {
+    width: 80px;
+  }
+
+  .ukc-calc-content {
+    padding: 2.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    background: var(--n-bg-muted);
+  }
+
+  .ukc-top-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+  }
+
+  .ukc-result-display {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .ukc-result-display .label {
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: var(--n-text-muted);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  .ukc-time-range {
+    display: flex;
+    align-items: center;
+    gap: 1.5rem;
+    font-size: 3.5rem;
+    font-weight: 800;
+    color: var(--n-text);
+    line-height: 1;
+  }
+
+  .ukc-arrow-sep {
+    color: var(--n-cyan);
+    opacity: 0.4;
+  }
+
+  .ukc-status-indicator {
+    padding: 0.4rem 1.2rem;
+    border-radius: 2rem;
+    font-size: 0.9rem;
+    font-weight: 700;
+    width: fit-content;
+    background: var(--n-bg-muted);
+    color: var(--n-text-dim);
+  }
+
+  .ukc-status-indicator.success {
+    background: color-mix(in srgb, var(--n-success), transparent 80%);
+    color: var(--n-success);
+  }
+
+  .ukc-status-indicator.warning {
+    background: color-mix(in srgb, var(--n-warning), transparent 80%);
+    color: var(--n-warning);
+  }
+
+  .ukc-status-indicator.danger {
+    background: color-mix(in srgb, var(--n-error), transparent 80%);
+    color: var(--n-error);
+  }
+
+  .ukc-data-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.8rem;
+  }
+
+  .ukc-stat-pill {
+    background: var(--n-bg);
+    padding: 0.5rem 1rem;
+    border-radius: 0.8rem;
+    border: 1px solid var(--n-border);
+    display: flex;
+    justify-content: space-between;
+    gap: 2rem;
+    font-size: 0.9rem;
+  }
+
+  .ukc-stat-pill span {
+    color: var(--n-text-muted);
+    font-weight: 500;
+  }
+
+  .ukc-stat-pill strong {
+    color: var(--n-text);
+    font-weight: 700;
+  }
+
+  .ukc-visual-container {
+    background: var(--n-bg);
+    border: 1px solid var(--n-border);
+    border-radius: 1.5rem;
+    padding: 2rem;
+    height: 300px;
+    display: flex;
+    justify-content: center;
+    position: relative;
+  }
+
+  .ukc-ocean-frame {
+    width: 200px;
+    height: 100%;
+    background: var(--n-bg-muted);
+    border: 4px solid var(--n-border);
+    border-radius: 1rem;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .ukc-water-volume {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    background: linear-gradient(to top, var(--n-primary), var(--n-cyan));
+    opacity: 0.6;
+    transition: height 0.6s ease;
+  }
+
+  .ukc-surface-line {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 3px;
+    background: var(--n-cyan);
+  }
+
+  .ukc-ship-silhouette {
+    position: absolute;
+    left: 20px;
+    right: 20px;
+    height: 30px;
+    color: var(--n-text);
+    z-index: 10;
+    transition: bottom 0.6s ease;
+  }
+
+  .ukc-sand-bottom {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 40px;
+    background: color-mix(in srgb, var(--n-warning), transparent 40%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.7rem;
+    font-weight: 800;
+    color: var(--n-text);
+    letter-spacing: 0.2em;
+    z-index: 5;
+  }
+
+  @media (max-width: 640px) {
+    .ukc-time-range {
+      font-size: 2.2rem;
+    }
+
+    .ukc-top-row {
+      flex-direction: column;
+      gap: 2rem;
+    }
+  }
+</style>

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

@@ -0,0 +1,189 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { UnderKeelUI, UnderKeelLocaleContent } from '../index';
+
+const slug = 'ukc-rechner-de';
+const title = 'Kalkulator für die Kielfreiheit UKC';
+const description =
+  'Berechnen Sie das sichere Zeitfenster zum Überqueren von Untiefen, Kanälen oder tiefgangsbeschränkten Stellen. Geben Sie den Tiefgang Ihres Bootes, die Kartentiefe und Gezeitendaten ein, um das genaue sichere Durchfahrtsintervall zu erhalten.';
+
+const ui: UnderKeelUI = {
+  parametersLabel: 'Parameter',
+  boatDraftLabel: 'Tiefgang des Bootes',
+  chartDepthLabel: 'Kartentiefe',
+  safetyMarginLabel: 'Sicherheitsmarge',
+  highTideLabel: 'Hochwasser',
+  lowTideLabel: 'Niedrigwasser',
+  metersLabel: 'Meter',
+  passWindowLabel: 'Durchfahrtsfenster',
+  neededLabel: 'Benötigte Tiefe',
+  tideRequiredLabel: 'Mindestens benötigte Gezeitenhöhe',
+  statusNeverLabel: 'Keine Kielfreiheit in diesem Zyklus',
+  statusAlwaysLabel: 'Kielfreiheit während des gesamten Zyklus',
+  statusFromLabel: 'Durchfahrt ab:',
+  statusUntilLabel: 'Durchfahrt bis:',
+  bottomLabel: 'GRUND',
+  faqTitle: 'Häufig gestellte Fragen',
+  bibliographyTitle: 'Bibliografie',
+};
+
+const faq: UnderKeelLocaleContent['faq'] = [
+  {
+    question: 'Was genau ist eine Kielfreiheitsberechnung (UKC)?',
+    answer: 'Es ist die Berechnung des Zeitpunkts, an dem an einer kritischen Stelle (z. B. einer Sandbank oder einem engen Kanal) genügend Tiefe vorhanden ist, um eine sichere Durchfahrt eines Schiffes entsprechend seinem Tiefgang zu ermöglichen.',
+  },
+  {
+    question: 'Welche Sicherheitsmarge wird empfohlen?',
+    answer: 'Für Sportboote wird in der Regel eine Mindestsicherheitsmarge zwischen 0,5 und 1 Meter über dem Tiefgang des Bootes empfohlen. Diese Marge kompensiert mögliche Fehler bei Gezeitenberechnungen, Luftdruckschwankungen oder unerwarteten Seegang.',
+  },
+  {
+    question: 'Wie beeinflusst Seegang die Kielfreiheit?',
+    answer: 'Seegang erzeugt vertikale Schwingungen im Rumpf. Am tiefsten Punkt der Welle ist das Boot dem Boden näher als in Ruhe. Beim Durchfahren von Gebieten mit Seegang muss die Sicherheitsmarge erheblich erhöht werden.',
+  },
+  {
+    question: 'Was ist die in der Karte angegebene Tiefe (Kartentiefe)?',
+    answer: 'Es ist die minimale Tiefe an einem Punkt, wenn die Gezeitenhöhe bei Kartennull liegt. Sie wird zur aktuellen Gezeitenhöhe addiert, um die gesamte verfügbare Tiefe zu erhalten.',
+  },
+  {
+    question: 'Was bedeutet eine unterstrichene Tiefenangabe in der Seekarte?',
+    answer: 'Es bedeutet, dass diese Stelle bei Kartennull trockenfällt. Sie benötigen eine entsprechende Gezeitenhöhe, um darüber hinwegfahren zu können.',
+  },
+  {
+    question: 'Was ist der Squat-Effekt und wie verändert er die Durchfahrt?',
+    answer: 'Es ist ein hydrodynamisches Phänomen, bei dem ein Schiff, das durch flache Kanäle fährt, dazu neigt, tiefer relativ zu seiner Wasserlinie einzusinken. Je schneller man fährt, desto mehr nimmt der dynamische Tiefgang zu und desto weniger Wasser hat man unter dem Kiel.',
+  },
+];
+
+const howTo: UnderKeelLocaleContent['howTo'] = [
+  {
+    name: 'Tiefgang und Sicherheitsmarge festlegen',
+    text: 'Messen Sie den Tiefgang Ihres Bootes am tiefsten Punkt und addieren Sie eine vorsorgliche Sicherheitsmarge (z. B. 0,5 m).',
+  },
+  {
+    name: 'Kartentiefe nachschlagen',
+    text: 'Suchen Sie die Tiefenangabe für die kritische Stelle, die Sie befahren möchten. Beachten Sie, ob es sich um ein sandiges oder felsiges Gebiet handelt.',
+  },
+  {
+    name: 'Gezeitendaten eingeben',
+    text: 'Verwenden Sie die Zeiten und Höhen von Hoch- und Niedrigwasser aus dem nächsten offiziellen Gezeitenkalender.',
+  },
+  {
+    name: 'Durchfahrtsfenster prüfen',
+    text: 'Das Tool zeigt das genaue Zeitintervall an, in dem Sie über genügend Tiefe für eine sichere Navigation verfügen.',
+  },
+];
+
+const bibliography: UnderKeelLocaleContent['bibliography'] = [
+  {
+    name: 'Ministerio de Transportes - Recreational Boating',
+    url: 'https://www.mitma.gob.es/marina-mercante/nautica-de-recreo/',
+  },
+  {
+    name: 'Portos de Galicia - Tide Tables',
+    url: 'https://portosdegalicia.gal/es/taboa-de-mareas',
+  },
+];
+
+const seo: UnderKeelLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Kielfreiheit: Sicher über Untiefen navigieren',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Die Planung einer Durchfahrt endet nicht mit dem Zeichnen eines Kurses in der Karte. Für den Küstennavigator ist eine der kritischsten Berechnungen die <strong>Kielfreiheit (Under-Keel Clearance)</strong>: zu wissen, zu welcher Zeit genügend Tiefe vorhanden ist, um eine kritische Stelle ohne Grundberührung zu passieren.',
+  },
+  {
+    type: 'title',
+    text: 'Was ist die Kartentiefe und wie hängt sie mit der Gezeit zusammen?',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'In Seekarten beziehen sich Tiefenangaben (Soundings) auf <strong>Kartennull (Chart Datum)</strong>. Dieses Niveau ist per Konvention der niedrigste Stand, den die Gezeiten unter normalen Bedingungen erreichen. Die tatsächliche Tiefe, die Ihr Boot zu einem bestimmten Zeitpunkt vorfindet, ist die Summe aus dieser Tiefenangabe plus der Gezeitenhöhe zu diesem Zeitpunkt.',
+  },
+  {
+    type: 'title',
+    text: 'Die Elemente der Berechnung: Tiefgang und Marge',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Um den Kielfreiheitsrechner professionell zu nutzen, müssen Sie zwei technische Details über Ihr Boot kennen und eine persönliche Entscheidung treffen:',
+  },
+  {
+    type: 'list',
+    items: [
+      '<strong>Maximaler Tiefgang:</strong> Die Tiefe, die der tiefste Punkt des Bootes (der Kiel) bei voller Beladung erreicht.',
+      '<strong>Kartentiefe:</strong> Die Zahl in der Seekarte für den Punkt, den Sie überqueren möchten. Wenn unterstrichen, fällt die Stelle bei Kartennull trocken.',
+      '<strong>Sicherheitsmarge:</strong> Zusätzliche Freigabe von mindestens 0,5 bis 1 Meter über dem Tiefgang.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Wie funktioniert das Durchfahrtsfenster?',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Der Rechner ermittelt den genauen Zeitpunkt, an dem der Wasserstand über Ihren Tiefgang plus der gewählten Sicherheitsmarge steigt. Ab dieser Minute öffnet sich das <strong>Durchfahrtsfenster</strong>. Wenn die Gezeit abläuft (Ebbe), zeigt das Tool an, bis zu welcher Zeit die Durchfahrt erlaubt ist, bevor der Wasserstand unter Ihr Sicherheitslimit sinkt.',
+  },
+  {
+    type: 'title',
+    text: 'Faktoren, die die tatsächliche Durchfahrt beeinflussen',
+    level: 3,
+  },
+  {
+    type: 'table',
+    headers: ['Faktor', 'Effekt', 'Empfehlung'],
+    rows: [
+      ['<strong>Seegang</strong>', 'Verringert das Wasser unter dem Rumpf', 'Sicherheitsmarge deutlich erhöhen'],
+      ['<strong>Squat-Effekt</strong>', 'Erhöht den Tiefgang durch Sogwirkung', 'Geschwindigkeit an kritischen Stellen reduzieren'],
+      ['<strong>Sandiger Grund</strong>', 'Tiefe variabel durch Stürme', 'Echolot aktiv halten und Extra-Marge einplanen'],
+    ],
+  },
+  {
+    type: 'tip',
+    title: 'Navigationstipp',
+    html: 'Wenn Ihr Durchfahrtsfenster sehr schmal ist oder sich das Wetter verschlechtert, ist es meist die klügste Entscheidung, draußen im tiefen Wasser zu warten, bis die Gezeit die erforderliche Höhe erreicht hat.',
+  },
+];
+
+const schemas: UnderKeelLocaleContent['schemas'] = [
+  {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilityApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  } as WithContext<SoftwareApplication>,
+  {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+      '@type': 'Question',
+      name: item.question,
+      acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+  } as WithContext<FAQPage>,
+  {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: `Benutzung: ${title}`,
+    step: howTo.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+  } as WithContext<HowTo>,
+];
+
+export const content: UnderKeelLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas,
+};

package/src/tool/underKeel/i18n/en.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { UnderKeelUI, UnderKeelLocaleContent } from '../index';
 
 const slug = 'under-keel-clearance-calculator';
-const title = 'Under-Keel Clearance Calculator';
+const title = 'Under Keel Clearance Calculator';
 const description =
   'Calculate the safe time window to cross bars, channels or draft-restricted points. Enter your boat draft, chart depth and tidal data to get the exact safe passage interval.';
 
@@ -86,7 +86,7 @@ const bibliography: UnderKeelLocaleContent['bibliography'] = [
 const seo: UnderKeelLocaleContent['seo'] = [
   {
     type: 'title',
-    text: 'Under-Keel Clearance: Navigating Safely Over Shoals',
+    text: 'Under Keel Clearance: Navigating Safely Over Shoals',
     level: 2,
   },
   {

package/src/tool/underKeel/i18n/fr.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { UnderKeelUI, UnderKeelLocaleContent } from '../index';
 
 const slug = 'calculateur-passage-haut-fond';
-const title = 'Calculateur de Passage sur Haut-Fond';
+const title = 'Calculateur de Passage sur Haut Fond';
 const description =
   "Calculez la feneˆtre de temps sure pour franchir des barres, chenaux ou points a tirant d'eau restreint. Entrez le tirant d'eau de votre bateau, la sonde de la carte et les donnees de maree pour obtenir l'intervalle de passage sur.";
 
@@ -86,7 +86,7 @@ const bibliography: UnderKeelLocaleContent['bibliography'] = [
 const seo: UnderKeelLocaleContent['seo'] = [
   {
     type: 'title',
-    text: 'Passage sur Haut-Fond : Naviguer en Securite au-dessus des Obstacles',
+    text: 'Passage sur Haut Fond : Naviguer en Securite au-dessus des Obstacles',
     level: 2,
   },
   {