diff --git a/assets/css/main.sass b/assets/css/main.sass index e0bcb5e..1973506 100644 --- a/assets/css/main.sass +++ b/assets/css/main.sass @@ -85,6 +85,42 @@ a &:hover background: $color-secondary +.monitoring + text-align: center + border-collapse: collapse + margin: 0 auto + background: $color-primary + color: white + width: 100% + border-top: 1px solid white + + .date + background: white + color: $color-primary + font-size: .8rem + padding: .4rem + text-align: right + font-style: italic + + + td + border: 1px solid white + padding: 1rem + + th + border-right: 1px solid white + + strong + display: block + + @media screen and (max-width: 839px) + margin-left: calc(-1rem + 1px) + font-size: .8rem + min-width: calc(100% + 2rem - 1px) + max-width: calc(100% + 2rem - 1px) + + td + padding: .5rem // NAV // #content diff --git a/content/_index.md b/content/_index.md index 8def257..e7c60e6 100644 --- a/content/_index.md +++ b/content/_index.md @@ -3,14 +3,15 @@ title: Les Toits du Val, pour une transition énergétique ! seo_title: "Accueil" --- +{{< monitoring >}} + « Les Toits du Val » a été créé par un groupe de citoyens du territoire sensible **aux enjeux écologiques**. La transition énergétique tarde à se concrétiser et nous voulons soutenir un modèle de **société durable**, qui ne compromette pas la qualité de vie des générations futures : > **La transition énergétique, c'est maintenant !** - ## Comment ? Par l'installation de panneaux photovoltaïques -Nous souhaitons faire installer des **panneaux photovoltaïques** sur des toitures publiques ou privées. Nous nous occupons de trouver les toitures, d'acheter des panneaux, d'identifier des professionnels sérieux afin d'assurer les travaux et la maintenance des installations. +Nous souhaitons faire installer des **panneaux photovoltaïques** sur des toitures publiques ou privées. Nous nous occupons de trouver les toitures, d'acheter des panneaux, d'identifier des professionnels sérieux afin d'assurer les travaux et la maintenance des installations comme nous l'avons fait sur la salle Greyzolon Duluth. Nous mettons en place un ensemble d'actions afin de [financer l'investissement (achat de parts sociales, demandes de subventions, prêts bancaires)](/financements/). Nous agissons en qualité de **citoyens bénévoles**, seulement motivés par la transition énergétique de notre territoire. diff --git a/layouts/partials/monitoring.html b/layouts/partials/monitoring.html new file mode 100644 index 0000000..5fa7e50 --- /dev/null +++ b/layouts/partials/monitoring.html @@ -0,0 +1,17 @@ +{{ $json := getJSON "https://monitoringapi.solaredge.com/site/2516130/overview?api_key=GVF1BZAAM74IRDZ2WRWT32A5V0CY9G4Z&format=json" }} +{{ $lastDayData := $json.overview.lastDayData.energy }} +{{ $lastMonthData := $json.overview.lastMonthData.energy }} +{{ $lifeTimeData := $json.overview.lifeTimeData.energy }} + + + + + + + + + + + + +
Production Greyzolon Duluth
Energie du jour{{ lang.NumFmt 2 (div $lastDayData 1000) "- . ," }} kWhEnergie du mois{{ lang.NumFmt 2 (div $lastMonthData 1000000) "- . ," }} MWhProduction totale{{ lang.NumFmt 2 (div $lifeTimeData 1000000) "- . ," }} MWh
{{ $json.overview.lastUpdateTime | time.Format ":date_medium" }}
diff --git a/layouts/shortcodes/monitoring.html b/layouts/shortcodes/monitoring.html new file mode 100644 index 0000000..78c3493 --- /dev/null +++ b/layouts/shortcodes/monitoring.html @@ -0,0 +1 @@ +{{ partial "monitoring.html" . }}