From 08ded1b09b35d7d87b0a5041df9ee4eb5c10e570 Mon Sep 17 00:00:00 2001
From: HarshKhandeparkar <mjkgoa@gmail.com>
Date: Wed, 10 Jun 2020 01:49:26 +0530
Subject: [PATCH] fix: hide parallax img on small screens

---
 branding/index.html   | 2 +-
 governance/index.html | 5 +++--
 index.html            | 2 +-
 swarm/index.html      | 2 +-
 tavern/index.html     | 2 +-
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/branding/index.html b/branding/index.html
index b22b110..73d014d 100644
--- a/branding/index.html
+++ b/branding/index.html
@@ -41,7 +41,7 @@
     
     <!-- globalParallax -->
     <div class="parallax" id="global-parallax">
-      <img src="../img/lbry_background_art.png" data-depth-factor="3" alt="bg-img" class="parallax-layer main-parallax-img" />
+      <img src="../img/lbry_background_art.png" data-depth-factor="3" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img" />
       <div class="parallax-mask"></div>
       <div class="parallax-bg"></div>
 
diff --git a/governance/index.html b/governance/index.html
index e61e946..db4ae9e 100644
--- a/governance/index.html
+++ b/governance/index.html
@@ -14,6 +14,7 @@
   <!-- /CSS DEPENDENCIES -->
 
   <!--CUSTOM CSS-->
+  <link rel="stylesheet" href="../lib/css/index.css">
   <link rel="stylesheet" href="../lib/css/article.css" />
   <!--/CUSTOM CSS-->
 </head>
@@ -41,14 +42,14 @@
     
     <!-- globalParallax -->
     <div class="parallax" id="global-parallax">
-      <img src="../img/article-bg.jpg" data-depth-factor="3" alt="bg-img" class="parallax-layer">
+      <img src="../img/article-bg.jpg" data-depth-factor="3" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img">
       <div class="parallax-bg"></div>
       <div class="parallax-mask"></div>
 
       <!-- globalParallaxContent -->
       <div class="parallax-content">
         <!-- jumbotron -->
-        <div class="jumbotron text-white" style="background-color: transparent;">
+        <div class="jumbotron text-white parallax-layer" data-depth-factor="4" style="background-color: transparent;">
           <div class="container text-sm-center pt-5">
             <h1 class="display-2" Ideas style="font-weight: bold;">Governance</h1>
             <p class="lead">LBRY Is Owned by Everyone (And No One)</p>
diff --git a/index.html b/index.html
index 0f000a1..a1a73f3 100644
--- a/index.html
+++ b/index.html
@@ -53,7 +53,7 @@
 
   <!-- globalParallax -->
   <div class="parallax" id="global-parallax">
-    <img src="./img/lbry_background_art.png" data-depth-factor="3" alt="bg-img" class="parallax-layer main-parallax-img" />
+    <img src="./img/lbry_background_art.png" data-depth-factor="3" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img" />
     <div class="parallax-mask"></div>
     <div class="parallax-bg"></div>
     
diff --git a/swarm/index.html b/swarm/index.html
index 59185d6..1335439 100644
--- a/swarm/index.html
+++ b/swarm/index.html
@@ -40,7 +40,7 @@
 
   <!-- globalParallax -->
   <div class="parallax" data-depth-factor="3" id="global-parallax">
-    <img src="../img/article-bg.jpg" alt="bg-img" class="parallax-layer main-parallax-img" />
+    <img src="../img/article-bg.jpg" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img" />
     <div class="parallax-mask"></div>
     <div class="parallax-bg"></div>
 
diff --git a/tavern/index.html b/tavern/index.html
index fdae27b..7acabb1 100644
--- a/tavern/index.html
+++ b/tavern/index.html
@@ -35,7 +35,7 @@
     
     <!-- globalParallax -->
     <div class="parallax" id="global-parallax">
-      <img src="../img/article-bg.jpg" data-depth-factor="3" alt="bg-img" class="parallax-layer main-parallax-img" />
+      <img src="../img/article-bg.jpg" data-depth-factor="3" alt="bg-img" class="d-xs-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img" />
       <div class="parallax-mask"></div>
       <div class="parallax-bg"></div>