From 64bb7ff2d528da9ebb94a496099d624d33c59ccd Mon Sep 17 00:00:00 2001
From: Arona Jones <aj@aronajones.com>
Date: Wed, 15 Jul 2020 11:40:39 +0100
Subject: [PATCH] Fix homepage on mobile

---
 layouts/index.html                |   2 +-
 static/css/screen.css             |  10 ++++++++++
 favicon.ico => static/favicon.ico | Bin
 3 files changed, 11 insertions(+), 1 deletion(-)
 rename favicon.ico => static/favicon.ico (100%)

diff --git a/layouts/index.html b/layouts/index.html
index b1de25c..9f0cbf9 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -8,7 +8,7 @@
             <h3>{{ .Site.Title }}</h3>
         </header>
         <main aria-label="Content">
-            <div style="display: flex; justify-content: center; background: black; margin-left: -5vw; margin-right: -5vw; height: 100%;">
+            <div style="display: flex; justify-content: center; background: black; margin-left: -5vw; margin-right: -5vw; height: 100%;" id="homepage-container">
                 <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/diwaliball.jpg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>
diff --git a/static/css/screen.css b/static/css/screen.css
index c4553ee..1c5ede1 100644
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -206,4 +206,14 @@ nav a:hover {
         padding-left: 2em;
         border-left: 2px solid black;
     }
+    #homepage-container {
+        flex-wrap: wrap;
+    }
+    .bigimage {
+        max-height: 20vh;
+        transform: skew(0deg);
+    }
+    a.button {
+        transform: skew(0deg);
+    }
 }
diff --git a/favicon.ico b/static/favicon.ico
similarity index 100%
rename from favicon.ico
rename to static/favicon.ico