jekyll-theme-miniplex 0.9.1 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5440c167d1f2a79a571d45e808ebf0693f77a05b1b6ca424829e0f3109618e45
-  data.tar.gz: a0279927c9e2595f3fae3a64d60067b954facf47f87f0f76df266adfdb140da6
+  metadata.gz: c45ca6694d6c5bf57671b8deb295eba737cd51086a97c36da45ed1696f69db3b
+  data.tar.gz: 39442e86cf8f846eb8a5e9525dde40e25367aad79f4fc4186c6b211cade9b455
 SHA512:
-  metadata.gz: b672857e8c8d5d0d3665e143cf3595c0c29c0ba05a7fe3f4abbbd893a81e2d9509545d914c987839d15eeda0ea12a9a7b758e3708f49e008908121712949e8a4
-  data.tar.gz: 5dba39b7be52f0d28e7d733e5caa00b2acee8d210419552618da336dec515c4599eb5a74a8a14c4d5c11e55be146ea1d5aab0d5befc454dde44db4cf9f8cc53a
+  metadata.gz: d52cc355fcc661118970171b8c8b46dfe7b623c5e43bc3ab7b3ea1248f9fba99af71d7208ffcad7ccd368878f1093041eaaa0378ec52c0c754127117fa2a871c
+  data.tar.gz: 37fd7dc6de44f0ff8e82af53e4bbafb4984ed3c7d734a5479e50daac547b863312bef5a1cbe2ec691abd023054ddf9abd28dda71bf87adb11126d243ef94d0c3

data/README.md

@@ -41,16 +41,18 @@ titles_from_headings:
   collections: true
 ```
 
-And then execute:
+Execute...
 
     $ bundle
 
+... to install everything.
+
 
 ## Usage
 
 ### Layouts
 
-At the moment, there is a `page` and a `post` layout, but they use the `default` layout and so are identical.
+There are two layouts: `page` and `post`. They are almost identical, except for the `post` layout that shows the post's date and author below the title.
 
 ### Configuration options
 
@@ -63,8 +65,8 @@ miniplex:
 
 ## ToDos & Missing Features
 
-- [ ] In-page navigation
 - [ ] Footer
+- [ ] In-page navigation
 - [ ] Maximizable tables
 - [ ] Breadcrumbs, if possible
 - [ ] Side notes, if possible

data/_includes/footer.html

@@ -0,0 +1 @@
+Made with <a href="https://jekyllrb.com/" target="_new">Jekyll</a> and <a href="https://gitlab.com/twuersch/jekyll-theme-miniplex" target="_new">jekyll-theme-miniplex</a>.

data/_layouts/default.html

@@ -30,6 +30,9 @@
       <nav id="navigation-mobile" data-state="closed" role="navigation">
         {% include navigation_mobile.html %}
       </nav>
+      <footer>
+        {% include footer.html %}
+      </footer>
     </div>
   </body>
 </html>

data/_sass/jekyll-theme-miniplex.sass

@@ -77,6 +77,10 @@ $large_breakpoint: $medium_breakpoint + $large_minimum_left_navigation_width + 2
   @media print
     @content
 
+@mixin dark_mode
+  @media (prefers-color-scheme: dark)
+    @content
+
 // Creates a CSS property with separate values depending on the mode/breakpoint. 
 // Modes "xs", "s", "m" and "l" are available as keyword arguments. Examples:
 //
@@ -247,7 +251,6 @@ $large_breakpoint: $medium_breakpoint + $large_minimum_left_navigation_width + 2
   --group_color_level_1: #eeeeee
   --group_color_level_2: #dddddd
 
-
 :root
   @media (prefers-color-scheme: dark)
     --primary_foreground_color: #ffffff
@@ -272,7 +275,7 @@ body
       display: grid
       height: 100vh
       grid-template-columns: [left-navigation] auto [content] 1fr
-      grid-template-rows: auto
+      grid-template-rows: [navigation-and-content] min-content [footer] min-content
 
     @include below_large_mode
       display: flex
@@ -304,9 +307,12 @@ body
         grid-column: content / span 1
         grid-row: 1 / span 1
         width: $medium_content_width
-        padding: $medium_padding
+        padding-top: $medium_padding
+        @include linear_responsive_property("padding-right", $large_breakpoint, $unit, $large_breakpoint + 8 * $unit, 8 * $unit)
+        padding-bottom: $medium_padding
+        padding-left: $medium_padding
         margin-left: auto
-        margin-right: auto
+        margin-right: 0
         margin-top: $medium_maximum_horizontal_margin
         margin-bottom: $medium_maximum_horizontal_margin
 
@@ -689,7 +695,7 @@ body
 
           li#site-title
             @include title_font
-            @include responsive_property(font-size, $xs: 1.125 * $unit, $s: 1.25 * $unit, $m: 1.5 * $unit, $otherwise: 1.5 * $unit)
+            @include responsive_property(font-size, $xs: 1 * $unit, $s: 1.25 * $unit, $m: 1.5 * $unit, $otherwise: 1.5 * $unit)
             @include responsive_property(padding-left, $m: $unit, $otherwise: math.div($unit, 2))
             @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))
@@ -703,9 +709,8 @@ body
           li
             @include responsive_property(padding-right, $m: $unit, $otherwise: math.div($unit, 2))
 
-
             button#mobile-navigation-toggle
-              @include responsive_property(font-size, $xs: 1.125 * $unit, $s: 1.25 * $unit, $m: 1.5 * $unit, $otherwise: 1.5 * $unit)
+              @include responsive_property(font-size, $xs: 1 * $unit, $s: 1.25 * $unit, $m: 1.5 * $unit, $otherwise: 1.5 * $unit)
               font-weight: bold
               color: var(--heading_foreground_color)
               cursor: pointer  
@@ -724,6 +729,8 @@ body
                 background-repeat: no-repeat 
                 background-size: 24px
                 background-image: var(--icon-url)
+                svg path
+                  fill: #ff0000
 
     // Mobile Navigation, start state
     nav#navigation-mobile
@@ -744,7 +751,9 @@ body
         box-shadow: 0 math.div($unit, 2) math.div($unit, 1) rgba(var(--heading_foreground_color), 0.4)
 
         button#mobile-navigation-toggle
-          --icon-url: url("/assets/images/menu-outline@2x.png")
+          --icon-url: url("/assets/images/menu-outline.svg")
+          @include dark_mode
+            --icon-url: url("/assets/images/menu-outline-darkmode.svg")
 
     // Mobile Navigation, open state
     nav#navigation-mobile[data-state="open"]
@@ -757,4 +766,34 @@ body
 
       #navigation-controls
         button#mobile-navigation-toggle
-          --icon-url: url("/assets/images/close-circle-outline@2x.png")
+          --icon-url: url("/assets/images/close-outline.svg")
+          @include dark_mode
+            --icon-url: url("/assets/images/close-outline-darkmode.svg")
+
+    footer
+      text-align: end
+      color: var(--accent_color_1)
+      background-color: var(--group_color_level_1)
+
+      a
+        color: var(--accent_color_1)
+
+      @include extrasmall_mode
+        padding: math.div($unit, 2)
+        padding-bottom: 4 * $unit
+      
+      @include small_mode
+        padding: math.div($unit, 2)
+        padding-bottom: 4 * $unit
+
+      @include medium_mode
+        padding: $unit
+        padding-bottom: 4 * $unit
+      
+      @include large_mode
+        grid-column: left-navigation / span 2
+        grid-row: footer / span 1
+        padding-top: $medium_padding
+        padding-bottom: $medium_padding
+        @include linear_responsive_property("padding-left", $large_breakpoint, $unit, $large_breakpoint + 8 * $unit, 8 * $unit)
+        @include linear_responsive_property("padding-right", $large_breakpoint, $unit, $large_breakpoint + 8 * $unit, 8 * $unit)

data/assets/images/close-outline-darkmode.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.25 17.25L6.75 6.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.25 6.75L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/assets/images/close-outline.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.25 17.25L6.75 6.75" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.25 6.75L6.75 17.25" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/assets/images/menu-outline-darkmode.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.75 7.5H20.25" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M3.75 12H20.25" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M3.75 16.5H20.25" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>

data/assets/images/menu-outline.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.75 7.5H20.25" stroke="#333333" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M3.75 12H20.25" stroke="#333333" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M3.75 16.5H20.25" stroke="#333333" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>

data/assets/js/main.coffee

@@ -14,7 +14,7 @@ document.addEventListener "DOMContentLoaded", (DOMLoadedEvent) ->
 
   # Mobile navigation
   mobileNavigation = document.querySelector "nav#navigation-mobile"
-  mobileNavigationItems = document.querySelector "nav#navigation-mobilenav#navigation-mobile ul#navigation-items"
+  mobileNavigationItems = document.querySelector "nav#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"
@@ -50,5 +50,7 @@ document.addEventListener "DOMContentLoaded", (DOMLoadedEvent) ->
 
         mobileNavigationItems.setAttribute "aria-hidden", "true"
 
+        mobileNavigation.scrollIntoView {block: "end"}
+
   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.9.1
+  version: 0.10.0
 platform: ruby
 authors:
 - Timo Würsch
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-02-23 00:00:00.000000000 Z
+date: 2023-03-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -38,7 +38,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 2.0.0
-description:
+description: 
 email:
 - twuersch@fastmail.com
 executables: []
@@ -49,6 +49,7 @@ files:
 - README.md
 - _config.yml
 - _includes/additional_head_tags.html
+- _includes/footer.html
 - _includes/navigation_desktop.html
 - _includes/navigation_mobile.html
 - _layouts/default.html
@@ -68,14 +69,16 @@ files:
 - assets/fonts/IBMPlexSans-Regular.woff2
 - assets/fonts/IBMPlexSerif-BoldItalic.woff2
 - assets/fonts/IBMPlexSerif-Italic.woff2
-- assets/images/close-circle-outline@2x.png
-- assets/images/menu-outline@2x.png
+- assets/images/close-outline-darkmode.svg
+- assets/images/close-outline.svg
+- assets/images/menu-outline-darkmode.svg
+- assets/images/menu-outline.svg
 - assets/js/main.coffee
 homepage: https://gitlab.com/twuersch/jekyll-theme-miniplex
 licenses:
 - MIT
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -90,8 +93,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
-signing_key:
+rubygems_version: 3.3.26
+signing_key: 
 specification_version: 4
 summary: A Jekyll theme.
 test_files: []