jekyll-theme-miniplex 0.1.2 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a57a0ea671d3ef283166efd4afe96ae75633007bd6ea802782d4f8858577eae1
-  data.tar.gz: 6349f3cf65b59b0dba5c7c4d9a12adab25bac5699de55b760d77897a0b801625
+  metadata.gz: d923a2ea77bccc32e26813fbdaef543dcd00c16d357c66dbb8b1b12f139cf7b9
+  data.tar.gz: 7306148d3865fe8b75814f70ddc82403750b38d678e79e6bfe1ef4dbeb5fe127
 SHA512:
-  metadata.gz: 909bc83df3a425fa092eb2147158ace5fada189f3e516abf1ce06748120f0664534bfe2525d86ddf66a687eb1689498815c7eb5877dc8d975e2b7ce168d93bdb
-  data.tar.gz: '08ded7b80dc8a3c25b8ab3f338667963d8a4591a686dc1eb744c99b954ca8ef12765a285167e1dd4ca44cfd0e9dbb046b01750bb976160a2d5a3d4fb95dba172'
+  metadata.gz: 5a854ada32e2862f4d0779e9ed3b05db24e56fa111bb1839f49910e251791e06fe7faf3272dd9f9bbf5a01fb2e6748f10cb7446aadd19d2c5a599f3972228f99
+  data.tar.gz: a141aea427ed11542f049a1460f084498d6bcf59943e39beabdb14c48ba5763c6885b9726cad0aa50c1907f78d105e714f4997db44e28c7beac31e1cfbdfae83

data/README.md

@@ -40,8 +40,18 @@ And then execute:
 
 ## Usage
 
-At the moment, there is only a `default` layout.
+### Layouts
 
+At the moment, there is a `page` and a `post` layout, but they use the `default` layout and so are identical.
+
+### Configuration options
+
+To change the label of the mobile navigation menu, add this to your `_config.yml`:
+
+```yaml
+miniplex:
+  mobile_nav_menu_title: "Menü"
+```
 
 ## License
 

data/_config.yml

@@ -2,5 +2,24 @@
 # Jekyll merges this with the user's _config.yml, see
 # https://jekyllrb.com/docs/themes/#pre-configuring-theme-gems40
 
+title: Miniplex Theme for Jekyll
+
 plugins:
   - jekyll-coffeescript
+
+exclude:
+  - .sass-cache/
+  - .jekyll-cache/
+  - gemfiles/
+  - Gemfile
+  - Gemfile.lock
+  - "*.gem"
+  - "*.gemspec"
+  - "*.sublime-project"
+  - "*.sublime-workspace"
+  - node_modules/
+  - vendor/bundle/
+  - vendor/cache/
+  - vendor/gems/
+  - vendor/ruby/
+

data/_includes/navigation_desktop.html

@@ -1,18 +1,29 @@
 <ul>
-  <li id="site-title"><a href="/">{{ site.title }}</a></li>
+  <li id="site-title"><a href="/">{{ site.title | default: "Your site has no title yet. Set it in _config.yml." }}</a></li>
+  <li>Pages</li>
   <li>
-    {% if page.url == "/" %}
-      <a href="/" class="active">Start</a>
-    {% else %}
-      <a href="/">Start</a>
-    {% endif %}
+    <ul>
+      {% assign site_pages = site.pages %}
+      {% for listed_page in site_pages %}
+        {% if listed_page.url == page.url %}
+          <li><a href="{{listed_page.url}}" class="active">{{listed_page.title}}</a></li>
+        {% else %}
+          <li><a href="{{listed_page.url}}">{{listed_page.title}}</a></li>
+        {% endif %}
+      {% endfor %}
+    </ul>
   </li>
+  <li>Posts</li>
   <li>
-    {% assign inside_blog = page.url | matches: "^/blog/" %}
-    {% if inside_blog %}
-      <a href="/blog/" class="active">Blog</a>
-    {% else %}
-      <a href="/blog/">Blog</a>
-    {% endif %}
+    <ul>
+      {% assign site_posts = site.posts %}
+      {% for listed_post in site_posts %}
+        {% if listed_post.url == page.url %}
+          <li><a href="{{listed_post.url}}" class="active">{{listed_post.title}}</a></li>
+        {% else %}
+          <li><a href="{{listed_post.url}}">{{listed_post.title}}</a></li>
+        {% endif %}
+      {% endfor %}
+    </ul>
   </li>
 </ul>

data/_includes/navigation_mobile.html

@@ -1,25 +1,36 @@
 <div id="transparent-nav-close-area">
 </div>
 <ul id="navigation-items">
+  <li>Pages</li>
   <li>
-    {% if page.url == "/" %}
-      <a href="/" class="active">Start</a>
-    {% else %}
-      <a href="/">Start</a>
-    {% endif %}
+    <ul>
+      {% assign site_pages = site.pages %}
+      {% for listed_page in site_pages %}
+        {% if listed_page.url == page.url %}
+          <li><a href="{{listed_page.url}}" class="active">{{listed_page.title}}</a></li>
+        {% else %}
+          <li><a href="{{listed_page.url}}">{{listed_page.title}}</a></li>
+        {% endif %}
+      {% endfor %}
+    </ul>
   </li>
+  <li>Posts</li>
   <li>
-    {% assign inside_blog = page.url | matches: "^/blog/" %}
-    {% if inside_blog %}
-      <a href="/blog/" class="active">Blog</a>
-    {% else %}
-      <a href="/blog/">Blog</a>
-    {% endif %}
+    <ul>
+      {% assign site_posts = site.posts %}
+      {% for listed_post in site_posts %}
+        {% if listed_post.url == page.url %}
+          <li><a href="{{listed_post.url}}" class="active">{{listed_post.title}}</a></li>
+        {% else %}
+          <li><a href="{{listed_post.url}}">{{listed_post.title}}</a></li>
+        {% endif %}
+      {% endfor %}
+    </ul>
   </li>
 </ul>
 <ul id="navigation-controls">
-  <li id="site-title"><a href="/">{{ site.title }}</a></li>
+  <li id="site-title"><a href="/">{{ site.title | default: "Your site has no title yet. Set it in _config.yml." }}</a></li>
   <li>
-    <button id="mobile-navigation-toggle">Menü</button>
+    <button id="mobile-navigation-toggle">{{ site.miniplex.mobile_nav_menu_title | default: "Menu" }}</button>
   </li>
 </ul>

data/_sass/jekyll-theme-miniplex.sass

@@ -472,23 +472,7 @@ body
           tbody
             td
               @include responsive_property(padding, $xs: math.div($unit, 8), $s: math.div($unit, 4), $m: math.div($unit, 2), $otherwise: math.div($unit, 2))
-      
-    nav
-      
-      p, li
-        font-size: 1.25 * $unit
-        
-        a
-          color: $heading_foreground_color
-          text-decoration: none
-        
-        a.active
-          font-weight: bold
-        
-      button
-        color: $primary_foreground_color
-        cursor: pointer
-      
+              
     // Desktop Navigation
     nav#navigation-desktop
       background-color: $content-background-color
@@ -508,9 +492,27 @@ body
       @include linear_responsive_property("padding-left", $large_breakpoint, $unit, $large_breakpoint + 8 * $unit, 8 * $unit)
       padding-right: $unit
 
+      li
+        margin-bottom: math.div($unit, 2)
+
+      p, li
+        font-size: 1.25 * $unit
+        
+        a
+          color: $heading_foreground_color
+          text-decoration: none
+        
+        a.active
+          font-weight: bold
+
+      li ul
+        @include responsive_property(margin-left, $xs: 0.25 * $unit, $s: 0.5 * $unit, $otherwise: 1 * $unit)
+
       li#site-title
         @include title_font
         font-size: 2.25 * $unit
+        @include responsive_property(margin-bottom, $xs: 1.5 * $unit, $s: 1.75 * $unit, $m: 2 * $unit, $otherwise: 2 * $unit)
+
 
     // Mobile navigation, both states
     nav#navigation-mobile
@@ -525,10 +527,6 @@ body
         grid-template-columns: auto
         grid-template-rows: [transparent-nav-close-area] 4 * $unit [navigation-items] 1fr [navigation-controls] min-content
 
-        #transparent-nav-close-area
-          grid-row: transparent-nav-close-area  / span 1
-          cursor: pointer
-
         #navigation-items
           grid-row: navigation-items / span 1
           background-color: $content_background_color
@@ -538,6 +536,26 @@ body
           @include responsive_property(padding-bottom, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
           @include responsive_property(padding-right, $m: $unit, $otherwise: math.div($unit, 2))
 
+          li
+            margin-bottom: math.div($unit, 2)
+
+          p, li
+            font-size: 1.25 * $unit
+            
+            a
+              color: $heading_foreground_color
+              text-decoration: none
+            
+            a.active
+              font-weight: bold
+              
+          li ul
+            @include responsive_property(margin-left, $xs: 0.25 * $unit, $s: 0.5 * $unit, $otherwise: 1 * $unit)
+
+        #transparent-nav-close-area
+          grid-row: transparent-nav-close-area  / span 1
+          cursor: pointer
+
         #navigation-controls
           grid-row: navigation-controls / span 1
           background-color: $content_background_color
@@ -554,6 +572,7 @@ body
             @include responsive_property(padding-bottom, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
 
             a
+              color: $heading_foreground_color
               @include responsive_property(padding-top, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
               @include responsive_property(padding-bottom, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-miniplex
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.0
 platform: ruby
 authors:
 - Timo Würsch
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-11-18 00:00:00.000000000 Z
+date: 2022-11-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll