diff --git a/src/components/GlobeGeoJSON.svelte b/src/components/GlobeGeoJSON.svelte index 9105a2e..88dd047 100644 --- a/src/components/GlobeGeoJSON.svelte +++ b/src/components/GlobeGeoJSON.svelte @@ -277,9 +277,9 @@
-

Globe avec GeoJSON

+

La Vague Planétaire de Sirius

- Canvas 2D avec données géographiques précises + Visualisation de la progression du lever héliaque à travers le monde

@@ -292,20 +292,36 @@
-

GeoJSON + Canvas 2D

-

Avantages :

-
    -
  • ✅ Léger et rapide
  • -
  • ✅ Contrôle total du rendu
  • -
  • ✅ Animation personnalisée de la vague
  • -
  • ✅ Pas de dépendances externes
  • -
-

Inconvénients :

-
    -
  • ❌ Calculs de projection manuels
  • -
  • ❌ Pas de textures satellite
  • -
  • ❌ Performance limitée avec beaucoup de détails
  • -
+

Le Phénomène de la Vague

+

+ Le lever héliaque de Sirius ne se produit pas simultanément sur toute la Terre. + Tel une vague cosmique, il progresse d'Est en Ouest, touchant d'abord La Réunion + fin juin, puis traversant l'Afrique, pour finalement atteindre les Caraïbes en juillet. +

+

+ Cette animation montre la progression de cette "vague planétaire" qui suit + la rotation terrestre et la position de Sirius dans le ciel. Chaque lieu + expérimente ce moment sacré à une date précise, créant un calendrier + cosmique naturel qui a guidé les civilisations pendant des millénaires. +

+
+
+ 27 Juin + La Réunion +
+
+ 16 Juillet + Kinshasa +
+
+ 22-23 Juillet + Guadeloupe & Martinique +
+
+ 3 Août + Le Caire +
+
@@ -360,14 +376,36 @@ margin-bottom: 1rem; } - .info-card ul { - list-style: none; - padding: 0; - margin: 0.5rem 0; + .info-card p { + margin-bottom: 1rem; + line-height: 1.6; } - .info-card li { - padding: 0.25rem 0; + .wave-timeline { + margin-top: 1.5rem; + display: flex; + flex-direction: column; + gap: 0.75rem; + } + + .timeline-entry { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.5rem 1rem; + background: rgba(255, 215, 0, 0.1); + border-radius: 8px; + border-left: 3px solid var(--color-primary); + } + + .timeline-entry .date { + font-weight: 600; + color: var(--color-primary); + } + + .timeline-entry .location { + color: var(--color-light); + } } @media (max-width: 768px) {