jekyll-theme-hamilton 1.2.0 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 42bdeffb4ae6b08b04c14534c27be8dc95b79120f4f059bec16e5e08c5a15c2a
-  data.tar.gz: bf5ff5f7d32ba307fd9ce3e3020188b9ee2d6204572d98dead5e06c136eca620
+  metadata.gz: f4f676e533d624dc9ec9e904e70908b442a9a8e642fb8ac16a446ca30297562d
+  data.tar.gz: 257cf6ccbd3ec2b4ebd2f02ef168e939b412b13d70bd4c69bad99017068247b7
 SHA512:
-  metadata.gz: 57ffc4c8843d390a08c8f51dfcc0519bd607c673167b4bd8aab5c4c7a6ebe104320e2794ca607348a6e57eb0b061763bba781234de187f023ecc4038066bf359
-  data.tar.gz: 413df9789a645a2037271405447032a3cce57987606d19b5881f6bed8edb3c441d8b4850c7d5c176f7866b4ee88818d6c92b3048fc0cc7c52e27c40b8fdeccde
+  metadata.gz: f2b99330c99b36c56f9c41287a1bd3cf7dfaff135d341047526f233996f00bb76d64cccbc38b6533cc5e36d98f219ddcce3b9859df060902832c73aed6836162
+  data.tar.gz: 9a2f1dc978de613295899c0c3b5f6be6ae13b625cfe209fefe88e52ee19865ac4d33df6b184d0b5b2f096b16e1e4c8dc02cb4c421a7ff19145e47c7bc9092d68

data/README.md

@@ -156,6 +156,23 @@ You can create a file `_data/navigation.yml` to configure links to some pages. F
   url: /tags/
 ```
 
+The navigation bar also supports dropdown submenus:
+
+```yml
+- title: About
+  url: /about/
+- title: Categories
+  url: /categories/
+- title: Tags
+  url: /tags/
+- title: More
+  sublinks:
+    - title: FAQ
+      url: /faq/
+    - title: Docs
+      url: /docs/
+```
+
 ### Social Media
 
 You can create a file `_data/social.yml` to configure links to your social media. For example,

data/_includes/footer.html

@@ -18,6 +18,10 @@
         </ul>
       </div>
 
+      <div class="footer-col">
+        <p>{{ site.description | escape }}</p>
+      </div>
+
       <div class="footer-col">
         <div class="copyright">
           {% assign year_from = site.posts[-1].date | date: '%Y' %}
@@ -35,11 +39,6 @@
           Powered by <a href="https://jekyllrb.com/">Jekyll</a> & <a href="https://github.com/ngzhio/jekyll-theme-hamilton">Hamilton</a>
         </p>
       </div>
-
-      <div class="footer-col">
-        <p>{{ site.description | escape }}</p>
-      </div>
-
     </div>
 
     {% if site.data.social %}

data/_includes/header.html

@@ -14,13 +14,24 @@
           </span>
         </label>
 
-        <div class="trigger">
-          {% for nav in site.data.navigation %}
-            {% if nav.title %}
-              <a class="page-link {% if page.url == nav.url %}current-page{% endif %}" href="{{ nav.url | relative_url }}">{{ nav.title | escape }}</a>
-            {% endif %}
-          {% endfor %}
-        </div>
+        <ul class="trigger">
+          {%- for nav in site.data.navigation -%}
+            {%- if nav.title -%}
+              {% if nav.sublinks %}
+                <li class="dropdown" href="#">
+                  <a href="javascript:void(0)" class="dropbtn">{{ nav.title | escape }}</a>
+                  <div class="dropdown-content">
+                    {%- for link in nav.sublinks %}
+                      <a class="{% if page.url == link.url %}current-page{% endif %}" href="{{ link.url | relative_url }}">{{ link.title | escape }}</a>
+                    {%- endfor %}
+                  </div>
+                </li>
+              {% else %}
+                <li><a class="{% if page.url == nav.url %}current-page{% endif %}" href="{{ nav.url | relative_url }}">{{ nav.title | escape }}</a></li>
+              {% endif %}
+            {%- endif -%}
+          {%- endfor -%}
+        </ul>
       </nav>
     {% endif %}
   </div>

data/_sass/hamilton/base.scss

@@ -17,7 +17,7 @@ dl, dd, ol, ul, figure {
  */
 h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,
-ul, ol, dl, figure,
+ul, ol, dl, figure, iframe,
 %vertical-rhythm {
   margin-bottom: $spacing-unit;
 }

data/_sass/hamilton/layout.scss

@@ -68,16 +68,36 @@
     padding-bottom: 5px;
   }
 
-  .page-link {
-    line-height: $base-line-height * $base-font-size * 1.15;
-    display: block;
-    padding: 5px 5px;
+  ul.trigger {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+
+    li a {
+      line-height: $base-line-height * $base-font-size * 1.15;
+      display: inline;
+      padding: 5px 10px;
+      margin-left: auto;
+    }
+
+    .dropdown-content {
+      display: none;
+      position: absolute;
+      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+      z-index: 1;
+    }
+
+    .dropdown-content a {
+      padding: 5px 10px;
+      display: inline-block;
+      text-align: right;
+      margin-left: auto;
+    }
 
-    // Gaps between nav items, but not on the last one
-    &:not(:last-child) {
-      margin-right: 0;
+    .dropdown:hover .dropdown-content {
+      display: block;
     }
-    margin-left: 10px;
   }
 
   .current-page {
@@ -102,14 +122,29 @@
       display: block;
     }
 
-    .page-link {
-      display: inline;
-      padding: 0;
+    ul.trigger {
+      li {
+        float: left;
+      }
+  
+      li a {
+        display: inline-block;
+        text-align: center;
+        padding: 5px 5px;
+
+        // Gaps between nav items, but not on the last one
+        &:not(:last-child) {
+          margin-right: 0;
+        }
+        margin-left: 10px;
+      }
 
-      &:not(:last-child) {
-        margin-right: 10px;
+      .dropdown-content a {
+        display: block;
+        text-align: left;
+        padding: 5px 15px 5px 5px;
+        margin-left: 10px;
       }
-      margin-left: auto;
     }
   }
 }

data/_sass/hamilton/skin.scss

@@ -85,9 +85,13 @@ table {
     }
   }
 
-  .page-link {
+  li a {
     color: $text-color;
   }
+
+  .dropdown-content {
+    background-color: $border-color-light;
+  }
 }
 
 .post-list {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-hamilton
 version: !ruby/object:Gem::Version
-  version: 1.2.0
+  version: 1.3.0
 platform: ruby
 authors:
 - Shangzhi Huang
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-06-07 00:00:00.000000000 Z
+date: 2020-06-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -155,7 +155,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.1
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: Another minimal style of Jekyll theme for writers