j1-template 2021.1.19 → 2021.1.20

data/lib/starter_web/pages/public/previewer/rouge.adoc

@@ -84,7 +84,7 @@ Make a selection of theme below to preview.
   <!-- NOTE: control the behaviour of popper.js for positioning -->
   <!-- NOTE: set attribute data-flip="false" to open the SELECT list at the BOTTOM of the BUTTON -->
   <button class="btn btn-primary btn-raised btn-flex btn-lg dropdown-toggle" data-flip="false" type="button" data-toggle="dropdown" data-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
-  Select Theme<span class="caret"></span>
+  Select a theme<span class="caret"></span>
   </button>
   <ul class="dropdown-menu scrollable-menu" role="menu">
     <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16</a></li>

data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc

@@ -89,12 +89,12 @@ and *no* `modifier` is used for an Emoji.
 
 .Click on `view result` to see the nice turtle ...
 ----
-You're faster than a emoji:turtle[2x] - for sure emoji:heart[pulsed] !
+You're faster than a emoji:turtle[2x] - for sure emoji:heart[pulsed]!
 ----
 
 [.result]
 ====
-You're faster than a emoji:turtle[2x] - for sure emoji:heart[pulsed] !
+You're faster than a emoji:turtle[2x] - for sure emoji:heart[pulsed]!
 ====
 
 Writing complex Asciidoc Macros for documents are not fun. For the `emoji:`
@@ -176,7 +176,7 @@ Simple like that!
 <script>
   $('#twemoji-picker').twemojiPicker({
     init: '',
-    placeholder: 'Click on button Picker to select Emoji\'s from a Category',
+    language: "{{site.language}}",
     size: '3.5rem',
     iconSize: '2rem',
     height: '100px',

data/lib/starter_web/pages/public/tictok.adoc

@@ -0,0 +1,127 @@
+---
+title:                                  TikTok
+tagline:                                video examples
+date:                                   2021-04-17 00:00:00 +100
+description: >
+                                        Welcome to the preview page focussing on the image module. This page
+                                        shows some valuable features of the J1 Template to manage your image-based
+                                        content using lightboxes, carousels (slider), and galleries.
+
+categories:                             [ TikTok ]
+tags:                                   [ Video, Desktop ]
+
+comments:                               true
+fam_menu_id:                            page_ctrl_simple
+
+personalization:                        true
+
+permalink:                              /pages/public/tiktok/
+regenerate:                             false
+
+resources:                              [ justifiedGallery, lightGallery ]
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/franck-1920x1280.jpg
+          alt:                          Photo by Franck on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Franck
+            href:                       https://unsplash.com/@franckinjapan
+---
+
+// Page Initializer
+// =============================================================================
+// Enable the Liquid Preprocessor
+:page-liquid:
+
+// Set (local) page attributes here
+// -----------------------------------------------------------------------------
+// :page--attr:                         <attr-value>
+:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
+
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
+
+// Load page attributes
+// -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="none" %}
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+// Include sub-documents
+// -----------------------------------------------------------------------------
+
+lorem:sentences[3]
+
+lorem:sentences[5]
+
+== Funny videos
+
+lorem:sentences[3]
+
+++++
+<!-- See: https://forum.obsidian.md/t/how-do-i-embed-tiktok-videos/13532/13 -->
+<!-- div style="max-width: 56vh;"><div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 177.7778%; padding-top: 120px;"><iframe src="https://www.tiktok.com/embed/6992668750692584710" allow="fullscreen" style="position: absolute; top: 0px; left: 0px; height: 100%; width: 100%;"></iframe></div -->
+<iframe loading="lazy" width="340" height="700" src="https://www.tiktok.com/embed/6726553443009383682" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>
+<iframe loading="lazy" width="340" height="700" src="https://www.tiktok.com/embed/6983746143356292357" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>
+<iframe loading="lazy" width="340" height="700" src="https://www.tiktok.com/embed/6726553443009383682" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>
+
+<!-- script async src="https://www.tiktok.com/embed.js"></script -->
+
+<style>
+
+/*
+$grid-breakpoint-xl:                              1200px;
+$grid-breakpoint-lg:                              992px;
+$grid-breakpoint-lg-min:                          991px;
+$grid-breakpoint-md:                              768px;
+$grid-breakpoint-md-min:                          767px;
+$grid-breakpoint-sm:                              576px;
+$grid-breakpoint-xs:                              575px;
+*/
+
+.lg-tiktok {
+  padding-left: 200px;
+}
+
+/* Desktop */
+@media screen and (min-width: 991px) {
+  .lg-tiktok {
+    padding-left: 300px;
+  }
+}
+
+
+/* iPad */
+@media screen and (max-width: 1024px) {
+  .lg-tiktok {
+    padding-left: 40px;
+  }
+}
+
+/* Mobile */
+@media screen and (max-width: 575px)  {
+  .lg-tiktok {
+    padding-left: 20px;
+  }
+ }
+
+/*
+ @media screen and (max-width: 575px)  {
+   .lg-tiktok {
+     padding-left: 180px;
+   }
+  }
+*/
+
+</style>
+++++
+
+// .TikTok
+// gallery::jg_tiktok[role="mb-5"]

data/lib/starter_web/utilsrv/_defaults/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "utls",
-  "version": "2021.1.19",
+  "version": "2021.1.20",
   "description": "J1 Template Utility Server",
   "homepage": "https://jekyll.one",
   "author": {

data/lib/starter_web/utilsrv/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "utls",
-  "version": "2021.1.19",
+  "version": "2021.1.20",
   "description": "J1 Template Utility Server",
   "homepage": "https://jekyll.one",
   "author": {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: j1-template
 version: !ruby/object:Gem::Version
-  version: 2021.1.19
+  version: 2021.1.20
 platform: ruby
 authors:
 - juergen_jekyll_one
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-08-10 00:00:00.000000000 Z
+date: 2021-08-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -351,6 +351,7 @@ files:
 - assets/data/mmenu_toc.html
 - assets/data/panel.html
 - assets/data/quicklinks.html
+- assets/data/rtext_resizer.html
 - assets/data/themes.json
 - assets/data/twa_v1.json
 - assets/error_pages/HTTP204.html
@@ -382,6 +383,7 @@ files:
 - assets/themes/j1/adapter/js/quicksearch.js
 - assets/themes/j1/adapter/js/rouge.js
 - assets/themes/j1/adapter/js/rtable.js
+- assets/themes/j1/adapter/js/rtextResizer.js
 - assets/themes/j1/adapter/js/themer.js
 - assets/themes/j1/adapter/js/toccer.js
 - assets/themes/j1/core/css/animate.css
@@ -560,7 +562,6 @@ files:
 - assets/themes/j1/modules/justifiedGallery/css/theme/uno.min.css
 - assets/themes/j1/modules/justifiedGallery/js/justifiedGallery.js
 - assets/themes/j1/modules/justifiedGallery/js/justifiedGallery.min.js
-- assets/themes/j1/modules/kofax.7z
 - assets/themes/j1/modules/lightGallery/css/core/lg-fb-comment-box.css
 - assets/themes/j1/modules/lightGallery/css/core/lg-fb-comment-box.min.css
 - assets/themes/j1/modules/lightGallery/css/core/lg-transitions.css
@@ -770,8 +771,6 @@ files:
 - assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css
 - assets/themes/j1/modules/mdiPreviewer/js/previewer.js
 - assets/themes/j1/modules/mdiPreviewer/js/previewer.min.js
-- assets/themes/j1/modules/mdiPreviewer/js/previewer.new.js
-- assets/themes/j1/modules/mdiPreviewer/js/previewer.old.js
 - assets/themes/j1/modules/mmenuLight/css/mmenu-light.css
 - assets/themes/j1/modules/mmenuLight/css/mmenu-light.min.css
 - assets/themes/j1/modules/mmenuLight/css/theme/uno/mmenu.css
@@ -1068,6 +1067,7 @@ files:
 - lib/starter_web/assets/images/modules/attics/building-blocks-1920x1280-bw.jpg
 - lib/starter_web/assets/images/modules/attics/christa-dodoo-1920x1280.jpg
 - lib/starter_web/assets/images/modules/attics/cookies-1920x1200.jpg
+- lib/starter_web/assets/images/modules/attics/franck-1920x1280.jpg
 - lib/starter_web/assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
 - lib/starter_web/assets/images/modules/attics/ideas-start-here-1920x1280-bw.jpg
 - lib/starter_web/assets/images/modules/attics/jessica-ruscello-1920x1280.jpg
@@ -1213,6 +1213,7 @@ files:
 - lib/starter_web/assets/images/pages/roundtrip/100_present_images/lightbox-thumb-3.jpg
 - lib/starter_web/assets/images/pages/roundtrip/410_bs_modals_extentions/avatar.jpg
 - lib/starter_web/assets/images/pages/roundtrip/410_bs_modals_extentions/marc.jpg
+- lib/starter_web/assets/images/pages/roundtrip/500_themes/themes-menu-1280x800.jpg
 - lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_icon-800x200.jpg
 - lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_icon.jpg
 - lib/starter_web/assets/images/pages/roundtrip/600_quicksearch/quicksearch_input-800x200.jpg
@@ -1234,6 +1235,7 @@ files:
 - lib/starter_web/assets/images/pages/skeleton/library-1920x1280.jpg
 - lib/starter_web/assets/images/pages/skeleton/romain-vignes-1920x1280.jpg
 - lib/starter_web/assets/images/pages/skeleton/sigmund-1920x1280.jpg
+- lib/starter_web/assets/images/pages/videos/szabo-viktor-1920x1280.jpg
 - lib/starter_web/assets/images/quotes/colored-1.jpg
 - lib/starter_web/assets/images/quotes/colored-2.jpg
 - lib/starter_web/assets/images/quotes/default.jpg
@@ -1251,6 +1253,8 @@ files:
 - lib/starter_web/assets/videos/gallery/video_michelle-poster.jpg
 - lib/starter_web/assets/videos/headers/still/underground-broadway.jpg
 - lib/starter_web/assets/videos/headers/still/victoria-oskolovich-on-vimeo.jpg
+- lib/starter_web/assets/videos/tiktok/einhorn.jpg
+- lib/starter_web/assets/videos/tiktok/waluschka.jpg
 - lib/starter_web/collections/posts/private/_posts/readme
 - lib/starter_web/collections/posts/protected/_posts/readme
 - lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1.adoc.erb
@@ -1388,6 +1392,7 @@ files:
 - lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc
 - lib/starter_web/pages/public/previewer/rouge.adoc
 - lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc
+- lib/starter_web/pages/public/tictok.adoc
 - lib/starter_web/utilsrv/_defaults/package.json
 - lib/starter_web/utilsrv/package.json
 - lib/starter_web/utilsrv/server.js

data/assets/themes/j1/modules/mdiPreviewer/js/previewer.new.js

@@ -1,111 +0,0 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.js
- # Provides JS functions for the MDI Icon Previewer
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2021 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # -----------------------------------------------------------------------------
-*/
-
-(function () {
-
-  var icons          = {};
-  var icon_database  = '/assets/data/mdi_icons.json';
-
-    function load_data_database() {
-      // Returns the icon database object
-      return $.ajax({
-        url:      icon_database,
-        success:  function (data) {
-          if (typeof data == 'string') {
-            icons = JSON.parse(data);
-          }
-          if (typeof data == 'object') {
-            icons = data;
-          }
-        }
-      })
-    };
-
-    $.when( load_data_database() ).done (
-      function( load_database_response ) {
-
-        icons.push({ "name": "blank", "codepoint": "F068C" });
-
-        var copyText = function (text) {
-            // const mdi_icon = document.querySelector('#mdi-con');
-            // const tooltip = document.querySelector('#tooltip');
-
-            var copyFrom = document.createElement('textarea');
-            copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
-            copyFrom.value = text;
-            document.body.appendChild(copyFrom);
-            copyFrom.select();
-            document.execCommand('copy');
-            var copied = document.createElement('div');
-            copied.setAttribute('class', 'copied');
-            copied.appendChild(document.createTextNode('Copied to Clipboard'));
-            document.body.appendChild(copied);
-
-            // Popper.createPopper(mdi_icon, tooltip, {
-            //   placement: 'right',
-            // });
-
-            setTimeout(function () {
-                document.body.removeChild(copyFrom);
-                document.body.removeChild(copied);
-            }, 1500);
-        };
-        // Skip info record 0 (j=1)
-        for (var j = 1; j < icons.length; j++) {
-            var div = document.createElement('div'),
-                i = document.createElement('i');
-            div.setAttribute("id", "mdi-icon");
-
-            i.className = 'mdi mdi-' + icons[j].name;
-            div.appendChild(i);
-            var code = document.createElement('code');
-            code.appendChild(document.createTextNode('#' + icons[j].codepoint));
-            div.appendChild(code);
-            var span = document.createElement('span');
-            //span.appendChild(document.createTextNode('mdi-' + icons[j].name));
-            span.appendChild(document.createTextNode(icons[j].name));
-            div.appendChild(span);
-
-            span.onclick = (function (icon) {
-                return function () {
-                    //document.getElementById('name').innerHTML = icon.name;
-                };
-            })(icons[j]);
-
-            i.onmouseup = (function (icon) {
-                return function () {
-                    //copyText(String.fromCharCode(parseInt(icon.value, 16)));
-                    copyText('\\' + icon.codepoint);
-                };
-            })(icons[j]);
-
-            code.onmouseup = (function (icon) {
-                return function () {
-                    copyText('#' + icon.codepoint);
-                };
-            })(icons[j]);
-
-            span.onmouseup = (function (icon) {
-                return function () {
-                    copyText('mdi-' + icon.name);
-                    //copyText(icon.name);
-                };
-            })(icons[j]);
-
-            document.getElementById('icons').appendChild(div);
-        }
-    });
-
-})();

data/assets/themes/j1/modules/mdiPreviewer/js/previewer.old.js

@@ -1,103 +0,0 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.js
- # Provides JS functions for the MDI Icon Previewer
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2021 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # -----------------------------------------------------------------------------
-*/
-
-(function () {
-
-  var icons          = {};
-  var icon_database  = '/assets/data/mdi_icons.json';
-
-    function load_data_database() {
-      // Returns the icon database object
-      return $.ajax({
-        url:      icon_database,
-        success:  function (data) {
-          if (typeof data == 'string') {
-            icons = JSON.parse(data);
-          }
-          if (typeof data == 'object') {
-            icons = data;
-          }
-        }
-      })
-    };
-
-    $.when( load_data_database() ).done (
-      function( load_database_response ) {
-
-        icons.push({ "name": "blank", "codepoint": "F068C" });
-
-        var copyText = function (text) {
-            var copyFrom = document.createElement('textarea');
-            copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
-            copyFrom.value = text;
-            document.body.appendChild(copyFrom);
-            copyFrom.select();
-            document.execCommand('copy');
-            var copied = document.createElement('div');
-            copied.setAttribute('class', 'copied');
-            copied.appendChild(document.createTextNode('Copied to Clipboard'));
-            document.body.appendChild(copied);
-            setTimeout(function () {
-                document.body.removeChild(copyFrom);
-                document.body.removeChild(copied);
-            }, 1500);
-        };
-        // Skip info record 0 (j=1)
-        for (var j = 1; j < icons.length; j++) {
-            var div = document.createElement('div'),
-                i = document.createElement('i');
-            div.setAttribute("id", "mdi-icon");
-
-            i.className = 'mdi mdi-' + icons[j].name;
-            div.appendChild(i);
-            var code = document.createElement('code');
-            code.appendChild(document.createTextNode('#' + icons[j].codepoint));
-            div.appendChild(code);
-            var span = document.createElement('span');
-            //span.appendChild(document.createTextNode('mdi-' + icons[j].name));
-            span.appendChild(document.createTextNode(icons[j].name));
-            div.appendChild(span);
-
-            span.onclick = (function (icon) {
-                return function () {
-                    //document.getElementById('name').innerHTML = icon.name;
-                };
-            })(icons[j]);
-
-            i.onmouseup = (function (icon) {
-                return function () {
-                    //copyText(String.fromCharCode(parseInt(icon.value, 16)));
-                    copyText('\\' + icon.codepoint);
-                };
-            })(icons[j]);
-
-            code.onmouseup = (function (icon) {
-                return function () {
-                    copyText('#' + icon.codepoint);
-                };
-            })(icons[j]);
-
-            span.onmouseup = (function (icon) {
-                return function () {
-                    copyText('mdi-' + icon.name);
-                    //copyText(icon.name);
-                };
-            })(icons[j]);
-
-            document.getElementById('icons').appendChild(div);
-        }
-    });
-
-})();