Add Peertube module

content/dates/2022-10-11-MatinaleOzK.md

@@ -12,3 +12,19 @@ Matinale Musicale de 7:00 à 8:00 place Charles Hernu à Charpennes, sur une id
 Égayer la journée des étudiants et des travailleurs passant par le Charpennes un matin en semaine.
 > Mais quelle idée de merde...
 
+{{<load-photoswipe>}}
+
+### Photos
+{{< gallery >}}
+  {{<figure src="/images/2022-10-11/20221011_073144.jpg">}}
+  {{<figure src="/images/2022-10-11/20221011_073424.jpg">}}
+  {{<figure src="/images/2022-10-11/20221011_075118.jpg">}}
+  {{<figure src="/images/2022-10-11/20221011_075123.jpg">}}
+  {{<figure src="/images/2022-10-11/20221011_075127.jpg">}}
+  {{<figure src="/images/2022-10-11/20221011_075131.jpg">}}
+  {{<figure src="/images/2022-10-11/20221011_075140.jpg">}}
+{{< /gallery >}}
+
+## Vidéo
+{{< peertube src="https://tube.pustule.org/videos/embed/7c3bd887-bf16-4acd-bc6b-baa581311b87?warningTitle=0&p2p=0" >}}
+

layouts/shortcodes/leaflet-map.html

@@ -1,30 +0,0 @@
-{{ if .IsNamedParams }}
-
-{{ $mapLat := default "" (.Get "mapLat") }}
-{{ $mapLon := default "" (.Get "mapLon") }}
-{{ $zoom := default "13" (.Get "zoom") }}
-{{ $mapWidth := default "100%" (.Get "mapWidth") }}
-{{ $mapHeight := default "400px" (.Get "mapHeight") }}
-{{ $mapId := default (md5 (printf "%s%s" $mapLat $mapLon)) (.Get "mapId") }}
-{{ $scrollWheelZoom := default "true" (.Get "scrollWheelZoom") }}
-
-<!--Container-->
-<div id='mapid_{{ $mapId }}' class="leaflet-map" style='width: {{ $mapWidth }}; height: {{ $mapHeight}};'></div>
-
-<script>
-    //Create Map
-    leafletMapsObj[{{ $mapId }}] = L.map('mapid_{{ $mapId }}').setView([{{ $mapLat }}, {{ $mapLon }}], {{ $zoom }});
-    {{ if eq $scrollWheelZoom "false" }}
-        leafletMapsObj[{{ $mapId }}].scrollWheelZoom.disable();
-    {{ end }}
-    //Add tiles
-    L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-    }).addTo(leafletMapsObj[{{ $mapId }}]);
-
-</script>
-{{.Inner}}
-
-{{ else }}
-{{ errorf "Leaflet Hugo Shortcode: please provide named Parameters" }}
-{{ end }}

layouts/shortcodes/leaflet-marker.html

@@ -1,32 +0,0 @@
-{{ if .IsNamedParams }}
-
-{{ $markerLat := default "" (.Get "markerLat") }}
-{{ $markerLon := default "" (.Get "markerLon") }}
-{{ $markerContent := default "" (.Get "markerContent") }}
-
-    {{ with .Parent }}
-
-        {{ $mapLat := default "" (.Get "mapLat") }}
-        {{ $mapLon := default "" (.Get "mapLon") }}
-        {{ $mapId := default (md5 (printf "%s%s" $mapLat $mapLon)) (.Get "mapId") }}
-        {{ $markerId := md5 (printf "%s%s%s" $mapId $markerLat $markerLon)}}
-
-        <script>
-            //Marker
-            leafletMarkersObj[{{ $markerId }}] = L.marker([{{ $markerLat }}, {{ $markerLon }}]).addTo(leafletMapsObj[{{ $mapId }}]);
-
-            {{ if $markerContent }}
-                leafletMarkersObj[{{ $markerId }}].bindPopup("{{ $markerContent }}").openPopup();
-            {{ end }}
-        </script>
-
-    {{ else }}
-    {{ errorf "Leaflet Hugo Shortcode: impossible using marker outside leaflet-map" }}
-    {{ end }}
-
-{{ else }}
-{{ errorf "Leaflet Hugo Shortcode: please provide named Parameters for marker" }}
-{{ end }}
-
-
-

layouts/shortcodes/peertube.html

@@ -0,0 +1,5 @@
+<figure {{ with .Get "class" }}class="{{ . }}"{{ end }}>
+  <div class="video_wrapper">
+    {{ with .Get "src" }}<iframe width="100%" height="100%" src={{ . }} frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>{{ end }}
+  </div>
+</figure>

static/css/hugo-easy-gallery.css

@@ -155,5 +155,4 @@ figcaption styles
 }
 figcaption p {
     margin: auto; /* override style in theme */
-}
-
+}

static/css/ozk.css

@@ -23,4 +23,17 @@ img[alt=LogoAbout] {
   font-style: italic;
   margin-top: -20px;
   margin-bottom: 30px;
+}
+
+.video_wrapper {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
+}
+  
+iframe{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
 }