From 283ab33cdc44abb8673de4730c5b2f45b0169767 Mon Sep 17 00:00:00 2001
From: Roxie Gibson <me@roxxers.xyz>
Date: Wed, 13 Oct 2021 00:35:31 +0100
Subject: [PATCH] added octopuses for mobile

---
 .../sophie-lewis/layouts/partials/header.html  |  2 +-
 .../sophie-lewis/layouts/partials/octocss.html | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/themes/sophie-lewis/layouts/partials/header.html b/themes/sophie-lewis/layouts/partials/header.html
index 80e0cb8..1c5ddf5 100644
--- a/themes/sophie-lewis/layouts/partials/header.html
+++ b/themes/sophie-lewis/layouts/partials/header.html
@@ -1,4 +1,4 @@
-<div class="hero header">
+<div class="hero header octopus-mobile">
   <div class="hero-body">
     <a href="/">
       <p class="title is-size-0">
diff --git a/themes/sophie-lewis/layouts/partials/octocss.html b/themes/sophie-lewis/layouts/partials/octocss.html
index b0fe98a..9bc158b 100644
--- a/themes/sophie-lewis/layouts/partials/octocss.html
+++ b/themes/sophie-lewis/layouts/partials/octocss.html
@@ -5,5 +5,23 @@
   background-repeat: no-repeat;
   background-size: contain;
 }
+@media all and (max-width: 1023px) {
+  .octopus-mobile::before { 
+    background-image: url('{{ $octo_url }}');
+    background-repeat: no-repeat;
+    background-size: 40%;
+    background-position: 100%;
+    opacity: 60%;
+    content:"";
+    position:absolute;
+    top:-60%;
+    bottom:0;
+    right:0;
+    left:0;
+    width:auto;
+    height:auto;
+    z-index:-3;
+  }
+}
 
 </style>
\ No newline at end of file