diff options
| author | Teddy Wing | 2018-11-19 01:32:26 +0100 |
|---|---|---|
| committer | Teddy Wing | 2018-11-19 06:30:07 +0100 |
| commit | c7684a1f662442d08c63b27abda3a4055d897165 (patch) | |
| tree | 0c5bf8d8c32e4073a748d9df63031d7cf7b002ca | |
| parent | 3e5cb951f2b36deeb3ef63f46fa8e6bea45f3f87 (diff) | |
| download | dome-key-web-c7684a1f662442d08c63b27abda3a4055d897165.tar.bz2 | |
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.
| -rw-r--r-- | assets/styles.css | 3 | ||||
| -rw-r--r-- | assets/stylesheets/layout.hcss | 4 | ||||
| -rw-r--r-- | index.html | 9 |
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; } @@ -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. |