From 252be93da9cb28e032a670047705d1ba14979379 Mon Sep 17 00:00:00 2001
From: heck <heck@pep.foundation>
Date: Wed, 3 May 2023 00:58:03 +0200
Subject: [PATCH] for the crappy phones

---
 html/index.html | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/html/index.html b/html/index.html
index 5975a92..b02e666 100644
--- a/html/index.html
+++ b/html/index.html
@@ -124,7 +124,7 @@
             position: relative;
         }
 
-        #shadertitle {
+        .shadertitle {
             position: absolute;
             display: block;
             padding: 10rem 0;
@@ -136,8 +136,28 @@
             z-index: -1;
         }
 
-        #shadersoundsystem {
+        .hidden_desktop{
+            visibility: visible;
+            display: block;
+        }
+        .hidden_mobile {
+            visibility: hidden;
+            display: none;
+        }
 
+        @media (min-width: 1000px) {
+          .hidden_desktop{
+              visibility: hidden;
+              display: none;
+          }
+          .hidden_mobile {
+              visibility: visible;
+              display: block;
+          }
+        }
+
+
+        #shadersoundsystem {
             left: 0px;
             top: 0px;
             z-index: -50;
@@ -155,7 +175,8 @@
 
 <div class="shaderhero">
     <canvas id="hecksshader"></canvas>
-    <img src="./images/02_Sub_Factory_Facebook_Banner.jpg" id="shadertitle">
+    <img src="./images/02_Sub_Factory_Facebook_Banner.jpg" class="shadertitle hidden_mobile">
+    <img src="./images/01_Sub_Factory_Flyer_A6_Web.jpg" class="shadertitle hidden_desktop">
 </div>
 <!--<img src="./images/soundsystem.svg" id="shadersoundsystem">-->