Landing page pretty much done

layouts/404.html

@@ -1,8 +1,3 @@
----
-permalink: /404.html
-layout: default
----
-
 <style type="text/css" media="screen">
   .container {
     margin: 10px auto;

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>

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>

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%;