jenstep_theme 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8226a69a37066820a08db8e75ada4b53fff9bbe73cf2453cea8764eb3a17a4b1
-  data.tar.gz: 499622cf58aa0eb9ea16a4a4cace4d5fd68b8da160d2992ff156a40fc20378fa
+  metadata.gz: 10d40598171e9b6d05a3edf0b64a529cffede93b2fef417f88e8217a49ae487f
+  data.tar.gz: 6c3d1c28183b5d30326f068d6c12799462af172d73726250f9be15b19e57a1f0
 SHA512:
-  metadata.gz: 03c1d31861771b55ae39c20db422db5076adaea40f3ff6e5da663c84e1159793ea44443bea1fe0733c09c1a340ea460ff34ecf782b21290a9d87165371038a12
-  data.tar.gz: 29037129a5caf37c82d6d88a1ad3a5a73655e584d5494cafa5f6ea23fe5c3192cdb78a54dbf35ddf5db99ad38c22e8413ff4eadcd3dd4e19ff26dfed5d5a4063
+  metadata.gz: a72f679b47a61769910c195e72b58d8012f141c2b23e89613fe117ee279d55c2d495d352e94d8d244b6f00d9eeef265409861532ee327e9bf14ce7ad4dc7e971
+  data.tar.gz: e3a9e5b3762ddb6a93a9081b6549c6b6cf96322a54251d0071137e2706503b14ad03f7dbbddbf526e63453d16ee94ee2f09818e63d7923435b682c43caa6ce46

data/_includes/header.html

@@ -17,12 +17,24 @@
         </label>
 
         <div class="trigger">
-          {%- for path in page_paths -%}
-            {%- assign my_page = site.pages | where: "path", path | first -%}
-            {%- if my_page.title -%}
-            <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
-            {%- endif -%}
-          {%- endfor -%}
+          <ul>
+            {% assign links = site.data.navigation %}
+            {% for link in links %}
+              {% if link.sublinks %}
+                <li class="dropdown">
+                  <a href="{{ site.url }}{{ site.baseurl }}{{ link.url }}">{{ link.title }}</a>
+                  <div class="dropdown-content">
+                    {% for sublink in link.sublinks %}
+                      <a href="{{ site.url }}{{ site.baseurl }}{{ sublink.url }}">{{ sublink.title }}</a>
+                    {% endfor %}
+                  </div>
+                </li>
+              {% else %}
+                <li>
+                  <a href="{{ site.url }}{{ site.baseurl }}{{ link.url }}">{{ link.title }}</a>
+              {% endif %}
+            {% endfor %}
+          </ul>
         </div>
       </nav>
     {%- endif -%}

data/_sass/jenstep_theme.scss

@@ -12,7 +12,7 @@ $spacing-unit:     30px !default;
 
 $text-color:       #111 !default;
 $background-color: #4b4b4b !default;
-$brand-color:      #2a7ae2 !default;
+$brand-color:      #8b0000 !default;
 
 $grey-color:       #828282 !default;
 $grey-color-light: lighten($grey-color, 40%) !default;

data/_sass/jenstep_theme/_layout.scss

@@ -11,16 +11,17 @@
 }
 
 .site-title {
-  @include relative-font-size(1.625);
+  @include relative-font-size(2);
   font-weight: 300;
-  line-height: $base-line-height * $base-font-size * 2.25;
+  line-height: $base-line-height * $base-font-size * 3;
   letter-spacing: -1px;
   margin-bottom: 0;
   float: left;
 
+
   &,
   &:visited {
-    color: $grey-color-dark;
+    color: $brand-color;
   }
 }
 
@@ -28,6 +29,67 @@
   float: right;
   line-height: $base-line-height * $base-font-size * 2.25;
 
+  ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    background-color: #333; 
+  }
+
+  li {
+    float: left;
+    border-right: 1px solid #bbb;
+  }
+
+  li:last-child {
+    border-right: none;
+  }
+
+  .active {
+    background-color: #4CAF50;
+  }
+
+  li a, .dropbtn {
+    display: inline-block;
+    padding: 14px 16px;
+    color: white;
+    text-align: center;
+    text-decoration: none;
+  }
+
+  li a:hover, .dropdown:hover .dropbtn {
+    background-color: $brand-color; 
+  }
+
+  li.dropdown {
+    display: inline-block;
+  }
+
+  .dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: $grey-color;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+    z-index: 1;
+  }
+
+  .dropdown-content a {
+    color: black;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+    text-align: left;
+  }
+
+  .dropdown-content a:hover {
+    background-color: #f1f1f1;
+  }
+
+  .dropdown:hover .dropdown-content {
+    display: block;
+  }
+
   .nav-trigger {
       display: none;
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jenstep_theme
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Jenna Stephens
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-03-11 00:00:00.000000000 Z
+date: 2021-03-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll