From 5416e5ff59b7d5eb562e03973aa1fadcd3f4dce3 Mon Sep 17 00:00:00 2001
From: Arona Jones <aj@aronajones.com>
Date: Tue, 14 Jul 2020 12:37:57 +0100
Subject: [PATCH] Landing page pretty much done

---
 layouts/404.html      | 5 -----
 layouts/index.html    | 4 ++--
 layouts/writing.html  | 5 -----
 static/css/custom.css | 7 +++----
 4 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/layouts/404.html b/layouts/404.html
index 086a5c9..d98598d 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,8 +1,3 @@
----
-permalink: /404.html
-layout: default
----
-
 <style type="text/css" media="screen">
   .container {
     margin: 10px auto;
diff --git a/layouts/index.html b/layouts/index.html
index 7c2688b..d4eef3a 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -6,8 +6,8 @@
         <header>
             <h1 style="padding-top: 0.5em;">Arona Jones</h1>
         </header>
-        <main aria-label="Content" style="height: 100%">
-            <div style="display: flex; justify-content: center; background: black; margin-left: -3vw; margin-right: -3vw;">
+        <main aria-label="Content">
+            <div style="display: flex; justify-content: center; background: black; margin-left: -5vw; margin-right: -5vw; height: 100%;">
                 <div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="development"><span class="fas fa-file-code"></span> Development</a></div>
                 <div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href="writing"><span class="fas fa-pen-fancy"></span> Writing</a></div>
                 <div class="bigimage"><img class="background" src="img/1*kV4-rHsyoDl4ursB1CG72Q.jpeg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>
diff --git a/layouts/writing.html b/layouts/writing.html
index 161db04..fd74932 100644
--- a/layouts/writing.html
+++ b/layouts/writing.html
@@ -1,8 +1,3 @@
----
-layout: page
-title: Writing
-permalink: /writing/
----
 <div class="wrapper">
     <h1>Background</h1>
     <p>By all accounts, I have been an utterly voracious reader since I was able to read. This is translating into a growing love for writing, both fiction and non-fiction. My writing hero is Terry Pratchett - I hardly dare hope that my writing might one day might make people think with something approaching his level of wit and incisiveness. His work has had a huge impact on me personally, and reinforced my belief in the power of words.</p>
diff --git a/static/css/custom.css b/static/css/custom.css
index 90456fd..978c5f9 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,4 +1,4 @@
-body {
+html, body {
     width: 100%;
     height: 100%;
     font-family: helvetica, arial;
@@ -26,13 +26,12 @@ h1, .site-title {
   color: white;
   padding: 2em;
   width: 100%;
-  height: 77vh;
+  height: 100%;
   text-align: center;
-  background-size: cover;
-  background-repeat: no-repeat;
 }
 /*My kingdom for a 'backdrop-filter'!*/
 img.background {
+  object-fit: cover;
   color: black;
   width: 100%;
   height: 100%;