jekyll-theme-miniplex 0.9.2 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5824a5e5f6768a2df574c4b5a45ec0b59368c0174183b70374df4a0a2cd4b36e
-  data.tar.gz: c424f1930c8dd47b3ef9a47aa9d190a4104a99c00273870f9a46fbfd0e1f493a
+  metadata.gz: c45ca6694d6c5bf57671b8deb295eba737cd51086a97c36da45ed1696f69db3b
+  data.tar.gz: 39442e86cf8f846eb8a5e9525dde40e25367aad79f4fc4186c6b211cade9b455
 SHA512:
-  metadata.gz: 2ab16e848ede97dd2ccf28981ac514aebe4fb9f241d5d6baa516d122c14d1e2bdd58c4ac4e0dd0a042a23ca8c4be79b6401c3a7d5be1a2fa7c55b10053fc5b14
-  data.tar.gz: 2adeda68ecca2f314c9e575d725734c35bcf4ab5063e4c20700e9939a104c4fddc5a036782cdec82ff7cc764e3a33afc4ab78a8239c1ad9849c2f907be4245b5
+  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

@@ -251,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
@@ -276,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
@@ -308,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
 
@@ -693,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))
@@ -707,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  
@@ -768,3 +769,31 @@ body
           --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/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.2
+  version: 0.10.0
 platform: ruby
 authors:
 - Timo Würsch
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-02-24 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
@@ -77,7 +78,7 @@ homepage: https://gitlab.com/twuersch/jekyll-theme-miniplex
 licenses:
 - MIT
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -92,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: []