From 086f10c248500aad40983c60098df682ce8b8340 Mon Sep 17 00:00:00 2001
From: eniamza <eniamza0@gmail.com>
Date: Tue, 16 Jun 2020 19:03:11 +0600
Subject: [PATCH] Feat: Added new hr style to related pages

---
 governance/index.html |  4 +++-
 index.html            |  2 ++
 swarm/index.html      | 24 ++++++++++++++++++------
 tavern/index.html     | 12 +++++++++---
 4 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/governance/index.html b/governance/index.html
index d5e263a..155e72f 100644
--- a/governance/index.html
+++ b/governance/index.html
@@ -63,7 +63,9 @@
 
         <div class="container-fluid above-parallax">
           <!-- Board of Directors -->
-          <h1 id="part2" class="display-4 text-center my-5 text-white">Board of Directors</h1>
+          <h2 id="part2" class="display-4 text-center my-5 text-white">Board of Directors</h2>
+          <hr class="subhead">
+          <br>
           <div class="row">
             <div class="col-md-6 col-lg-4 scroll-fade" data-fade-delay="100">
               <div class="card mb-3 lbry-dark">
diff --git a/index.html b/index.html
index 934d6f7..d18a327 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,7 @@
 
   <!--CUSTOM CSS-->
   <link rel="stylesheet" href="./lib/css/index.css" />
+  <link rel="stylesheet" href="./lib/css/article.css" />
   <!--/CUSTOM CSS-->
 </head>
 
@@ -66,6 +67,7 @@
       <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-4" Ideas style="font-weight: bold;">Welcome to LBRY </h1>
+          <hr class="heading">
           <p class="lead">LBRY is a secure, open, and community-run digital marketplace.</p>
           <div class="btn-group mt-4" role="group" aria-label="Callout buttons">
             <a type="button" class="btn lbry-dark text-white btn-lg" href="https://lbry.com/get">Download LBRY</a>
diff --git a/swarm/index.html b/swarm/index.html
index e497eed..fa6dd1a 100644
--- a/swarm/index.html
+++ b/swarm/index.html
@@ -78,7 +78,9 @@
             <div class="row">
               <!--col-1-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">What is a hive?</h2> <br>
+                <h2 class="mb-2 text-white text-center">What is a hive?</h2> 
+                <hr class="subhead">
+                <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>A hive is a place to meet people who love the things you love, including, of course, the LBRY protocol and the values it represents.</p>          
@@ -105,7 +107,9 @@
 
               <!--col-2-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">Why should I join or make a hive?</h2> <br>
+                <h2 class="mb-2 text-white text-center">Why should I join or make a hive?</h2> 
+                <hr class="subhead">
+                <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>Joining or making a hive is a great way to jump into the LBRY network.</p>
@@ -117,7 +121,9 @@
 
               <!--col-3-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">How do I join a hive?</h2> <br>
+                <h2 class="mb-2 text-white text-center">How do I join a hive?</h2> 
+                <hr class="subhead">
+                <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>Hives are entirely independent and autonomous communities within the larger LBRY network. 
@@ -138,7 +144,9 @@
 
               <!--col-4-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">How do I make a hive?</h2> <br>
+                <h2 class="mb-2 text-white text-center">How do I make a hive?</h2> 
+                <hr class="subhead">
+                <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>Making a hive is as easy as setting up a chat room and editing a wiki. 
@@ -154,7 +162,9 @@
 
               <!--col-5-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">How should hives operate?</h2> <br>
+                <h2 class="mb-2 text-white text-center">How should hives operate?</h2> 
+                <hr class="subhead">
+                <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>However you want! Well, mostly.</p>
@@ -175,7 +185,9 @@
 
               <!--col-6-->
               <div class="col-md-12 col-lg-12 my-5" id="hives">
-                <h2 class="mb-2 text-white text-center">Hives Table</h2> <br>
+                <h2 class="mb-2 text-white text-center">Hives Table</h2> 
+                <hr class="subhead">
+                <br>
                 <div class="card lbry-dark text-center">
                   <span class="mt-3">Click on a hive to see details</span>  
                   <div class="card-body">
diff --git a/tavern/index.html b/tavern/index.html
index 1a6258b..8113b95 100644
--- a/tavern/index.html
+++ b/tavern/index.html
@@ -78,7 +78,9 @@
             <div class="row">
               <!--col-1-->
               <div class="col-md-12 col-lg-12 my-5">
-                <h2 class="mb-2 text-white text-center">Welcome to The LBRY Tavern</h2> <br>
+                <h2 class="mb-2 text-white text-center">Welcome to The LBRY Tavern</h2> 
+                <hr class="subhead">
+                <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>Where the LBRY Foundation and community gather to turn thoughts into things.</p>
@@ -102,7 +104,9 @@
 
               <!--col-2-->
               <div class="col-md-12 col-lg-12 my-5" id="initiatives">
-                <h2 class="mb-2 text-white text-center">Initiatives</h2> <br><br>
+                <h2 class="mb-2 text-white text-center">Initiatives</h2> 
+                <hr class="subhead">
+                <br><br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>Initiatives are small tasks or projects. 
@@ -166,7 +170,9 @@
 
               <!--col-3-->
               <div class="col-md-12 col-lg-12 my-5" id="project_grants">
-                <h2 class="mb-2 text-white text-center">Project Grants</h2> <br>
+                <h2 class="mb-2 text-white text-center">Project Grants</h2>
+                <hr class="subhead"> 
+                <br>
                 <div class="card lbry-dark">
                   <div class="card-body">
                     <p>Projects are long term and large scale initiatives.