diff --git a/assets/style.scss b/assets/style.scss
index 434171c..1f22ed4 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -69,7 +69,7 @@ h1 {
 figure {
 	margin: 1rem 0;
 
-	img {
+	img, video {
 		max-width: 100%;
 		display: block;
 		margin: 0 auto;
diff --git a/content/_index.md b/content/_index.md
index c3234aa..10fa7ba 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -4,8 +4,7 @@ menu:
   main:
     weight: 1
 ---
-
-{{<image src="/header.png" alt=`A router labelled "franconian.net" with a "window" to the world of rC3 and the hackspaces backspace, Hackzogtum, and Nerd2Nerd connected to it.`>}}
+{{<video mp4=`/franconia_animated.mp4` webm=`/franconia_animated.webm` alt=`A router labelled "franconian.net" with a "window" to the world of rC3 and the hackspaces backspace, Hackzogtum, and Nerd2Nerd connected to it.`>}}
 
 ## cat content/*
 
diff --git a/layouts/shortcodes/raw.html b/layouts/shortcodes/raw.html
new file mode 100644
index 0000000..98bce65
--- /dev/null
+++ b/layouts/shortcodes/raw.html
@@ -0,0 +1 @@
+{{.Inner}}
diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
new file mode 100644
index 0000000..0495972
--- /dev/null
+++ b/layouts/shortcodes/video.html
@@ -0,0 +1,7 @@
+<figure>
+  <video muted autoplay loop>
+    <source src="{{ .Get "mp4" }}" type="video/mp4">
+    <source src="{{ .Get "webm" }}" type="video/webm">
+  </video>
+  <figcaption>{{ .Get "alt" }}</figcaption>
+</figure>
diff --git a/static/franconia_animated.mp4 b/static/franconia_animated.mp4
new file mode 100644
index 0000000..ea3a20c
Binary files /dev/null and b/static/franconia_animated.mp4 differ
diff --git a/static/franconia_animated.webm b/static/franconia_animated.webm
new file mode 100644
index 0000000..a6829b1
Binary files /dev/null and b/static/franconia_animated.webm differ