aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--assets/styles.css3
-rw-r--r--assets/stylesheets/layout.hcss4
-rw-r--r--index.html9
3 files changed, 16 insertions, 0 deletions
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.