From 023bde7ee161174256a92316e08cfe0a75be510c Mon Sep 17 00:00:00 2001
From: HarshKhandeparkar <mjkgoa@gmail.com>
Date: Tue, 9 Jun 2020 01:52:11 +0530
Subject: [PATCH] feat: better overall looks with fluid containers and
 box-shadow

---
 branding/index.html   | 4 ++--
 governance/index.html | 4 ++--
 index.html            | 4 ++--
 lib/css/index.css     | 8 ++++----
 swarm/index.html      | 4 ++--
 tavern/index.html     | 4 ++--
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/branding/index.html b/branding/index.html
index 2264fca..a86992d 100644
--- a/branding/index.html
+++ b/branding/index.html
@@ -59,7 +59,7 @@
         </div>
         <!-- /jumbotron -->
 
-        <div class="container above-parallax" style="border-radius: 1rem 1rem 0 0;">
+        <div class="container-fluid above-parallax">
           <div class="row">
             <div class="col">
               Asset List
@@ -78,7 +78,7 @@
         </div>
 
         <!-- footer -->
-        <div class="container above-parallax">
+        <div class="container-fluid above-parallax">
           <div class="row py-3">
             <div class="col-md-7">
               <ul class="nav">
diff --git a/governance/index.html b/governance/index.html
index 1372ec3..7ce0dc1 100644
--- a/governance/index.html
+++ b/governance/index.html
@@ -56,7 +56,7 @@
         </div>
         <!-- /jumbotron -->
 
-        <div class="container above-parallax" style="border-radius: 1rem 1rem 0 0;">
+        <div class="container-fluid above-parallax">
           <h1>LBRY is Owned by:</h1>
           <ol>
             <li>You</li>
@@ -67,7 +67,7 @@
         </div>
 
         <!-- footer -->
-        <div class="container above-parallax">
+        <div class="container-fluid above-parallax">
           <div class="row py-3">
             <div class="col-md-7">
               <ul class="nav">
diff --git a/index.html b/index.html
index d51e11f..0f74a25 100644
--- a/index.html
+++ b/index.html
@@ -72,7 +72,7 @@
       </div>
       <!-- /jumbotron -->
 
-      <div class="container pt-4 above-parallax" style="border-radius: 1rem 1rem 0 0;">
+      <div class="container-fluid pt-4 above-parallax">
         <!-- about -->
         <div id="about" class="row">
           <div class="col-lg order-lg-1">
@@ -164,7 +164,7 @@
       </div>
 
       <!-- footer -->
-      <div class="container above-parallax">
+      <div class="container-fluid above-parallax">
         <div class="row py-3">
           <div class="col-md-7">
             <ul class="nav">
diff --git a/lib/css/index.css b/lib/css/index.css
index 7b2e50d..e11c466 100644
--- a/lib/css/index.css
+++ b/lib/css/index.css
@@ -52,8 +52,8 @@ html {
 }
 
 .parallax .above-parallax {
-  /* box-shadow: rgba(0, 0, 0, 0.7) 0 0 0.1rem; */
-  background: rgba(10, 50, 80, 0.8);
+  box-shadow: rgba(0, 0, 0, 0.6) 0 0 1rem;
+  background: rgba(5, 20, 40, 0.93);
   color: white;
   padding: 2rem;
   z-index: 100;
@@ -74,8 +74,8 @@ html {
 
 #global-parallax .parallax-mask {
   position: fixed;
-  background-color: rgb(20, 80, 150);
-  opacity: 0.3;
+  background-color: rgb(20, 120, 200);
+  opacity: 0.35;
 }
 
 #global-parallax .parallax-bg {
diff --git a/swarm/index.html b/swarm/index.html
index a74aed8..60d60e3 100644
--- a/swarm/index.html
+++ b/swarm/index.html
@@ -57,7 +57,7 @@
       <!-- /jumbotron -->
 
       <div class="article-clean">
-        <div class="container above-parallax" style="border-radius: 1rem 1rem 0 0;">
+        <div class="container-fluid above-parallax">
           <div class="row">
             <div class="col-lg-10 col-xl-8 offset-md-0 offset-lg-1 offset-xl-2">
               <div class="intro">
@@ -90,7 +90,7 @@
       </div>
 
       <!-- footer -->
-      <div class="container above-parallax">
+      <div class="container-fluid above-parallax">
         <div class="row py-3">
           <div class="col-md-7">
             <ul class="nav">
diff --git a/tavern/index.html b/tavern/index.html
index 66eb241..bb8ec10 100644
--- a/tavern/index.html
+++ b/tavern/index.html
@@ -49,7 +49,7 @@
         </div>
         <!-- /jumbotron -->
 
-        <div class="container above-parallax"  style="border-radius: 1rem 1rem 0 0;">
+        <div class="container-fluid above-parallax">
           <div class="row">
             <div class="col-lg-10 col-xl-8 offset-md-0 offset-lg-1 offset-xl-2">
               <div class="text">
@@ -81,7 +81,7 @@
         </div>
 
         <!-- footer -->
-        <div class="container above-parallax">
+        <div class="container-fluid above-parallax">
           <div class="row py-3">
             <div class="col-md-7">
               <ul class="nav">