More progress

src/layouts/index.html

@@ -559,8 +559,8 @@
 
 <!-- Teal Impact Section -->
 
-<section class="teal-bg impact-section">
+<section class="teal-bg impact-section two-boxes">
-  <div class="container two-boxes">
+  <div class="container">
     <div class="row">
       <div class="col">
           <div>
@@ -614,7 +614,7 @@
 
 <!-- Features -->
 
-<section>
+<section class="two-boxes-up">
   <div class="container">
     <div class="row">
       <div class="col-8">
@@ -657,7 +657,7 @@
 
 <!-- Homebrew v. tea Section -->
 
-<section class="features">
+<section class="features two-boxes-down">
   <div class="container">
 
     <div class="divider two-boxes-down">
@@ -882,7 +882,7 @@
 
           .vertical-rule-gray {
             width: 1px;
-            height: 75px;
+            height: 35px;
             background-color: #949494;
             display: block;
             margin-left: auto;

src/layouts/partials/navbar.html

@@ -13,7 +13,7 @@
           </li>
           {{ end }}
           <li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
-            <a class="nav-link" aria-current="page" href="https://github.com/teaxyz/cli/stargazers">GIVE A STAR (&#9734;<span class="stargazers"></span>)</a>
+            <a class="nav-link" aria-current="page" href="https://github.com/teaxyz/cli/stargazers"><i class="icon-github"></i>GitHub (&#9734;<span class="stargazers"></span>)</a>
           </li>
           <style>
 

src/static/css/navbar.css

@@ -5,8 +5,6 @@
   width:100%;
 }
 
-@media only screen and (min-width: 1200px) {
-
   div.container-fluid.top-nav{
     padding-left: 0px !important;
     padding-right: 0px !important;
@@ -14,7 +12,7 @@
 
   .navbar{
     background-color: #1a1a1a !important;
-    height: 60px !important;
+    height: 62px !important;
     border-bottom: 2px solid #949494;
   }
 
@@ -27,214 +25,6 @@
   }
 
   .nav-item{
-    font-family: "pp-neue-machina", sans-serif;
     text-transform: uppercase;
-    font-size: 1vw;
   }
 }
-
-@media only screen and (min-width: 992px) and (max-width: 1200px) {
-
-  /* Menu CTA */
-
-  .hbtn {
-    font-family: "pp-neue-machina";
-    background-color: #8000ff;
-    position: relative;
-    box-sizing: border-box;
-    height: 4.9vw !important;
-    display: inline-block;
-    overflow: hidden;
-    padding: 8px 20px;
-    width: 300px;
-    text-align: center;
-    border:none;
-    text-decoration: none;
-    color: rgb(225, 225, 225);
-    white-space: nowrap;
-    z-index: 0;
-  }
-
-
-  .hbtn i {
-        padding-right: 8px;
-  }
-
-
-  .hb-fill-right::before {
-        position: absolute;
-        content: "";
-        background: rgb(91, 0, 184);
-        transition-duration: 0.2s;
-        z-index: -1;
-        inset: 0px auto auto 0px;
-        width: 0px;
-        height: 100%;
-        opacity: 1;
-  }
-
-
-  .hb-fill-right:hover::before {
-        width: 100%;
-        height: 100%;
-        opacity: 1;
-  }
-
-
-  .hb-fill-right:hover {
-        color: rgb(255, 255, 255);
-        background: rgb(91, 0, 184);
-        transition: color 0.3s ease 0s, background 0s ease 0.3s;
-  }
-
-  /* End Menu CTA */
-
-  div.container-fluid.top-nav{
-    padding-left: 0px !important;
-    padding-right: 0px !important;
-  }
-
-  .navbar{
-    background-color: #1a1a1a !important;
-    height: 5vw;
-    border-bottom: 2px solid #949494;
-  }
-
-  .navbar-brand{
-    padding-top:0px !important;
-    padding-bottom: 0px !important;
-  }
-
-  .nav-logo{
-    width: 4.9vw;
-  }
-
-  .nav-logo:hover{
-    transform: scale(0.9);
-  }
-
-  .nav-item{
-    font-family: "pp-neue-machina", sans-serif;
-    text-transform: uppercase;
-    font-size: 1.2vw;
-  }
-
-}
-
-@media only screen and (min-width: 768px) and (max-width: 992px) {
-
-  div.container-fluid.top-nav{
-    padding-left: 0px !important;
-  }
-
-  .navbar{
-    background-color: #1a1a1a !important;
-    height: 10vw;
-    border-bottom: 2px solid #949494;
-    padding-top: 0px !important;
-    padding-bottom: 0px !important;
-  }
-
-  .navbar-brand{
-    padding-top:0px;
-    padding-bottom: 0px;
-  }
-
-  .container-fluid{
-    background: none !important;
-  }
-
-  .nav-logo{
-    width: 9.8vw;
-    top:0px !important;
-  }
-
-  .nav-logo:hover{
-    transform: scale(0.9);
-  }
-
-  .nav-item{
-    font-family: "pp-neue-machina", sans-serif;
-    text-transform: uppercase;
-    font-size: 1.2vw;
-  }
-}
-
-@media only screen and (min-width: 576px) and (max-width: 768px) {
-
-  div.container-fluid.top-nav{
-    padding-left: 0px !important;
-  }
-
-  .navbar{
-    background-color: #1a1a1a !important;
-    height: 13.5vw;
-    border-bottom: 2px solid #949494;
-    padding-top: 0px !important;
-    padding-bottom: 0px !important;
-  }
-
-  .navbar-brand{
-    padding-top:0px;
-    padding-bottom: 0px;
-  }
-
-  .container-fluid{
-    background: none !important;
-  }
-
-  .nav-logo{
-    width: 13.2vw;
-    top:0px !important;
-  }
-
-  .nav-logo:hover{
-    transform: scale(0.9);
-  }
-
-  .nav-item{
-    font-family: "pp-neue-machina", sans-serif;
-    text-transform: uppercase;
-    font-size: 1.2vw;
-  }
-}
-
-@media only screen and (max-width: 576px) {
-
-  div.container-fluid.top-nav{
-    padding-left: 0px !important;
-  }
-
-  .navbar{
-    background-color: #1a1a1a !important;
-    height: 11vw;
-    border-bottom: 2px solid #949494;
-    padding-top: 0px !important;
-    padding-bottom: 0px !important;
-  }
-
-  .navbar-brand{
-    padding-top:0px;
-    padding-bottom: 0px;
-  }
-
-  .container-fluid{
-    background: none !important;
-  }
-
-  .nav-logo{
-    width: 10.7vw;
-    top:0px !important;
-  }
-
-  .nav-logo:hover{
-    transform: scale(0.9);
-  }
-
-  .nav-item{
-    font-family: "pp-neue-machina", sans-serif;
-    text-transform: uppercase;
-    font-size: 1.2vw;
-  }
-
-}

src/static/css/typography.css

@@ -68,7 +68,7 @@ p{
 }
 
 li{
-  font-family: "sono", sans-serif;
+  font-family: "inter", sans-serif !important;
   color: #ffffff;
 }