mirror of
https://github.com/LBRYFoundation/lbryorg.git
synced 2025-08-23 20:47:23 +00:00
fix: hide parallax img on small screens
This commit is contained in:
parent
2d2b20ddfb
commit
08ded1b09b
5 changed files with 7 additions and 6 deletions
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue