From 4d50cae13269b81c9172eeb7d270ec94be5d76d8 Mon Sep 17 00:00:00 2001
From: manetta <mail@manettaberends.nl>
Date: Fri, 18 Sep 2020 17:05:29 +0200
Subject: [PATCH] using a video tag for the video's

---
 content/Section 1 - Digital Infrapuncture/2-question-1.md | 4 +++-
 content/Section 1 - Digital Infrapuncture/3-question-2.md | 4 +++-
 content/Section 1 - Digital Infrapuncture/4-question-3.md | 4 +++-
 content/Section 1 - Digital Infrapuncture/5-question-4.md | 4 +++-
 content/Section 1 - Digital Infrapuncture/6-question-5.md | 4 +++-
 themes/default/static/css/main.css                        | 5 +++--
 6 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/content/Section 1 - Digital Infrapuncture/2-question-1.md b/content/Section 1 - Digital Infrapuncture/2-question-1.md
index 3fd3f65..7a9931e 100644
--- a/content/Section 1 - Digital Infrapuncture/2-question-1.md	
+++ b/content/Section 1 - Digital Infrapuncture/2-question-1.md	
@@ -2,4 +2,6 @@ Title: Question 1: What are digital infrapunctures?
 Slug: 02-s1-question-1
 Date: 2020-11-01 12:01
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/o7u8nUFH6C0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<video controls>
+	<source src="https://vvvvvvaria.org/archive/2018-02-16-Extratonality/dennis-not-supercut-yet.mp4" type="video/mp4">
+</video>
\ No newline at end of file
diff --git a/content/Section 1 - Digital Infrapuncture/3-question-2.md b/content/Section 1 - Digital Infrapuncture/3-question-2.md
index b965e31..3dce5f0 100644
--- a/content/Section 1 - Digital Infrapuncture/3-question-2.md	
+++ b/content/Section 1 - Digital Infrapuncture/3-question-2.md	
@@ -2,4 +2,6 @@ Title: Question 2: How do we identify stress points in digital infrastructures?
 Slug: 03-s1-question-2
 Date: 2020-11-01 12:02
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/o7u8nUFH6C0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<video>
+	<source src="https://vvvvvvaria.org/archive/2018-02-16-Extratonality/dennis-not-supercut-yet.mp4" type="video/mp4">
+</video>
\ No newline at end of file
diff --git a/content/Section 1 - Digital Infrapuncture/4-question-3.md b/content/Section 1 - Digital Infrapuncture/4-question-3.md
index 43e7ee5..8dd1ad3 100644
--- a/content/Section 1 - Digital Infrapuncture/4-question-3.md	
+++ b/content/Section 1 - Digital Infrapuncture/4-question-3.md	
@@ -2,4 +2,6 @@ Title: Question 3: Who can create infrapunctures?
 Slug: 04-s1-question-3
 Date: 2020-11-01 12:03
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/o7u8nUFH6C0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<video>
+	<source src="https://vvvvvvaria.org/archive/2018-02-16-Extratonality/dennis-not-supercut-yet.mp4" type="video/mp4">
+</video>
\ No newline at end of file
diff --git a/content/Section 1 - Digital Infrapuncture/5-question-4.md b/content/Section 1 - Digital Infrapuncture/5-question-4.md
index bee1761..8bba1e6 100644
--- a/content/Section 1 - Digital Infrapuncture/5-question-4.md	
+++ b/content/Section 1 - Digital Infrapuncture/5-question-4.md	
@@ -2,4 +2,6 @@ Title: Question 4: Could you expand on the analogy of acupuncture in relation to
 Slug: 05-s1-question-4
 Date: 2020-11-01 12:04
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/o7u8nUFH6C0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<video>
+	<source src="https://vvvvvvaria.org/archive/2018-02-16-Extratonality/dennis-not-supercut-yet.mp4" type="video/mp4">
+</video>
\ No newline at end of file
diff --git a/content/Section 1 - Digital Infrapuncture/6-question-5.md b/content/Section 1 - Digital Infrapuncture/6-question-5.md
index 7cc9d75..16d546a 100644
--- a/content/Section 1 - Digital Infrapuncture/6-question-5.md	
+++ b/content/Section 1 - Digital Infrapuncture/6-question-5.md	
@@ -2,4 +2,6 @@ Title: Question 5: Could you give some examples of infrapunctural interventions?
 Slug: 06-s1-question-5
 Date: 2020-11-01 12:05
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/o7u8nUFH6C0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<video>
+	<source src="https://vvvvvvaria.org/archive/2018-02-16-Extratonality/dennis-not-supercut-yet.mp4" type="video/mp4">
+</video>
\ No newline at end of file
diff --git a/themes/default/static/css/main.css b/themes/default/static/css/main.css
index a8be609..1f1f5aa 100644
--- a/themes/default/static/css/main.css
+++ b/themes/default/static/css/main.css
@@ -155,9 +155,10 @@ hr{
 	margin:3em auto;
 }
 
-img{
+img,
+video{
 	width: calc(100% + 6em);
-	margin: 1em 0 1em -3em;
+	margin: 2em 0 2em -3em;
 }
 
 .lastupdate{