From 083f59f251207846eec5c703e90d7f176704dec0 Mon Sep 17 00:00:00 2001 From: Teddy Wing Date: Fri, 9 Nov 2018 22:51:50 +0100 Subject: Add 404 page Add some styles to make the "404" text gigantic and positioned appropriately. --- 404.html | 33 +++++++++++++++++++++++++++++++++ assets/styles.css | 12 ++++++++++++ assets/stylesheets/layout.hcss | 8 ++++++++ assets/stylesheets/typography.css | 8 ++++++++ 4 files changed, 61 insertions(+) create mode 100644 404.html diff --git a/404.html b/404.html new file mode 100644 index 0000000..d70ad63 --- /dev/null +++ b/404.html @@ -0,0 +1,33 @@ + + + + + 404 – DomeKey + + + + + + + +
+
+

DomeKey

+ DomeKey logo +
+ +

+ Control your computer with a pair of headphones +

+ +

+ 404 +

+ +

+ Couldn’t find what you’re looking for. How about + going home? +

+
+ + diff --git a/assets/styles.css b/assets/styles.css index a6aa1ba..60f4de8 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -19,6 +19,12 @@ h2 { .font-size-1\.52 { font-size: 1.52em; } +.font-size-15 { + font-size: 15em; +} +.text-center { + text-align: center; +} a:link { color: #b71863; } a:hover { color: #880442; } body { @@ -56,6 +62,12 @@ ul { color: #c9ccb4; text-shadow: 1px 3px 5px #230f0f; } +.margin-top-0\.5 { + margin-top: 0.5em; +} +.margin-bottom-0\.63 { + margin-bottom: 0.63em; +} .margin-bottom-1\.8 { margin-bottom: 1.8em; } diff --git a/assets/stylesheets/layout.hcss b/assets/stylesheets/layout.hcss index bd26627..9f0f1c0 100644 --- a/assets/stylesheets/layout.hcss +++ b/assets/stylesheets/layout.hcss @@ -44,6 +44,14 @@ ul { text-shadow: 1px 3px 5px DARK_CHOCOLATE; } +.margin-top-0\.5 { + margin-top: 0.5em; +} + +.margin-bottom-0\.63 { + margin-bottom: 0.63em; +} + .margin-bottom-1\.8 { margin-bottom: 1.8em; } diff --git a/assets/stylesheets/typography.css b/assets/stylesheets/typography.css index 83ebabd..aca8884 100644 --- a/assets/stylesheets/typography.css +++ b/assets/stylesheets/typography.css @@ -19,3 +19,11 @@ h2 { .font-size-1\.52 { font-size: 1.52em; } + +.font-size-15 { + font-size: 15em; +} + +.text-center { + text-align: center; +} -- cgit v1.2.3