From c7684a1f662442d08c63b27abda3a4055d897165 Mon Sep 17 00:00:00 2001
From: Teddy Wing
Date: Mon, 19 Nov 2018 01:32:26 +0100
Subject: index.html: Add demo video

Not committing the video files. They're only 3 & 4 megabytes each, but
that still seems a bit too much to keep in version control.

Add the video to the home page and center it in the content area. We
give it a negative margin to center it since it's wider than the
container.
---
 assets/styles.css              | 3 +++
 assets/stylesheets/layout.hcss | 4 ++++
 index.html                     | 9 +++++++++
 3 files changed, 16 insertions(+)

diff --git a/assets/styles.css b/assets/styles.css
index 8365929..f70e50b 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -142,6 +142,9 @@ ul {
 .margin-left-auto {
 	margin-left: auto;
 }
+.margin-left-neg-12\.5\% {
+	margin-left: -12.5%;
+}
 .padding-top-9 {
 	padding-top: 9px;
 }
diff --git a/assets/stylesheets/layout.hcss b/assets/stylesheets/layout.hcss
index 28c1d40..e06fc88 100644
--- a/assets/stylesheets/layout.hcss
+++ b/assets/stylesheets/layout.hcss
@@ -80,6 +80,10 @@ ul {
 	margin-left: auto;
 }
 
+.margin-left-neg-12\.5\% {
+	margin-left: -12.5%;
+}
+
 .padding-top-9 {
 	padding-top: 9px;
 }
diff --git a/index.html b/index.html
index 160db22..76397c8 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,15 @@
 			Control your computer with a pair of headphones
 		</p>
 
+		<video controls preload class="margin-left-neg-12.5%">
+			<source src="/assets/DomeKey-Screencast.mp4" type="video/mp4" />
+			<source src="/assets/DomeKey-Screencast.webm" type="video/webm" />
+
+			<p>
+				<a href="/assets/DomeKey-Screencast.mp4">Demo video</a>
+			</p>
+		</video>
+
 		<p>
 			DomeKey gives you the power to remap your headphone buttons to any action you
 			can think of. Define mappings in text using a Vim-like configuration language.
-- 
cgit v1.2.3