jekyll-theme-miniplex 0.6.0 → 0.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 957db19fe7bbac03587b8b4870732266f3d8166a44787aeeaec0957193e03531
-  data.tar.gz: d182ab7d3c33759060400db40e67ad8812a8857f7caf951f571a62c65c20092b
+  metadata.gz: 3c0ff535ae019cf3fdeb97f38051550e5042a59dda0bab336c1fabc5db126659
+  data.tar.gz: a5196eb5ba50ab386c0b58d48f81b2367a013ca229538f8ee7d98341123822a3
 SHA512:
-  metadata.gz: 82ec3ade4ac53665c1ed4acfa78f694ffb82de64a813434c68327acbd2ba8dd1cae28af7b7a8e02f8112021710a24213ee00ef05ac8536b15dd212894e3ca749
-  data.tar.gz: 3e28adc635b0668bf434cdc6ed0374dd7f03cfcc34ec50d4d3c2ef9172fc5dee062d57d1322295a79820ad81600aa226fa58808d0bfef5bbf7fd2163f2688d67
+  metadata.gz: 519694b13d6df1d75435836f9c11cf401f866076dbbffaf29479ad6fe60a6021719f904db5875284ef3e3fd5ee658bb43f66b823ff1988193b67c711a1423f41
+  data.tar.gz: c2aad8e454b456c7be57ae481e328a5a793911edff3adeb3f5b5b60a0e0cb7231abb04d5f8559e2894683d7f632bf4f1250e2d57334bb70f0b2ad3c60d161af0

data/README.md

@@ -64,15 +64,20 @@ miniplex:
 ## ToDos & Missing Features
 
 - [ ] Print CSS
-- [ ] Breadcrumbs
+- [ ] Dark mode
 - [ ] In-page navigation
 - [ ] Footer
 - [ ] Maximizable tables
+- [ ] Breadcrumbs, if possible
 - [ ] Side notes, if possible
-- [ ] Dark mode
+
 
 ### Done
 
+Most recent at the top.
+
+- [X] Mobile nav bugfixing
+- [X] Post author & date flexibility
 - [X] Add a post's date to the page layout, or to a separate post layout
 
 

data/_layouts/post.html

@@ -2,8 +2,17 @@
 layout: default
 ---
 
-<p>
-  <small>{{ page.date | date: "%d.%m.%Y" }}</small>
-</p>
+{% if page.date %}
+  {% if page.author %}
+    <p><small>{{ page.author }}, {{ page.date | date: "%Y-%m-%d" }}</small></p>
+  {% else %}
+    <p><small>{{ page.date | date: "%Y-%m-%d" }}</small></p>
+  {% endif %}
+{% else %}
+  {% if page.author %}
+    <p><small>{{ page.author }}</small></p>
+  {% else %}
+  {% endif %}
+{% endif %}
 
 {{ content }}

data/_sass/jekyll-theme-miniplex.sass

@@ -556,7 +556,7 @@ body
         left: 0px
         display: grid
         grid-template-columns: auto
-        grid-template-rows: [transparent-nav-close-area] 4 * $unit [navigation-items] 1fr [navigation-controls] min-content
+        grid-template-rows: [transparent-nav-close-area] 8 * $unit [navigation-items] 1fr [navigation-controls] min-content
 
         #navigation-items
           grid-row: navigation-items / span 1
@@ -632,11 +632,12 @@ body
                 background-size: 24px
                 background-image: var(--icon-url)
 
-    // Mobile Navigation, closed state
-    nav#navigation-mobile[data-state="closed"]
+    // Mobile Navigation, start state
+    nav#navigation-mobile
       position: sticky
-      grid-template-rows: [transparent-nav-close-area] 0 [navigation-items] 0 [navigation-controls] min-content
 
+    // Mobile Navigation, closed state
+    nav#navigation-mobile[data-state="closed"]
       #transparent-nav-close-area
         display: none
 
@@ -651,10 +652,6 @@ body
 
     // Mobile Navigation, open state
     nav#navigation-mobile[data-state="open"]
-      position: fixed
-      width: 100vw
-      height: 100vh
-
       #transparent-nav-close-area
         display: block
 

data/assets/js/main.coffee

@@ -15,6 +15,7 @@ document.addEventListener "DOMContentLoaded", (DOMLoadedEvent) ->
   # Mobile navigation
   mobileNavigation = document.querySelector "nav#navigation-mobile"
   mobileNavigationItems = document.querySelector "nav#navigation-mobilenav#navigation-mobile ul#navigation-items"
+  mobileNavigationControls = document.querySelector "nav#navigation-mobile #navigation-controls"
   navigationToggleButton = document.querySelector "button#mobile-navigation-toggle"
   transparentNavCloseArea = document.querySelector "div#transparent-nav-close-area"
   body = document.querySelector "body"
@@ -22,15 +23,32 @@ document.addEventListener "DOMContentLoaded", (DOMLoadedEvent) ->
   toggleNavigation = (event) ->
     switch mobileNavigation.dataset.state
       when "closed"
+        # Open navigation
         mobileNavigation.dataset.state = "open"
+
+        body.style.overflow = "hidden"
+
+        mobileNavigation.style.position = "fixed"
+        mobileNavigation.style.width = "100vw"
+        mobileNavigation.style.height = "100vh"
+        mobileNavigation.style.removeProperty("grid-template-rows")
+
         navigationToggleButton.setAttribute "aria-expanded", "true"
         mobileNavigationItems.setAttribute "aria-hidden", "false"
-        body.style.overflow = "hidden"
+        
       when "open"
+        # Close Navigation
         navigationToggleButton.setAttribute "aria-expanded", "false"
         mobileNavigation.dataset.state = "closed"
-        mobileNavigationItems.setAttribute "aria-hidden", "true"
+
         body.style.overflow = "initial"
 
+        mobileNavigation.style.position = "sticky"
+        mobileNavigation.style.removeProperty("width")
+        mobileNavigation.style.removeProperty("height")
+        mobileNavigation.style.gridTemplateRows = "[transparent-nav-close-area] 0 [navigation-items] 0 [navigation-controls] min-content"
+
+        mobileNavigationItems.setAttribute "aria-hidden", "true"
+
   navigationToggleButton.addEventListener "click", toggleNavigation
   transparentNavCloseArea.addEventListener "click", toggleNavigation

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-miniplex
 version: !ruby/object:Gem::Version
-  version: 0.6.0
+  version: 0.7.1
 platform: ruby
 authors:
 - Timo Würsch
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-02-09 00:00:00.000000000 Z
+date: 2023-02-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll