Updated the color scheme of the sidebar and buttons

css/bootstrap.css

@@ -2573,17 +2573,6 @@ fieldset:disabled a.btn {
     box-shadow: 0 0 0 0.2rem rgba(50, 93, 136, 0.5);
 }
 
-.btn-secondary {
-    color: #fff;
-    background-color: #8E8C84;
-    border-color: #8E8C84;
-}
-
-.btn-secondary:hover {
-    color: #fff;
-    background-color: #7b7971;
-    border-color: #74726b;
-}
 
 .btn-secondary:focus, .btn-secondary.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(142, 140, 132, 0.5);
@@ -5388,31 +5377,6 @@ input[type="button"].btn-block {
     margin-bottom: 0;
 }
 
-.list-group-item-action {
-    width: 100%;
-    color: #3E3F3A;
-    text-align: inherit;
-}
-
-.list-group-item-action:hover, .list-group-item-action:focus {
-    color: #3E3F3A;
-    text-decoration: none;
-    background-color: #F8F5F0;
-}
-
-.list-group-item-action:active {
-    color: #3E3F3A;
-    background-color: #DFD7CA;
-}
-
-.list-group-item {
-    position: relative;
-    display: block;
-    padding: 0.75rem 1.25rem;
-    margin-bottom: -1px;
-    background-color: #fff;
-    border: 1px solid #DFD7CA;
-}
 
 .list-group-item:first-child {
     border-top-left-radius: 0.25rem;
@@ -5425,23 +5389,11 @@ input[type="button"].btn-block {
     border-bottom-left-radius: 0.25rem;
 }
 
-.list-group-item:hover, .list-group-item:focus {
-    z-index: 1;
-    text-decoration: none;
-}
-
 .list-group-item.disabled, .list-group-item:disabled {
     color: #98978B;
     background-color: #fff;
 }
 
-.list-group-item.active {
-    z-index: 2;
-    color: #3E3F3A;
-    background-color: #F8F5F0;
-    border-color: #DFD7CA;
-}
-
 .list-group-flush .list-group-item {
     border-right: 0;
     border-left: 0;
@@ -9652,4 +9604,54 @@ a:hover
 {
     color: #1A5D63;
     text-decoration: underline;
+}
+
+
+.list-group-item {
+    position: relative;
+    display: block;
+    padding: 0.75rem 1.25rem;
+    margin-bottom: -1px;
+    background-color: #fff;
+    border: 1px solid #DFD7CA;
+    color: #1a5d63;
+}
+
+.list-group-item:hover, .list-group-item:focus {
+    z-index: 1;
+    text-decoration: none;
+    color: #fff1d6;
+    background-color: #00BEB2;
+}
+
+
+.list-group-item-action {
+    position: relative;
+    display: block;
+    padding: 0.75rem 1.25rem;
+    margin-bottom: -1px;
+    color: #fff1d6;
+    background-color: #1a5d63;
+    border-color: #DFD7CA;
+}
+
+.list-group-item-action:hover, .list-group-item-action:focus {
+    color: #fff1d6;
+    text-decoration: none;
+    background-color: #1a5d63;
+}
+
+.list-group-item-action:active {
+    color: #3E3F3A;
+    background-color: #DFD7CA;
+}
+
+.btn-secondary {
+    color: #fff;
+    background-color: #1a5d63;
+}
+
+.btn-secondary:hover {
+    color: #fff;
+    background-color: #00BEB2;
 }

includes/header.html

@@ -51,7 +51,7 @@
                     <a class="nav-link" href="https://jrtechs.net/categories">Categories</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" href="https://jrtechs.net/contact">Contact</a>
+                    <a class="nav-link" href="https://jrtechs.me/#contact">Contact</a>
                 </li>
             </ul>
             <ul class="nav navbar-nav navbar-right">

posts/singlePost.js

@@ -81,7 +81,7 @@ module.exports=
                    html = html.split("<img").join("<img style=\"width: 100%; height:10%\" ");
 
                    html += "      <div class=\"\">\n" +
-                       "          <p class='w3-center'><button class=\"btn btn-secondary btn-lg " +
+                       "          <p class='text-center'><button class=\"btn btn-secondary btn-lg " +
                        "w3-padding-large w3-white w3-border\"  onclick=\"location.href='" +
                        "http://jrtechs.net/" + category[0].url + "/" + post.url +
                        "'\"><b>READ MORE &raquo;</b></button></p>\n" +

sidebar/categoriesSideBar.js

@@ -34,7 +34,7 @@ module.exports=
                         //res.write(cat.name);
                         res.write("<a class=\"list-group-item\" href='/category/" + cat.url + "'>" + cat.name + "<br></a>");
                     });
-                    res.write("</div></div>");
+                    res.write("</div></div><br>");
                     resolve();
                 })
             });