Fix: Remplacer info technique du globe par explication de la vague planétaire
This commit is contained in:
@@ -277,9 +277,9 @@
|
|||||||
<section id="geojson-section" class="globe-section">
|
<section id="geojson-section" class="globe-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-header" class:visible>
|
<div class="section-header" class:visible>
|
||||||
<h2>Globe avec GeoJSON</h2>
|
<h2>La Vague Planétaire de Sirius</h2>
|
||||||
<p class="section-subtitle">
|
<p class="section-subtitle">
|
||||||
Canvas 2D avec données géographiques précises
|
Visualisation de la progression du lever héliaque à travers le monde
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -292,20 +292,36 @@
|
|||||||
|
|
||||||
<div class="globe-info">
|
<div class="globe-info">
|
||||||
<div class="info-card card">
|
<div class="info-card card">
|
||||||
<h3>GeoJSON + Canvas 2D</h3>
|
<h3>Le Phénomène de la Vague</h3>
|
||||||
<p><strong>Avantages :</strong></p>
|
<p>
|
||||||
<ul>
|
Le lever héliaque de Sirius ne se produit pas simultanément sur toute la Terre.
|
||||||
<li>✅ Léger et rapide</li>
|
Tel une vague cosmique, il progresse d'Est en Ouest, touchant d'abord La Réunion
|
||||||
<li>✅ Contrôle total du rendu</li>
|
fin juin, puis traversant l'Afrique, pour finalement atteindre les Caraïbes en juillet.
|
||||||
<li>✅ Animation personnalisée de la vague</li>
|
</p>
|
||||||
<li>✅ Pas de dépendances externes</li>
|
<p>
|
||||||
</ul>
|
Cette animation montre la progression de cette "vague planétaire" qui suit
|
||||||
<p><strong>Inconvénients :</strong></p>
|
la rotation terrestre et la position de Sirius dans le ciel. Chaque lieu
|
||||||
<ul>
|
expérimente ce moment sacré à une date précise, créant un calendrier
|
||||||
<li>❌ Calculs de projection manuels</li>
|
cosmique naturel qui a guidé les civilisations pendant des millénaires.
|
||||||
<li>❌ Pas de textures satellite</li>
|
</p>
|
||||||
<li>❌ Performance limitée avec beaucoup de détails</li>
|
<div class="wave-timeline">
|
||||||
</ul>
|
<div class="timeline-entry">
|
||||||
|
<span class="date">27 Juin</span>
|
||||||
|
<span class="location">La Réunion</span>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-entry">
|
||||||
|
<span class="date">16 Juillet</span>
|
||||||
|
<span class="location">Kinshasa</span>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-entry">
|
||||||
|
<span class="date">22-23 Juillet</span>
|
||||||
|
<span class="location">Guadeloupe & Martinique</span>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-entry">
|
||||||
|
<span class="date">3 Août</span>
|
||||||
|
<span class="location">Le Caire</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -360,14 +376,36 @@
|
|||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-card ul {
|
.info-card p {
|
||||||
list-style: none;
|
margin-bottom: 1rem;
|
||||||
padding: 0;
|
line-height: 1.6;
|
||||||
margin: 0.5rem 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-card li {
|
.wave-timeline {
|
||||||
padding: 0.25rem 0;
|
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) {
|
@media (max-width: 768px) {
|
||||||
|
|||||||
Reference in New Issue
Block a user