Minor doc styling changes.

sykeben · Mar 28, 2019 · d9f2385 · d9f2385
1 parent dd6224b
commit d9f2385
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/docs/css/bootmod.css b/docs/css/bootmod.css
@@ -17,7 +17,7 @@ body {
     align-self: center;
 }
 
-/* BACKGROUND GRADIENTS */
+/* BACKGROUNDS */
 
 .bg-grad-purple {
 	background: -webkit-linear-gradient(50deg,#ff6ec4,#7873f5) !important;
@@ -43,14 +43,22 @@ body {
 	background: linear-gradient(40deg,#ffd86f,#fc6262) !important;
 }
 
+.bg-dark-trans {
+    background-color: rgba(52, 58, 64, 0.8);
+}
+
 /* SHADOWS */
 
 .text-shadow {
-    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.75)
+    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.75);
+}
+
+.text-shadow-sm {
+    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
 }
 
 /* BORDERS */
 
 .border-gray {
-    border-color: dimgray!important;
+    border-color: dimgray !important;
 }
diff --git a/docs/index.html b/docs/index.html
@@ -17,10 +17,10 @@
 
     </head>
 
-    <body class="bg-light">
+    <body class="bg-dark">
 
         <!-- Navbar -->
-        <nav class="navbar fixed-top navbar-expand navbar-dark bg-dark shadow">
+        <nav class="navbar fixed-top navbar-expand navbar-dark bg-dark-trans shadow">
 
             <!-- Brand -->
             <div class="navbar-brand">
@@ -59,7 +59,7 @@ <h2 class="display-5 font-weight-light">A Raspberry Pi dashboard built on <a hre
 
                 <!-- Reason -->
                 <div class="col col-center ml-5 text-left">
-                    <h2 class="mb-3 display-5 font-weight-light">Easy to Read</h2>
+                    <h2 class="mb-3 display-5 font-weight-light text-shadow-sm">Easy to Read</h2>
                     <p class="lead font-weight-light">With simple widgets, and an easy on the eyes style, RasDash puts readibility first.</p>
                 </div>
 
@@ -70,7 +70,7 @@ <h2 class="mb-3 display-5 font-weight-light">Easy to Read</h2>
 
                 <!-- Reason -->
                 <div class="col col-center mr-5 text-right">
-                    <h2 class="mb-3 display-5 font-weight-light">Simple Logs</h2>
+                    <h2 class="mb-3 display-5 font-weight-light text-shadow-sm">Simple Logs</h2>
                     <p class="lead font-weight-light">When debugging manually, simple logs can be a great help. That's why RasDash uses <a href="https://github.com/sykeben" class="text-body">Ben</a>'s logger library!</p>
                 </div>
 
@@ -91,7 +91,7 @@ <h2 class="mb-3 display-5 font-weight-light">Simple Logs</h2>
 
                 <!-- Reason -->
                 <div class="col col-center ml-5 text-left">
-                    <h2 class="mb-3 display-5 font-weight-light">Service Mode</h2>
+                    <h2 class="mb-3 display-5 font-weight-light text-shadow-sm">Service Mode</h2>
                     <p class="lead font-weight-light">With the help of <a href="https://github.com/Ernie3" class="text-body">Ernie</a>'s service manager, you can install RasDash as a service on your Raspberry Pi.</p>
                 </div>