j1-template 2023.0.17 → 2023.1.0

data/assets/themes/j1/modules/masonry/css/theme/uno.css

@@ -0,0 +1,35 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/masonry/theme/uno.css
+ # Provides Masonry styles for J1 Theme Uno
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+*/
+@charset 'UTF-8';
+
+.masonry-parent {
+}
+
+.grid {
+}
+
+.grid-sizer,
+.grid-item {
+  float: left;
+  width: 33%;
+  /* height: 60px;
+  border: 2px solid hsla(0, 0%, 0%, 0.5); */
+}
+
+.masonry-title {
+    font-style: italic;
+    font-weight: 500;
+/* margin-left: 5px; */
+}

data/assets/themes/j1/modules/masonry/css/theme/uno.min.css

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/masonry/theme/uno.min.css
+ # Provides Masonry styles for J1 Theme Uno
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+*/
+@charset 'UTF-8';.grid-sizer,.grid-item{float:left;width:33%}.masonry-title{font-style:italic;font-weight:500}

data/assets/themes/j1/modules/mmenuLight/css/theme/uno/mmenu.css

@@ -187,9 +187,9 @@ NOTE: For unknown reason, style "mm-ocd--left" is NOT applied correctly
    Large devices (desktops, 992px and up)
 */
 @media only screen and (min-width: 992px) {
-  .mm-ocd {
-    top: 80px; /* drawer top offset to NAV bar */
-  }
+  /* .mm-ocd {
+    top: 100px; /* drawer top offset to NAV bar */
+  } */
   .mm-ocd__content {
       background-color: #000; /* black */
   }

data/assets/themes/j1/modules/mmenuLight/css/theme/uno/mmenu.min.css

@@ -12,4 +12,4 @@
  #  See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
  # -----------------------------------------------------------------------------
 */
-.mm-ocd--left .mm-ocd__content{background-color:#000}.mm-ocd--right .mm-ocd__content{background-color:#000}.mmenu-item.active,.mmenu-item:active{text-decoration:none;background-color:#607d8b}.mm-spn li:after{border-top:0 !important}.mm-spn a:not(:last-child):after{border-right:0 !important}.mm-spn li:hover{background-color:#424242}.mm-spn.mm-spn--navbar:after{text-align:left;font-size:x-large}.mm-spn.mm-spn--dark{color:#e3e3e3;background:#000 !important}.mm-spn ul{background:#000 !important}.mm-side{margin:1.5rem}.mm-side .widget{position:relative;z-index:1;margin-bottom:25px}.mm-side .widget .title{color:#fff;margin-bottom:15px;border-left:3px solid #204a87;padding-left:5px}.menu-title{margin-bottom:1.5rem;font-size:28px;color:#eee;border-bottom:1px solid #757575}.mm-side .widget .heading{text-align:left;color:#eee;font-size:20px;text-transform:uppercase;position:relative;margin-bottom:10px;padding-bottom:10px}.mm-side .widget ul.link{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;padding:0;margin:0;list-style:none;line-height:1.5rem}.mm-side .widget ul.link li a{color:#aaa}.mm-side .widget ul.link li a:focus,.mm-side .widget ul.link li a:hover{color:#fafafa;text-decoration:none;font-weight:500}.mm-spn a{color:#9e9e9e !important}.mm-spn a:hover{color:#9e9e9e !important}a.toc-link:hover{color:#fafafa;text-decoration:none;font-weight:500}@media only screen and (min-width:992px){.mm-ocd{top:80px}.mm-ocd__content{background-color:#000}}@media only screen and (max-width:992px){.mm-ocd{top:48px}.mm-ocd__content{background-color:#000}}
+.mm-ocd--left .mm-ocd__content{background-color:#000}.mm-ocd--right .mm-ocd__content{background-color:#000}.mmenu-item.active,.mmenu-item:active{text-decoration:none;background-color:#607d8b}.mm-spn li:after{border-top:0 !important}.mm-spn a:not(:last-child):after{border-right:0 !important}.mm-spn li:hover{background-color:#424242}.mm-spn.mm-spn--navbar:after{text-align:left;font-size:x-large}.mm-spn.mm-spn--dark{color:#e3e3e3;background:#000 !important}.mm-spn ul{background:#000 !important}.mm-side{margin:1.5rem}.mm-side .widget{position:relative;z-index:1;margin-bottom:25px}.mm-side .widget .title{color:#fff;margin-bottom:15px;border-left:3px solid #204a87;padding-left:5px}.menu-title{margin-bottom:1.5rem;font-size:28px;color:#eee;border-bottom:1px solid #757575}.mm-side .widget .heading{text-align:left;color:#eee;font-size:20px;text-transform:uppercase;position:relative;margin-bottom:10px;padding-bottom:10px}.mm-side .widget ul.link{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;padding:0;margin:0;list-style:none;line-height:1.5rem}.mm-side .widget ul.link li a{color:#aaa}.mm-side .widget ul.link li a:focus,.mm-side .widget ul.link li a:hover{color:#fafafa;text-decoration:none;font-weight:500}.mm-spn a{color:#9e9e9e !important}.mm-spn a:hover{color:#9e9e9e !important}a.toc-link:hover{color:#fafafa;text-decoration:none;font-weight:500}*/.mm-ocd__content{background-color:#000}}@media only screen and (max-width:992px){.mm-ocd{top:48px}.mm-ocd__content{background-color:#000}}

data/assets/themes/j1/modules/slick/lightbox/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2014
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/assets/themes/j1/modules/slick/lightbox/README.md

@@ -0,0 +1,133 @@
+# slick-lightbox
+
+[![CDNJS](https://img.shields.io/cdnjs/v/slick-lightbox.svg)](https://cdnjs.com/libraries/slick-lightbox)
+
+A lightbox wrapper for Ken's amazing slick carousel. Credits go to [kenwheeler](https://github.com/kenwheeler) for doing the [hard work](https://github.com/kenwheeler/slick).
+
+## Setup
+
+### Bower
+
+```
+bower install -S slick-lightbox
+```
+
+### Ruby on Rails
+
+Use the [slick-lightbox-rails](https://github.com/jwir3/slick-lightbox-rails) gem. Add to Gemfile.
+
+```
+gem 'slick-lightbox-rails', '>= 0.0.1'
+```
+
+Run bundler.
+
+```
+bundle install
+```
+
+## Usage
+
+Make sure you include CSS for both slick and slick-lightbox. Example HTML:
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <title>slick lightbox</title>
+  <meta name="viewport" content="width=device-width">
+  <link rel="stylesheet" type="text/css" href="bower_components/slick-carousel/slick/slick.css">
+  <link rel="stylesheet" type="text/css" href="bower_components/slick-carousel/slick/slick-theme.css">
+  <link rel="stylesheet" type="text/css" href="styles/slick-lightbox.css">
+</head>
+<body>
+  <div>
+    <ul>
+      <li><a href="http://placekitten.com/1600/1300" data-caption="Lorem ipsum 1600x1300">http://placekitten.com/1600/1300</a></li>
+      <li><a href="http://placekitten.com/1630/1280" data-caption="Lorem ipsum 1630x1280">http://placekitten.com/1630/1280</a></li>
+      <li><a href="http://placekitten.com/1500/1250" data-caption="Lorem ipsum 1500x1250">http://placekitten.com/1500/1250</a></li>
+    </ul>
+  </div>
+  <script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
+  <script type="text/javascript" src="bower_components/slick-carousel/slick/slick.min.js"></script>
+  <script type="text/javascript" src="scripts/slick-lightbox.js"></script>
+  <script type="text/javascript">
+    $(document).ready(function(){
+      $('ul').slickLightbox({
+        itemSelector: '> li > a'
+      });
+    });
+  </script>
+</body>
+</html>
+```
+
+## Options
+
+Option               | Type     |  Default         | Description
+------               | ----     |  -------         | -----------
+background           | string   | `rgba(0,0,0,.8)` | Background for the lightbox. Is used directly as a CSS `background` statement so that color and/or an image can be used.
+closeOnEscape        | boolean  | `true`           | Should the lightbox close upon pressing ESC?
+closeOnBackdropClick | boolean  | `true`           | Should the lightbox close upon clicking on backdrop?
+destroyTimeout       | number   | `500`            | How many ms should we wait before actually removing the lightbox from the DOM? The default is used so that a 0.5s opacity transition can take place.
+itemSelector         | string   | `a`              | jQuery-like selector for the carousel-to-create items. The items should be anchors with `href` attribute aiming at the desired lightbox image. If that's not the case, you should specify the `src` option.
+navigateByKeyboard   | boolean  | `true`           | Can you use keyboard arrows to navigate the carousel?
+slick                | object   | `{}`             | Slick options to pass to the carousel.
+caption              | various  | `false`          | Should the images be captioned? If `false`, no caption is created. You can pass your own **function** accepting the `element` and `info` attributes (e.g. `function(element, info) { return $(element).doSomething(); }`, with `info` being an `{ index: itemIndex, length: itemCount }` object) or a **string** with the name of the `data-attribute` to be fetched (`my-caption` will get the value of `data-my-caption` attribute).
+src                  | various  | `false`          | How to get the image urls? If `false`, no src is taken as the `href` attribute. You can pass your own **function** accepting the element as an attribute (e.g. `function(element) { return $(element).doSomething(); }`) or a **string** with the name of the attribute to be fetched (`src` will get the value of `element.src` attribute).
+captionPosition      | various  | `'dynamic'`      | Where should the caption be placed? When set to 'dynamic', the caption is displayed right under the image. When 'bottom', the caption is on the bottom of the screen independent to the image size.
+images               | various  | `false`          | When passed an array, slick lightbox doesn't scan the elements for image URLs and uses array's values instead.
+useHistoryApi        | boolean  | `false`          | When `true`, opening the lightbox does a `history.pushState`. The plugin then listens for the `popstate` event to close the lightbox.
+layouts              | object   |                  | See [Layouts](#layouts)
+shouldOpen           | function | `null`           | Given a function, checks the return value before opening. If the function returns a falsy value, the lightbox is not opened upon clicking on the items. Accepts three arguments - the slick lightbox instance as the first, the clicked element as the second and the click event as the last.
+imageMaxHeight       | number   | `0.9`            | Maximum height of the lightbox images. Relative to the window height.
+lazy                 | boolean  | `false`          | Should the images be lazyloaded? 
+lazyPlaceholder      | string   | `null`           | Path to lazyloading placeholder. Defaults to a blank gif.
+
+## Events
+
+Events are triggered on the source element. Example:
+
+```javascript
+$(document).ready(function(){
+  $('ul').slickLightbox().on({
+    'show.slickLightbox': function(){ console.log('A `show.slickLightbox` event triggered.'); },1
+    'shown.slickLightbox': function(){ console.log('A `shown.slickLightbox` event triggered.'); },
+    'hide.slickLightbox': function(){ console.log('A `hide.slickLightbox` event triggered.'); },
+    'hidden.slickLightbox': function(){ console.log('A `hidden.slickLightbox` event triggered.'); }
+  });
+});
+```
+
+Event                | Description
+------               | ----
+show.slickLightbox   | Triggered when the lightbox is opened.
+shown.slickLightbox  | Triggered when the lightbox is opened, after the transitions took place.
+hide.slickLightbox   | Triggered when the lightbox is closed.
+hidden.slickLightbox | Triggered when the lightbox is closed, after the transitions took place.
+
+
+## Layouts
+
+The layout is customizable using the `layouts` option object.
+
+- `layouts.closeButton`, which defaults to `<button type="button" class="slick-lightbox-close"></button>`
+
+## Lightbox instance
+
+You can access the lightbox instance through the bound element. It's assigned to `.slickLightbox`. Example:
+
+```javascript
+$('#my-element').slickLightbox()
+console.log('My slickLightbox instance:', $('#my-element')[0].slickLightbox)
+// once a lightbox is opened
+console.log('My slick instance:', $('#my-element')[0].slickLightbox.slick)
+```
+
+## Demos
+
+The [slick-lightbox demo page](https://mreq.github.io/slick-lightbox/demo/) contains various setups of slick lightbox.
+
+## Contributing
+
+Edit the coffee source please. Use gulp to build.

data/assets/themes/j1/modules/slick/lightbox/css/slick-lightbox.css

@@ -0,0 +1,128 @@
+.slick-lightbox {
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	width: 100%;
+	height: 100%;
+	background: black;
+	-webkit-transition: opacity 0.5s ease;
+	transition: opacity 0.5s ease
+}
+
+.slick-lightbox .slick-loading .slick-list {
+	background-color: transparent
+}
+
+.slick-lightbox .slick-prev {
+	left: 15px
+}
+
+.slick-lightbox .slick-next {
+	right: 15px
+}
+
+.slick-lightbox-hide {
+	opacity: 0
+}
+
+.slick-lightbox-hide.slick-lightbox-ie {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	filter: alpha(opacity=0)
+}
+
+.slick-lightbox-hide-init {
+	position: absolute;
+	top: -9999px;
+	opacity: 0
+}
+
+.slick-lightbox-hide-init.slick-lightbox-ie {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	filter: alpha(opacity=0)
+}
+
+.slick-lightbox-inner {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%
+}
+
+.slick-lightbox-slick-item {
+	text-align: center;
+	overflow: hidden
+}
+
+.slick-lightbox-slick-item:before {
+	content: '';
+	display: inline-block;
+	height: 100%;
+	vertical-align: middle;
+	margin-right: -0.25em
+}
+
+.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	text-align: center;
+	width: 100%;
+	margin-bottom: 20px
+}
+
+.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
+	display: block;
+	text-align: center
+}
+
+.slick-lightbox-slick-item-inner {
+	display: inline-block;
+	vertical-align: middle;
+	max-width: 90%;
+	max-height: 90%
+}
+
+.slick-lightbox-slick-img {
+	margin: 0 auto;
+	display: block;
+	max-width: 90%;
+	max-height: 90%
+}
+
+.slick-lightbox-slick-caption {
+	margin: 10px 0 0;
+	color: white
+}
+
+.slick-lightbox-close {
+	position: absolute;
+	top: 15px;
+	right: 15px;
+	display: block;
+	height: 20px;
+	width: 20px;
+	line-height: 0;
+	font-size: 0;
+	cursor: pointer;
+	background: transparent;
+	color: transparent;
+	padding: 0;
+	border: none
+}
+
+.slick-lightbox-close:focus {
+	outline: none
+}
+
+.slick-lightbox-close:before {
+	font-family: "slick";
+	font-size: 20px;
+	line-height: 1;
+	color: white;
+	opacity: 0.85;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	content: '×'
+}

data/assets/themes/j1/modules/slick/lightbox/css/slick-lightbox.min.css

@@ -0,0 +1 @@
+.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}