From ecb99ac71125ade7e7d6aa59e62921a10c541641 Mon Sep 17 00:00:00 2001
From: Paul Mougin <paul.mougin@gmx.com>
Date: Wed, 12 Oct 2022 12:07:13 +0200
Subject: [PATCH] Add Peertube module

---
 content/dates/2022-10-11-MatinaleOzK.md |  2 ++
 layouts/shortcodes/peertube.html        |  5 +++++
 static/css/ozk.css                      | 13 +++++++++++++
 3 files changed, 20 insertions(+)
 create mode 100644 layouts/shortcodes/peertube.html

diff --git a/content/dates/2022-10-11-MatinaleOzK.md b/content/dates/2022-10-11-MatinaleOzK.md
index 644d45e..e5fee09 100644
--- a/content/dates/2022-10-11-MatinaleOzK.md
+++ b/content/dates/2022-10-11-MatinaleOzK.md
@@ -25,4 +25,6 @@ Matinale Musicale de 7:00 à 8:00 place Charles Hernu à Charpennes, sur une id
   {{<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" >}}
 
diff --git a/layouts/shortcodes/peertube.html b/layouts/shortcodes/peertube.html
new file mode 100644
index 0000000..5764895
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/static/css/ozk.css b/static/css/ozk.css
index 3cbd7ca..1ac7200 100644
--- a/static/css/ozk.css
+++ b/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%;
 }
\ No newline at end of file