j1-template 2021.0.9 → 2021.0.10

data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc

@@ -18,14 +18,17 @@ categories:                             [ Info, Introduction ]
 permalink:                              /pages/public/panels/intro_panel/
 regenerate:                             false
 
-resources:                              [ lightbox, carousel ]
+resources:                              [
+                                          clipboard, rouge, carousel, lightbox,
+                                          justified_gallery, light_gallery
+                                        ]
 resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/responsive-text-1920x1280.jpg
+        - url:                          /assets/images/modules/attics/jessica-ruscello-1920x1280.jpg
           alt:                          responsive-text-1920x1280
           badge:
             type:                       unsplash
@@ -40,7 +43,7 @@ resource_options:
 == Full Responsive
 
 [role="mb-3"]
-image::/assets/images/pages/panels/the-place-1920x800.jpg[{{page.title}}]
+image::/assets/images/pages/panels/responsive-text-1920x800.jpg[{{page.title}}]
 
 A good user experience browsing a Web site is one of the most important
 feature a site has to offer as a must. Beside excellent content. Presenting
@@ -64,59 +67,85 @@ elements, cards, forms, etc.
 == HTML5 · CSS3 · JS
 
 [role="mb-3"]
-image::/assets/images/pages/panels/modules-apps-1920x800.jpg[{{page.title}}]
+image::/assets/images/pages/panels/florian-olivo-1920x800.jpg[{{page.title}}]
 
 The Internet is a rapidly changing world. Like the fashion industries, new
 trends are set every year. J1 Template combines modern technologies for the
 world of static Webs to make a site unique using current standards in terms
 of web development, languages, and tools.
 
-=== HTML5 + CSS3
+=== Coding web pages
+
+J1 is using HTML5, the latest major version of HTML, for structuring content
+on the World Wide Web. The current version of the HTML standard offers a lot
+of new features including detailed processing models to support more
+interoperable implementations. It extends and improves HTML markups available
+in older versions.
 
-J1 is using HTML5 for structuring content on the World Wide Web. The current
-version of the HTML standard offers a lot of new features including detailed
-processing models to support more interoperable implementations. It extends
-and improves HTML markups available. HTML5 introduces application programming
-interfaces (APIs) for more complex web applications. For the same reasons,
-the new HTML standard is also a good choice for modern cross-platform mobile
-applications, because it includes features designed with mobile devices in mind.
+HTML5 introduces application programming interfaces (APIs) for more complex
+web applications. For the same reasons, the new HTML standard is also a good
+choice for modern cross-platform mobile applications, because it includes
+features designed with mobile devices in mind.
 
 Many new features are included with HTML5. To natively support multimedia and
-graphical content, the new <video>, <audio> and <canvas> elements were added.
-Besides this, support for scalable vector graphics (SVG) and an API called
-MathML for mathematical formulas are now available.
+graphical content, the new `<video>`, `<audio>` and `<canvas>` elements were
+added. Besides this, support for *SVG* (scalable vector graphics), an API called
+*MathML* for mathematical formulas and a grid system called *Flex* are now
+available.
 
-The new standard allows to use so-called semantic markup elements for your
-documents. New structure elements such as <main>, <section>, <article>,
-<header> or <footer> (and many more) were added. Better structured HTML code
-can help people having disabilities to read the pages presented better.
+The new standard allows to use so-called *semantic* markup elements for your
+documents. New structure elements such as `<main>`, `<section>`, `<article>`,
+`<header>` or `<footer>` (and many more) were added. Better structured HTML
+code can help people having disabilities to read the pages presented better.
 
-CSS is designed to enable the separation of presentation and content. Including
-layout, colors, and fonts for example. This separation improves content
-accessibility, provide more flexibility and control in the presentation.
+*CSS* (cascadeded style sheets) is designed to enable the *separation* of
+presentation and content. Including layout, colors, and fonts for example.
+This separation improves content accessibility, provide more flexibility and
+control in the presentation.
 
 Separation of formatting and content also makes it feasible to present the
-same page in different styles. For example, the themes feature of J1 Template
+same page in different styles. For example, the *themes feature* of J1 Template
 makes use of this.
 
-CSS3 is divided into several separate components called modules. Each module
-adds new capabilities or extends features defined in the former CSS2 standard.
-HTML5 in combination with CSS3 allows creating modern and modular code for
-web pages that can be viewed on all current devices like Mobiles, Tablets,
-or the classic Desktop PC. The new HTML5 elements plus CSS3 modules can be
-used as a replacement for proprietary solutions like Adobe Flash to build
-modern webpages based on open standards.
+*CSS3*, the current standard for cascadeded style sheets, is divided into
+several separated components called *modules*. Each module adds new capabilities
+or extends features defined in the former CSS2 standard. HTML5 in combination
+with CSS3 allows creating modern and modular code for web pages that can be
+viewed on all current devices like Mobiles, Tablets, or the classic Desktop PC.
+The new HTML5 elements plus CSS3 modules can be used as a replacement for
+proprietary solutions like _Adobe Flash_ to build modern webpages based on
+open standards.
 
 === Javascript
 
-HTML5 and CSS3 can do a lot. Content placement and basic methods for the
-dynamic of elements can be done using pure HTML5 and CSS3. For more complex
-solutions like modules, the support of Javascript is needed.
+[role="mb-3"]
+image::/assets/images/pages/panels/modules-apps-1920x800.jpg[{{page.title}}]
+
+JavaScript is a text-based programming language used both on the client-side
+and server-side that allows you to make web pages interactive. Where HTML and
+CSS are languages that give structure and style to web pages, JavaScript gives
+web pages interactive elements that engage a user.
 
-J1 Template has build-in a wide range of JS-powered modules to support a
-website e.g. the navigation, for presenting image data in galleries,
-lightboxes, and so on.
+Content placement and basic methods for the dynamic of elements can be done
+using pure HTML5 and CSS3. For more complex solutions like *modules* (to
+provide dynamic, interactive elements), the support of *Javascript* for a
+webpage is needed.
 
+JavaScript is used for J1 mainly as a client-side script-engine. A client-side
+script is a programming language that performs its tasks entirely on the
+client's machine and does not need to interact with the server to function.
+
+Some of the dynamic website enhancements performed by JavaScript are:
+
+* Loading (new) content or data onto the page without reloading the page
+* Rollover effects and dropdown menus
+* Animating page elements such as fading, resizing or relocating
+* Playing audio and video
+
+J1 Template has build-in a wide range of JS-powered modules to support a
+website e.g. by a powerful navigation system, for presenting image data in
+galleries, lightboxes, and so on. Good news are: no programming JavaScript
+is needed to use the build-in JS-based modules.
 
 [[launch-ready]]
 == Start in No Time
@@ -164,6 +193,8 @@ This is a bit different for static webs as they don’t have a central Managemen
 System as CMS does to integrate external code. There no ecosystem, no
 marketplace to get apps and modules from.
 
+gallery::jg_old_times[]
+
 Luckily, it is not that hard to integrate external components into the world
 of Jekyll. But one of the objectives of J1 is to give people a ready-to-use
 toolset without the need to install, to integrate components that are expected

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

@@ -41,6 +41,7 @@ resource_options:
 // =============================================================================
 // Enable the Liquid Preprocessor
 :page-liquid:
+// :scrollbars:
 
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
@@ -1569,29 +1570,28 @@ link:{url-bs-docs--components-badges}[Bootstrap Docs {char-middot} Badge, {brows
 ifdef::scrollbars[]
 === Scrollbars
 
-// https://codepen.io/devstreak/pen/dMYgeO
+Chromium-based browsers like Chrome, Edge, Safari or Opera support the *webkit*
+`::-webkit-scrollbar` pseudo element, which allows to modify the look of the
+browser's scrollbar.
 
-Chrome, Edge, Safari and Opera support the non-standard `::-webkit-scrollbar`
-pseudo element, which allows to modify the look of the browser's scrollbar.
-
-NOTE: Custom scrollbars are not supported in Firefox or in Edge, prior
-version 79 (Chromium based).
+NOTE: Custom (webkit-based) scrollbars are not supported with the Firefox
+browser.
 
 .Default scrollbar J1 Template
 [source, css, role="noclip"]
 ----
-::-webkit-scrollbar-track {
-	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0,3);
-	background-color: #E0E0E0;
-}
-
 ::-webkit-scrollbar {
-	width: 3px;
-	background-color: #2196F3;
+	width: 12px;
+	background-color: $grey-100;
+}
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px $darken-300;
+  border-radius: 0px;
+  background-color: $grey-100;
 }
-
 ::-webkit-scrollbar-thumb {
-	background-color: #2196F3;
+	-webkit-box-shadow: inset 0 0 6px $lighten-300;
+	background-color: $grey-800;
 }
 ----
 

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

@@ -86,61 +86,30 @@ Make a selection of theme below to preview.
   <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>
   </button>
-  <div class="dropdown-menu scrollable-menu">
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.dark</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.light</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.dark</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.light</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.dark</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.light</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('colorful')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>colorful</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('github')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>github</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('gruvbox')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('gruvbox.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox.light</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('igorpro')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>igorpro</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('molokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>molokai</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('monokai.sublime')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai.sublime</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('pastie')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>pastie</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('thankful_eyes')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>thankful_eyes</a>
-    <a class="dropdown-item" href="javascript:void(0)" onclick="j1.adapter.rouge.reaplyStyles('tulip')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>tulip</a>
-  </div>
+  <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>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.dark</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.light</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.dark</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.light</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.dark</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.light</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('colorful')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>colorful</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('github')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>github</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox.light</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('igorpro')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>igorpro</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('molokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>molokai</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai.sublime')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai.sublime</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('pastie')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>pastie</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('thankful_eyes')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>thankful_eyes</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('tulip')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>tulip</a></li>
+  </ul>
 </div>
 <div id="selected" class="mt-1 mb-3"></div>
-
-<style>
-/* jadams, 2021-02-16: unclear why global styles defined in CSS file */
-/* (bootsttrap.css) not applied. For that reason, given locally for now */
-/* firefox: scrollbar-color, scrollbar-width */
-.scrollable-menu {
-    height: auto;
-    max-height: 300px;
-    overflow-x: hidden;
-    scrollbar-color: #424242 #f5f5f5;
-  	scrollbar-width: thin;
-}
-
-.scrollable-menu::-webkit-scrollbar {
-    -webkit-appearance: none;
-    width: 12px;
-    background-color: #f5f5f5;
-}
-
-.scrollable-menu::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
-  background-color: #424242;
-}
-
-.scrollable-menu::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-  border-radius: 0px;
-  background-color: #f5f5f5;
-}
-</style>
 ++++
 
 === Language examples

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

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "utls",
-  "version": "2021.0.9",
+  "version": "2021.0.10",
   "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.0.9",
+  "version": "2021.0.10",
   "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.0.9
+  version: 2021.0.10
 platform: ruby
 authors:
 - juergen_jekyll_one
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-02-19 00:00:00.000000000 Z
+date: 2021-02-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -561,15 +561,8 @@ files:
 - assets/themes/j1/modules/justifiedGallery/_versions/v3.7.0/less/justifiedGallery.less
 - assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/css/justifiedGallery.css
 - assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/css/justifiedGallery.min.css
-- assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/js/jquery.justifiedGallery.js
-- assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/js/jquery.justifiedGallery.min.js
-- assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/justifiedGallery.min.zip
-- assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/justifiedGallery.zip
-- assets/themes/j1/modules/justifiedGallery/_versions/v4.0.0/css/justifiedGallery.css
-- assets/themes/j1/modules/justifiedGallery/_versions/v4.0.0/css/justifiedGallery.min.css
-- assets/themes/j1/modules/justifiedGallery/_versions/v4.0.0/css/theme/uno.css
-- assets/themes/j1/modules/justifiedGallery/_versions/v4.0.0/js/jquery.justifiedGallery.js
-- assets/themes/j1/modules/justifiedGallery/_versions/v4.0.0/js/jquery.justifiedGallery.min.js
+- assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/js/justifiedGallery.js
+- assets/themes/j1/modules/justifiedGallery/_versions/v3.8.0/js/justifiedGallery.min.js
 - assets/themes/j1/modules/justifiedGallery/css/_archived/justifiedGallery.css
 - assets/themes/j1/modules/justifiedGallery/css/_archived/justifiedGallery.min.css
 - assets/themes/j1/modules/justifiedGallery/css/justifiedGallery.css
@@ -1029,6 +1022,7 @@ files:
 - lib/starter_web/_plugins/symlink_watcher.rb
 - lib/starter_web/assets/images/collections/blog/featured/jekyll.1200x400.png
 - lib/starter_web/assets/images/collections/blog/featured/jekyll.png
+- lib/starter_web/assets/images/collections/blog/featured/markus-spiske-2.jpg
 - lib/starter_web/assets/images/collections/blog/featured/staticgen.jpg
 - lib/starter_web/assets/images/collections/blog/featured/welcome-to-j1-template.jpg
 - lib/starter_web/assets/images/collections/blog/featured/what-is-a-baseurl.jpg
@@ -1057,6 +1051,7 @@ files:
 - lib/starter_web/assets/images/modules/attics/building-blocks-1920x1280-bw.jpg
 - lib/starter_web/assets/images/modules/attics/cookies-1920x1200-bw.jpg
 - lib/starter_web/assets/images/modules/attics/daniel-jensen-1920x1280.jpg
+- lib/starter_web/assets/images/modules/attics/florian-olivo-1920x1280.jpg
 - lib/starter_web/assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
 - lib/starter_web/assets/images/modules/attics/go-up-1920x1280-bw.jpg
 - lib/starter_web/assets/images/modules/attics/ian-schneider-1920x1280.jpg
@@ -1078,9 +1073,9 @@ files:
 - lib/starter_web/assets/images/modules/attics/responsive-text-1920x1280.jpg
 - lib/starter_web/assets/images/modules/attics/robert-v-ruggiero-1920x1280.jpg
 - lib/starter_web/assets/images/modules/attics/romain-vignes-1920x1280.jpg
-- lib/starter_web/assets/images/modules/attics/runner-1920x1200-bw.jpg
+- lib/starter_web/assets/images/modules/attics/runner-1920x1200.jpg
 - lib/starter_web/assets/images/modules/attics/spider-web-1920x1200-bw.jpg
-- lib/starter_web/assets/images/modules/attics/the-place-1920x1280-bw.jpg
+- lib/starter_web/assets/images/modules/attics/the-place-1920x1280.jpg
 - lib/starter_web/assets/images/modules/attics/tldr-1920x800.jpg
 - lib/starter_web/assets/images/modules/carousel/cats/cat-1.jpg
 - lib/starter_web/assets/images/modules/carousel/cats/cat-2.jpg
@@ -1110,6 +1105,11 @@ files:
 - lib/starter_web/assets/images/modules/gallery/mega_cities/steven-diaz_b.jpg
 - lib/starter_web/assets/images/modules/gallery/mega_cities/thomas-tucker-bw.jpg
 - lib/starter_web/assets/images/modules/gallery/mega_cities/thomas-tucker_b.jpg
+- lib/starter_web/assets/images/modules/gallery/old_times/colored/image_01.jpg
+- lib/starter_web/assets/images/modules/gallery/old_times/image_01.jpg
+- lib/starter_web/assets/images/modules/gallery/old_times/image_02.jpg
+- lib/starter_web/assets/images/modules/gallery/old_times/image_03.jpg
+- lib/starter_web/assets/images/modules/gallery/old_times/image_04.jpg
 - lib/starter_web/assets/images/modules/icons/algolia/search-by-algolia.png
 - lib/starter_web/assets/images/modules/icons/asciidoc/logo-512x512.png
 - lib/starter_web/assets/images/modules/icons/bootstrap/bootstrap-solid-32x32.png
@@ -1305,8 +1305,10 @@ files:
 - lib/starter_web/assets/images/pages/modals/02_site_modal.jpg
 - lib/starter_web/assets/images/pages/modals/03_central_modal.jpg
 - lib/starter_web/assets/images/pages/modals/04_fluid_modal.jpg
+- lib/starter_web/assets/images/pages/panels/florian-olivo-1920x800.jpg
 - lib/starter_web/assets/images/pages/panels/modules-apps-1920x800.jpg
 - lib/starter_web/assets/images/pages/panels/no-time-1920x800.jpg
+- lib/starter_web/assets/images/pages/panels/responsive-text-1920x800.jpg
 - lib/starter_web/assets/images/pages/panels/the-place-1920x800.jpg
 - lib/starter_web/assets/images/pages/pen/jquery/jQuery-logo.png
 - lib/starter_web/assets/images/pages/pen/jquery/jquery-banner-1280x600.jpg
@@ -1374,10 +1376,10 @@ files:
 - lib/starter_web/assets/videos/headers/still/victoria-oskolovich-on-vimeo.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-template.adoc.erb
-- lib/starter_web/collections/posts/public/featured/_posts/2020-04-01-confusion-about-base-url.adoc
-- lib/starter_web/collections/posts/public/featured/_posts/2020-05-01-top-open-source-static-site-generators.adoc
+- lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1.adoc.erb
+- lib/starter_web/collections/posts/public/featured/_posts/2020-05-01-top-site-generators.adoc
 - lib/starter_web/collections/posts/public/featured/_posts/2020-06-01-about-cookies.adoc
+- lib/starter_web/collections/posts/public/featured/_posts/2021-01-01-welcome-to-j1.adoc
 - lib/starter_web/collections/posts/public/featured/_posts/_includes/attributes.asciidoc
 - lib/starter_web/collections/posts/public/featured/_posts/_includes/documents/readme
 - lib/starter_web/collections/posts/public/featured/_posts/_includes/tables/readme

data/assets/themes/j1/modules/justifiedGallery/_versions/v4.0.0/css/justifiedGallery.css

@@ -1,110 +0,0 @@
-/*!
- * justifiedGallery - v4.0.0-alpha
- * http://miromannino.github.io/Justified-Gallery/
- * Copyright (c) 2019 Miro Mannino
- * Licensed under the MIT license.
- */
-.justified-gallery {
-  width: 100%;
-  position: relative;
-  overflow: hidden;
-}
-.justified-gallery > a,
-.justified-gallery > div,
-.justified-gallery > figure {
-  position: absolute;
-  display: inline-block;
-  overflow: hidden;
-  /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
-  filter: "alpha(opacity=10)";
-  opacity: 0.1;
-  margin: 0;
-  padding: 0;
-}
-.justified-gallery > a > img,
-.justified-gallery > div > img,
-.justified-gallery > figure > img,
-.justified-gallery > a > a > img,
-.justified-gallery > div > a > img,
-.justified-gallery > figure > a > img,
-.justified-gallery > a > svg,
-.justified-gallery > div > svg,
-.justified-gallery > figure > svg,
-.justified-gallery > a > a > svg,
-.justified-gallery > div > a > svg,
-.justified-gallery > figure > a > svg {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin: 0;
-  padding: 0;
-  border: none;
-  filter: "alpha(opacity=0)";
-  opacity: 0;
-}
-.justified-gallery > a > .caption,
-.justified-gallery > div > .caption,
-.justified-gallery > figure > .caption {
-  display: none;
-  position: absolute;
-  bottom: 0;
-  padding: 5px;
-  background-color: #000000;
-  left: 0;
-  right: 0;
-  margin: 0;
-  color: white;
-  font-size: 12px;
-  font-weight: 300;
-  font-family: sans-serif;
-}
-.justified-gallery > a > .caption.caption-visible,
-.justified-gallery > div > .caption.caption-visible,
-.justified-gallery > figure > .caption.caption-visible {
-  display: initial;
-  filter: "alpha(opacity=70)";
-  opacity: 0.7;
-  -webkit-transition: opacity 500ms ease-in;
-  -moz-transition: opacity 500ms ease-in;
-  -o-transition: opacity 500ms ease-in;
-  transition: opacity 500ms ease-in;
-}
-.justified-gallery > .jg-entry-visible {
-  filter: "alpha(opacity=100)";
-  opacity: 1;
-  background: none;
-}
-.justified-gallery > .jg-entry-visible > img,
-.justified-gallery > .jg-entry-visible > a > img,
-.justified-gallery > .jg-entry-visible > svg,
-.justified-gallery > .jg-entry-visible > a > svg {
-  filter: "alpha(opacity=100)";
-  opacity: 1;
-  -webkit-transition: opacity 500ms ease-in;
-  -moz-transition: opacity 500ms ease-in;
-  -o-transition: opacity 500ms ease-in;
-  transition: opacity 500ms ease-in;
-}
-.justified-gallery > .jg-filtered {
-  display: none;
-}
-.justified-gallery > .spinner {
-  position: absolute;
-  bottom: 0;
-  margin-left: -24px;
-  padding: 10px 0 10px 0;
-  left: 50%;
-  filter: "alpha(opacity=100)";
-  opacity: 1;
-  overflow: initial;
-}
-.justified-gallery > .spinner > span {
-  display: inline-block;
-  filter: "alpha(opacity=0)";
-  opacity: 0;
-  width: 8px;
-  height: 8px;
-  margin: 0 4px 0 4px;
-  background-color: #000;
-  border-radius: 6px;
-}