feat: Ajout du monitoring d'énergie

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

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.
 

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 }}
+<table class="monitoring">
+  <tr>
+    <th colspan="3">Production Greyzolon Duluth</th>
+  </tr>
+  <tr>
+    <td>Energie du jour<strong>{{ lang.NumFmt 2 (div $lastDayData 1000) "- . ," }} kWh</strong></td>
+    <td>Energie du mois<strong>{{ lang.NumFmt 2 (div $lastMonthData 1000000) "- . ," }} MWh</strong></td>
+    <td>Production totale<strong>{{ lang.NumFmt 2 (div $lifeTimeData 1000000) "- . ," }} MWh</strong></td>
+  </tr>
+  <tr>
+    <td class="date" colspan="3">{{ $json.overview.lastUpdateTime | time.Format ":date_medium" }}</td>
+  </tr>
+</table>

layouts/shortcodes/monitoring.html

@@ -0,0 +1 @@
+{{ partial "monitoring.html" . }}