diff --git a/assets/css/custom-styles.css b/assets/css/custom-styles.css index eb1e452..7c2866e 100644 --- a/assets/css/custom-styles.css +++ b/assets/css/custom-styles.css @@ -39,6 +39,22 @@ font-style: italic; font-weight: lighter; } + +/* Style for additional hikes details */ + +#cards { + border: 1px solid #fde5cb; + border-left-width: 0.3125rem; + border-radius: 0.3125rem 0.1875rem 0.1875rem 0.3125rem; + border-left-color: #fff; + padding: 0rem 0.9375rem 0rem 0.625rem; + margin: 0 1.25rem 0 0.3125rem; +} + +.card p { + margin: 0 5px 18px 5px; +} + /*! * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) diff --git a/deutsch.html b/deutsch.html index d6100fb..95cb4f6 100644 --- a/deutsch.html +++ b/deutsch.html @@ -6,7 +6,7 @@ language: de ---
-
+
Hello
Ciao
Bonjour
@@ -45,6 +45,14 @@


Nehmen Sie auch ausreichend Wasser mit, da es entlang der Wanderwege auf dem Salève keine Quellen gibt.

+

Zusätzliche Wanderungen

+

Manchmal organisieren wir eine zusätzlichen Treffpunkt, um den Süden des Salève fernab von der Seilbahn zu erkunden. + Nur für erfahrene Wanderer, die bereits mit uns den Salève bestiegen haben. + Einzelheiten werden 1-2 Tage im voraus hier angekündigt, je nach Wetterbedingungen. +

+ +
+
Der Verein lehnt jede Verantwortung für Unfälle ab.
@@ -59,4 +67,38 @@

var options = {'weekday': 'long', 'month': 'long', 'day': '2-digit', 'year': 'numeric'}; var date = d.toLocaleString('de-DE', options); document.getElementById('nextMeeting').innerHTML = "Nächste Wanderung: "+date.toString(); + + const scriptUrl = "https://script.google.com/macros/s/AKfycbxrDnesoYawPLQHClhvAdgQ99RgiN-gSm2uwStbYuDarsovduTptgTzfamoxxQPuR5X/exec"; + + async function loadHikes() { + const container = document.getElementById("cards"); + container.innerHTML = "

Einen Moment...

"; + + try { + const response = await fetch(scriptUrl); + const hikes = await response.json(); + + container.innerHTML = ""; + + hikes.forEach(hike => { + const card = document.createElement("div"); + card.className = "card"; + + card.innerHTML = ` +

${hike.Rdv || ""}
+ ${hike.Stops || ""}
+ ${hike.Details || ""}

+ `; + + container.appendChild(card); + }); + + } catch (err) { + console.error(err); + container.innerHTML = "

Oops.

"; + } + } + + loadHikes(); + diff --git a/english.html b/english.html index 31b5d00..0113afe 100644 --- a/english.html +++ b/english.html @@ -7,7 +7,7 @@ language: en ---
-
+
Hello
Ciao
Bonjour
@@ -42,6 +42,14 @@


Be sure to bring enough water as there are no sources along the hiking paths on the Salève.

+

Additional hikes

+

Sometimes we organise a second meet-up point to explore the south of Mont Salève, far from the cable car. + These hikes are for experienced hikers only, who have walked up the Salève with us before. + Details are announced here 1-2 days in advance, depending on weather conditions. +

+ +
+
The association declines all responsibility in the event of an accident.
@@ -56,4 +64,38 @@

var options = {'weekday': 'long', 'month': 'long', 'day': '2-digit', 'year': 'numeric'}; var date = d.toLocaleString('en-US', options); document.getElementById('nextMeeting').innerHTML = "Next hike: "+date.toString(); + + const scriptUrl = "https://script.google.com/macros/s/AKfycbxrDnesoYawPLQHClhvAdgQ99RgiN-gSm2uwStbYuDarsovduTptgTzfamoxxQPuR5X/exec"; + + async function loadHikes() { + const container = document.getElementById("cards"); + container.innerHTML = "

Loading ...

"; + + try { + const response = await fetch(scriptUrl); + const hikes = await response.json(); + + container.innerHTML = ""; + + hikes.forEach(hike => { + const card = document.createElement("div"); + card.className = "card"; + + card.innerHTML = ` +

${hike.Rdv || ""}
+ ${hike.Stops || ""}
+ ${hike.Details || ""}

+ `; + + container.appendChild(card); + }); + + } catch (err) { + console.error(err); + container.innerHTML = "

Oops.

"; + } + } + + loadHikes(); + diff --git a/espagnol.html b/espagnol.html index 3ce19d5..bbbe4e6 100644 --- a/espagnol.html +++ b/espagnol.html @@ -6,7 +6,7 @@ language: es ---
-
+
Hello
Ciao
Bonjour
@@ -43,6 +43,14 @@


Lleve también suficiente agua, ya que no hay manantiales en los senderos de la Salève.

+

Excursiones adicionales

+

En ocasiones, organizamos un segundo punto de encuentro para explorar la zona sur del Mont Salève, lejos del teleférico. + Estas excursiones son solo para excursionistas experimentados que ya hayan subido al Salève con nosotros. + Los detalles se anuncian aquí con 1-2 días de antelación, dependiendo de la previsión meteorológica. +

+ +
+
La asociación declina toda responsabilidad en caso de accidente.
@@ -56,5 +64,39 @@

} var options = {'weekday': 'long', 'month': 'long', 'day': '2-digit', 'year': 'numeric'}; var date = d.toLocaleString('es-ES', options); -document.getElementById('nextMeeting').innerHTML = "Próximo senderismo: "+date.toString(); +document.getElementById('nextMeeting').innerHTML = "Próxima excursión: "+date.toString(); + + const scriptUrl = "https://script.google.com/macros/s/AKfycbxrDnesoYawPLQHClhvAdgQ99RgiN-gSm2uwStbYuDarsovduTptgTzfamoxxQPuR5X/exec"; + + async function loadHikes() { + const container = document.getElementById("cards"); + container.innerHTML = "

Cargando ...

"; + + try { + const response = await fetch(scriptUrl); + const hikes = await response.json(); + + container.innerHTML = ""; + + hikes.forEach(hike => { + const card = document.createElement("div"); + card.className = "card"; + + card.innerHTML = ` +

${hike.Rdv || ""}
+ ${hike.Stops || ""}
+ ${hike.Details || ""}

+ `; + + container.appendChild(card); + }); + + } catch (err) { + console.error(err); + container.innerHTML = "

Oops.

"; + } + } + + loadHikes(); + diff --git a/index.html b/index.html index 5132277..3f946cb 100644 --- a/index.html +++ b/index.html @@ -45,6 +45,15 @@


Emportez également suffisament d'eau car il n'y a pas de sources le long des sentiers du Salève.

+ +

Randos alternatives

+

Parfois nous organisons un rendez-vous supplémentaire pour explorer le sud du Salève, loin du téléphérique. + Les détails sont confirmés ici 1-2 jours avant, selon la météo. Ces sorties sont + réservées aux randonneurs initiés qui sont déjà montés au Salève avec nous. +

+ +
+