RubyGems - j1-template - Versions diffs - 2022.6.3 → 2023.0.0 - Mend

j1-template 2022.6.3 → 2023.0.0

Files changed (641) hide show

data/lib/starter_web/pages/public/learn/roundtrip/icon_fonts.adoc CHANGED Viewed

@@ -3,14 +3,17 @@ title:                                  Icon Fonts
 tagline:                                Popular Icons Sets
 date:                                   2020-11-06 00:00:00
 description: >
-                                        J1 Template supports popular icons font sets out-of-the-box.
-                                        The icon sets MDI and FA are very good in design and have a rich set of
-                                        different icons for many categories used for the Web.
-                                        Iconify icons are not a locally stored icon-set like MDI or FA. All icons are
-                                        loaded over the Internet using the so-called Unified OpenSource Icon
-                                        Framework.
-categories:                             [ Roundtrip, Icon Fonts ]
+                                        J1 Theme supports popular icons font sets out-of-the-box.
+                                        The icon sets MDI and FA are very good in design and have
+                                        a rich set of different icons for many categories used for
+                                        the Web. Iconify icons are not a locally stored icon-set
+                                        like MDI or FA. All Iconify icons are loaded over the Internet
+                                        using the so-called Unified OpenSource Icon Framework.
+keywords: >
+                                        Jekyll, Theme, JekyllOne, Icon, Fonts, MDI, Fontawesome,
+                                        Iconify, Roundtrip
+categories:                             [ Roundtrip ]
 tags:                                   [ Module, Icon ]
 image:
@@ -55,17 +58,14 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-// Include sub-documents (if any)
-// -----------------------------------------------------------------------------
 [role="dropcap"]
-J1 Template supports popular icons font sets out-of-the-box. The icon sets MDI
-and FA are very good in design and have a rich set of different icons for many
-categories used for the Web. Iconify icons are not a locally stored icon-set
-like MDI or FA. All icons are loaded over the Internet using the so-called
-Unified OpenSource Icon Framework.
+J1 Theme supports popular icons font sets out-of-the-box. The icon sets MDI
+and FA are very good in design and have a rich set of different icons for
+many categories used for the Web. Iconify icons are not a locally stored
+icon-set like MDI or FA. All Iconify icons are loaded over the Internet
+using the so-called Unified OpenSource Icon Framework.
-J1 Template supports popular icons font sets out-of-the-box:
+J1 Theme supports popular icons font sets out-of-the-box:
 * link:{url-mdi--home}[Material Design Icons, {browser-window--new}] (MDI)
 * link:{url-fontawesome--home}[FontAwesome Icons V5, {browser-window--new}] (FA)
@@ -79,9 +79,12 @@ Iconify icons are not a locally stored icon-set like MDI or FA. All icons are
 loaded over the Internet using the so-called *Unified OpenSource Icon
 Framework*. See section <<Iconify Icons>> for more information.
+// Include sub-documents (if any)
+// -----------------------------------------------------------------------------
+[role="mt-4"]
 == Material Design Icons
-The primary icon-set for the J1 Template is
+The primary icon-set for the J1 Theme is
 link:{url-mdi--home}[Material Design Icons, {browser-window--new}],
 because it is a rich set providing more than 5900+ icons for the current
 version (v5.9.55). MDI has excellent *Material Design* support from a design
@@ -241,7 +244,7 @@ various platforms to download icons in the format, color, and size they need
 for any project. The repo today contains 6000+ icons (v5.4.55) including
 converted icons from the official set created by _Google_.
-_J1 Template_ supports the full set of _MDI_ for the Web (Webfont, WOFF). The
+_J1 Theme_ supports the full set of _MDI_ for the Web (Webfont, WOFF). The
 icon set is fully integrated and can be used out-of-the-box.
 == FontAwesome Icons
@@ -265,7 +268,7 @@ to Version 4, the current version is much more than face-lifting. Version 5
 comes with more than 2300+ icons, but many are available only with the Pro
 license. For the Free version, only a subset of 900+ icons is available.
-NOTE: The CSS styles for FontAwesome V5 have been extended for the J1 Template
+NOTE: The CSS styles for FontAwesome V5 have been extended for the J1 Theme
 to the same classes (and their respective names) for other Font Icon sets.
 Already existing styles like `fa-flip-vertical` are available as `fa-flip-v`
 as well.
@@ -291,7 +294,7 @@ macros `fab:` and `fas:` are available to place icons where ever you want.
 See more about this in section
 link:{url-roundtrip--asciidoc-extensions}#icon-fonts[Asciidoc Extensions].
-Find below examples of both and the use with J1 Template.
+Find below examples of both and the use with J1 Theme.
 === Brand icons
@@ -485,12 +488,12 @@ link:{url-iconify--home}[Iconify, {browser-window--new}]. Iconify is a so-called
 unified OpenSource icon framework that makes it possible to use icons from
 different icon sets using one (unified) syntax.
-To access that framework, a Javascript client is needed. For the J1 Template,
+To access that framework, a Javascript client is needed. For the J1 Theme,
 the client is build-in and is loaded if Iconify is requested as a resource.
 To see what icon sets are available with that framework, check the page
 link:{url-iconify--icon-sets}[Iconify Icon Sets, {browser-window--new}].
-NOTE: Using Iconify icons with J1 Template is quite easy. An Asciidoctor
+NOTE: Using Iconify icons with J1 Theme is quite easy. An Asciidoctor
 inline macro `iconify:` (Asciidoctor Extension) is available to place icons
 where ever you want. See more about this in section
 link:{url-roundtrip--asciidoc-extensions}#icon-fonts[Asciidoc Extensions].
@@ -578,5 +581,5 @@ Have you've enjoyed the possibilities J1 offers for managing and
 manipulating font icons. Do you think these icon sets can fit your needs?
 Using Iconify, for all topics, you will find a suitable icon. And it's simple.
-To check more features of the template, go for the
+To check more features of the J1 Theme, go for the
 link:{url-roundtrip--asciidoc-extensions}[Asciidoc Extensions] made for J1!

data/lib/starter_web/pages/public/learn/roundtrip/lunr_search.adoc CHANGED Viewed

@@ -3,12 +3,16 @@ title:                                  Lunr Search
 tagline:                                QuickSearch for J1
 date:                                   2020-11-08 00:00:00
 description: >
-                                        QuickSearch is based on the search engine Lunr,
-                                        fully integrated with the J1 Template. Lunr is designed
-                                        to be lightweight yet full-featured to provide a
-                                        great search experience. No need for complex external,
-                                        server-sided search engines or commercial services
-                                        on the Internet like Google.
+                                        The QuickSearch option for the J1 Theme is based on the
+                                        search engine Lunr and is fully integrated with the template.
+                                        Lunr is designed to be lightweight yet full-featured to provide
+                                        users with a great search experience. Using Lunr for a Jekyll
+                                        website, there is no need to integrate complex external,
+                                        server-sided search engines like Google or Bing.
+keywords: >
+                                        Jekyll, Theme, JekyllOne, Lunr, QuickSearch, Find,
+                                        Search, Google, Bing, Roundtrip
 categories:                             [ Roundtrip ]
 tags:                                   [ Module, Quicksearch ]
@@ -56,25 +60,27 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-// Include sub-documents (if any)
-// -----------------------------------------------------------------------------
 [role="dropcap"]
-The QuickSearch module for J1 Template is based on the search engine _Lunr_,
-fully integrated with the template system. _Lunr_ is designed to be lightweight
-yet full-featured to provide a great search experience. No need for complex
-external, server-sided search engines or commercial services on the Internet
-like Google. Searching a website using QuickSearch is different from search
-engines like Google or Microsoft Bing. Those search platforms using complex
-algorithms to provide a simple interface to the public but using a lot of
-artificial intelligence (AI) methods to make sense of results out of a
-handful of words given for a search.
+The QuickSearch option for the J1 Theme is based on the search engine Lunr and
+is fully integrated with the Template. Lunr is designed to be lightweight yet
+full-featured to provide users with a great search experience. Using Lunr for
+a Jekyll website, there is no need to integrate complex external, server-sided
+search engines like Google or Bing.
+Searching a website using QuickSearch is different from search engines like
+Google or Microsoft Bing. Those search platforms using complex algorithms to
+provide a simple interface to the public but using a lot of artificial
+intelligence (AI) methods to make sense of results out of a handful of words
+given for a search.
 Nevertheless, QuickSearch, the J1 implementation of Lunr, is simple like
 searching at Google but offers additional features to do searches more
 specifically - if wanted. QuickSearch provides an easy-to-use query language
-for better results - anyway!
+for better results - with no advertising if wanted!
+// Include sub-documents (if any)
+// -----------------------------------------------------------------------------
+[role="mt-4"]
 == Core concepts
 Understanding some of the concepts and terminology that QuickSearch (Lunr)
@@ -335,7 +341,7 @@ Example\|s: Search
 summary what the document is all about.
 Example\|s: QuickSearch is based on the search engine Lunr, fully integrated
-with J1 Template  ...
+with J1 Theme  ...
 |===

data/lib/starter_web/pages/public/learn/roundtrip/modal_extentions.adoc CHANGED Viewed

@@ -3,14 +3,18 @@ title:                                  Modal Extensions
 tagline:                                Improve Visitor Experience
 date:                                   2020-11-08 00:00:00
 description: >
-                                        Advanced Bootstrap modals are used to add dialogs to your
-                                        web pages for user notifications. To highlight important
-                                        information to your visitors. Modals are positioned over
-                                        everything else in the document so that messages get the
-                                        user's attention.
+                                        J1 Theme supports a large set of advanced Bootstrap Modals
+                                        that add dialogs to your web pages for user notifications.
+                                        The advanced Modals highlight important information to your
+                                        visitors. Modals are positioned over everything else in the
+                                        document so that messages get the full user's attention.
-categories:                             [ Roundtrip, Bootstrap ]
-tags:                                   [ Modal, Extension ]
+keywords: >
+                                        Jekyll, Theme, JekyllOne, Bootstrap, Modals, Advanced, Extension,
+                                        Roundtrip
+categories:                             [ Roundtrip ]
+tags:                                   [ Bootstrap, Modal, Extension ]
 image:
   path:                                 /assets/images/pages/roundtrip/bootstrap-1920x1000-bw.jpg
@@ -52,23 +56,21 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 [role="dropcap"]
-Enhanced Bootstrap Modals are used to add dialogues to your web pages for user
-notifications. To highlight important information to your visitors. Modals are
-positioned over everything else in the document so that messages get the
-user's attention.
+J1 Theme supports a large set of advanced Bootstrap Modals that add dialogs
+to your web pages for user notifications. The advanced Modals highlight
+important information to your visitors. Modals are positioned over everything
+else in the document so that messages get the full user's attention.
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
+[role="mt-4"]
 == Modal Examples
-To improve your visitor's experience on important information that shouldn't
-be missed. Modals are a great choice to bring the user's attention. Using the
-J1 Template BS enhanced predefined modal styles, some emotional weight is
-added to the information displayed - ranging from an info level, a simple
-warning to critical messages.
+Improve your reader's experience with important information that be noticed.
+Modals are a great choice to bring the user's attention. Using the J1 Theme
+enhanced modal styles, emotional weight is added to the information displayed.
+Ranging from an info level, a simple warning to critical messages.
 TIP: For more information on how to use Bootstrap’s JavaScript modal
 plugin, refer to: link:{url-bs-docs--components-modal}[Bootstrap Docs, {browser-window--new}].
@@ -85,7 +87,7 @@ needs some enhancement to display tables on low-resolution devices or smaller
 (browser-) window sizes.
 The first version for improved responsive tables that scale better is available
-for the J1 Template. Check out from here what the
+for the J1 Theme. Check out from here what the
 link:{url-roundtrip--responsive-tables}[Responsive Tables] can do!
 // Include the modals HTML portion

data/lib/starter_web/pages/public/learn/roundtrip/present_images.adoc CHANGED Viewed

@@ -3,9 +3,16 @@ title:                                  Present Images
 tagline:                                Manage Image Contents
 date:                                   2020-11-03 00:00:00
 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.
+                                        J1 Theme support valuable features to manage your image-based
+                                        content using lightboxes, carousels, sliders, and galleries.
+                                        The image modules of J1 Theme offer a wide range of complex
+                                        functionality based on powerful OpenSource libraries like
+                                        Lightbox2, Master Slider, LightGallery, or JustifiedGallery
+                                        for high-end, masonry-styled preview maps.
+keywords: >
+                                        Jekyll, Theme, JekyllOne, Images, Lightboxes, Carousels, Sliders,
+                                        Galleries, Lightbox2, Master Slider, LightGallery, JustifiedGallery,
+                                        Roundtrip
 categories:                             [ Roundtrip ]
 tags:                                   [ Module, Carousel, Lightbox, Image, Slider ]
@@ -44,8 +51,18 @@ resource_options:
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
 // :page--attr:                         <attr-value>
-:ms-slider-previewer:                   https://jekyll.one/pages/public/previewer/masterslider/
-:ms-slider-module-documentation:        https://jekyll.one/pages/public/manuals/modules/masterslider/
+:url-lightbox2--home:                   https://lokeshdhakar.com/projects/lightbox2/
+:url-lightbox2--github:                 https://github.com/lokesh/lightbox2/
+:url-justified-gallery--home:           https://miromannino.github.io/Justified-Gallery/
+:url-justified-gallery--github:         https://github.com/miromannino/Justified-Gallery/
+:url-j1-docs--carousel-module:          https://jekyll.one/pages/public/manuals/modules/carousel/
+:url-j1-docs--lightbox-module:          https://jekyll.one/pages/public/manuals/modules/lightbox/
+:url-j1-docs--masterslider-module:      https://jekyll.one/pages/public/manuals/modules/masterslider/
+:url-j1-masterslider-slider-previewer:  https://jekyll.one/pages/public/previewer/masterslider/
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
@@ -57,37 +74,32 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+[role="dropcap"]
+Welcome to the preview page focussing on the image module. This page shows
+all the valuable features of the J1 Theme to manage your image-based content
+using using lightboxes, carousels, sliders, and galleries. The image modules
+of J1 Theme offer a wide range of complex functionality based on powerful
+OpenSource libraries like Lightbox2, Master Slider, LightGallery, or
+JustifiedGallery for high-end, masonry-styled preview maps.
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
-[role="dropcap"]
-Welcome to the first 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. The image module
-offers complex functionality based on powerful OpenSource libraries like
-JustifiedGallery for high-end, masonry-styled preview maps. J1 Template uses
-the _jQuery_ Plugin Owl Carousel as a base for image sliders. A carousel
-app (slider) lets you present your images as shows.
-Lightboxes like LightGallery or Lightbox V2 support your web for enlarged
-image views of your picture or video content. Have a look, a quick tour
-of what J1 can do for image data. Have fun!
 // [role="notranslate"]
+[role="mt-4"]
 == J1 Lightbox blocks
 A Lightbox is, in general, a helper which displays enlarged, almost
 screen-filling versions of images (or videos) while dimming the remainder
-of the page. The technique, introduced by Lightbox V2, gained widespread
+of the page. The technique, introduced by Lightbox2, gained widespread
 popularity thanks to its simple style. The term lightbox has been employed
 since then for Javascript libraries to support such functionality.
-For the J1 Template, two different lightboxes are available:
+For the J1 Theme, two different lightboxes are available:
-* Lightbox V2 (lightbox)
+* Lightbox2 (lightbox)
 * LightGallery
-The default tool employed by J1 Template is Lightbox V2, a Javascript library
+The default tool employed by J1 Theme is Lightbox2, a Javascript library
 written by _Lokesh Dhakar_. The name of that (build-in) is *lightbox*.
 For more complex use cases, like a thumbnail gallery preview or video support,
 LightGallery can be used alternatively.
@@ -95,12 +107,16 @@ LightGallery can be used alternatively.
 NOTE: The name LightGallery implies a sort of a Gallery, but the library is a
 _lightbox_. And, LightGallery provides much more functionality on image-based
 data rather than enlarged displaying of images. See the examples below to check
-for the differences in comparison to the simpler Lightbox V2 lightbox.
+for the differences in comparison to the simpler Lightbox2 lightbox.
 Both lightboxes are fully integrated to be used as standalone modules or
 used as helpers *under-the-hood* by other apps or modules focussing on
 image-data like gallery or carousel, the build-in carousel module.
+TIP: For details of the default lightbox of J1 Theme, see the documentation
+under the link:{url-j1-docs--lightbox-module}[Lightbox module, {browser-window--new}].
 == Lightbox block examples
 Find below an example of using the lightbox Lightbox standalone. See how
@@ -130,16 +146,18 @@ J1 Carousel is based on OWL Carousel V1 in the latest (and unfortunately
 last) version of 1.3.3. OWL Carousel is a clean and neat _jQuery_ slider
 plugin for creating fully responsive and touch-enabled carousel sliders.
+////
 NOTE: OWL Carousel V1 is no longer available on the Internet; for an
-unknown reason. Anyway, the J1 Template is using this version of OWL
+unknown reason. Anyway, the J1 Theme is using this version of OWL
 Carousel is a build-in carousel module because the software does an excellent
 job, is based on an MIT license with no issues using them for private and
 business use. And offers a lot of great features!
+////
 === Simple Text Carousel
 A slider or carousel is typically used for displaying images. Still, the
-implementation for the J1 Template supports a lot more sources to be
+implementation for the J1 Theme supports a lot more sources to be
 displayed as a slide show: simple text, for example.
 .Carousel example
@@ -162,13 +180,15 @@ maybe the better choice.
 carousel::demo_text_carousel_parallax[role="mb-3"]
 Parallax text shows can be placed as banners on a page. For text shows,
-different animations are available. Internally, J1 Template uses some of
+different animations are available. Internally, J1 Theme uses some of
 the great CSS styles offered by _animate.css_.
-TIP: Have a look a https://daneden.github.io/animate.css/[Dan Eden's home page]
-to see all the possible dynamic styles you can create based on pure CSS. Some
-of them are implemented for OWL Carousel for animation. See the documentation
-for the CAROUSEL Module for more details.
+TIP: Have a look a https://daneden.github.io/animate.css/[Dan Eden's home page, {browser-window--new}]
+to see all the possible dynamic styles you can create based on pure CSS.
+Some of them are implemented for the J1 Carousel for animation. See the
+documentation for the
+link:{url-j1-docs--carousel-module}[Carousel module, {browser-window--new}]
+for more details.
 === Simple Image Carousel
@@ -187,7 +207,7 @@ carousel::demo_simple[role="mb-3"]
 Carousels are used for an exceptionally compact form of image galleries.
 This example shows some pictures having individual caption text and supports
 a lightbox to enlarge images full size. For the example below, an almost simple
-lightbox is used: Lightbox V2; or short: lightbox.
+lightbox is used: Lightbox2; or short: lightbox.
 .Carousel example
 carousel::demo_cats[role="mb-3"]
@@ -210,7 +230,7 @@ carousel::demo_oneslide[role="mb-3"]
 == J1 Master Slider
 The Javascript tool _Master Slider_ is a 3rd party plugin fully integrated
-into the J1 Template by the module `masterslider`. J1 Template uses the
+into the J1 Theme by the module `masterslider`. J1 Theme uses the
 *free* version of Master Slider (MS Lite). The Lite version does *not* support
 all features: the functionality of  *filters*, *layouts* are limited and no
 *overlay* techniques are supported by the MS Lite version.
@@ -235,6 +255,10 @@ other digital data sources.
 In short: Carousels are used to present images, and sliders are used to create
 complex image-based slideshows (presentations).
+TIP: For more details of the dimplementation of Master Slider of J1 Theme, see
+find  documentation at
+link:{url-j1-docs--masterslider-module}[Master Slider module, {browser-window--new}].
 === MS Slider using Controls + Filters + Lightbox
 The following slider uses the (CSS) filter feature of Master Slider.
@@ -243,7 +267,7 @@ presented by a slider. In this example, the slider images are transformed
 from style *color* to *sepia*.
 WARNING: Lightbox support is only available for the MS Lite version of J1
-Template. The product versions *MS Lite* and *MS Pro* does not support
+Theme. The product versions *MS Lite* and *MS Pro* does not support
 Lightboxes on sliders out-of-the-box.
 TIP: Click on the Lightbox symbol mdi:image-outline[18px, md-gray] in the
@@ -280,23 +304,23 @@ slide by their neighbors on the left and the right.
 masterslider::ms_00009[role="mt-4"]
-=== More about MS Sliders
+=== More about Master Sliders
 If you're interested to learn more about MS Sliders, go for the following
 documents:
-* link:{ms-slider-previewer}[MS Slider Previewer, {browser-window--new}]
-* link:{ms-slider-module-documentation}[MS Slider module documentation, {browser-window--new}]
+* link:{url-j1-masterslider-slider-previewer}[MS Slider Previewer, {browser-window--new}]
+* link:{url-j1-docs--masterslider-module}[MS Slider module documentation, {browser-window--new}]
 == JustifiedGallery
-JustifiedGallery is a great _jQuery_ Plugin to create responsive, infinite,
-and high-quality justified image galleries. J1 Template combines the Gallery
-with the lightboxes supported to enlarge the images of a gallery. See the
-gallery in action; and for sure, all that you see is even responsive. Change
-the size of your current browser window, by width or height to see what will
-happen!
+link:{url-justified-gallery--home}[JustifiedGallery, {browser-window--new}]
+is a great _jQuery_ Plugin to create responsive, infinite, and high-quality
+justified image galleries. J1 Theme combines the Gallery with the lightboxes
+supported to enlarge the images of a gallery. See the gallery in action; and
+for sure, all that you see is even responsive. Change the size of your current
+browser window, by width or height to see what will happen!
 Pictures you've made are typically not even in size. Images may have the
 same size (resolution), but some are orientated landscapes, or others

data/lib/starter_web/pages/public/learn/roundtrip/present_videos.adoc CHANGED Viewed

@@ -3,11 +3,18 @@ title:                                  Present Videos
 tagline:                                Playing Video On Webpages
 date:                                   2020-11-04 00:00:00 +100
 description: >
-                                        Playing video on web pages seems not that special since you can already
-                                        watch videos on web pages through plugins like Flash Player, Quicktime
-                                        or Silverlight. A new standard goes to HTML5 Video, a pure HTML way to
-                                        show video on the web; instead of the previous de facto standard of using
-                                        proprietary software.
+                                        The J1 Theme support playing video on web pages by HTML5 Video,
+                                        the new standard of HTML. HTML5 Video implements a pure HTML way
+                                        to show video on the web. Modern browsers support the video tag
+                                        `<video>` for the HTML5 video standard. The previous proprietary
+                                        de facto standard software like Flash Player, Quicktime, or
+                                        Silverlight is no longer needed as the Jekyll theme JekyllOne
+                                        provides HTML5 Video support for local video content and from
+                                        online sources on the Internet.
+keywords: >
+                                        Jekyll, Theme, JekyllOne, HTML5, Video, Support, Flash Player,
+                                        Quicktime, Silverlight, Roundtrip
 categories:                             [ Roundtrip ]
 tags:                                   [ Module, Video ]
@@ -79,78 +86,20 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+[role="dropcap"]
+The J1 Theme support playing video on web pages by HTML5 Video, the new
+standard of HTML. HTML5 Video implements a pure HTML way to show video
+on the web.
-++++
-<!-- insert Google Ad (Displayanzeige): horizontal-2, adSlot="5128488466" -->
-<div class="5128488466 mb-5">
-  <ins class="adsbygoogle"
-    style="display: block;"
-    data-ad-client="ca-pub-3885670015316130"
-    data-ad-slot="5128488466"
-    data-ad-format="auto"
-    data-adtest="on"
-    data-full-width-responsive="true">
-  </ins>
-</div>
-++++
-++++
-<script>
-  $(document).ready(function() {
-    var logger              = log4javascript.getLogger('j1.google.ads');
-    var autoHideOnUnfilled  = true;
-    var dependencies_met_page_ready = setInterval (function (options) {
-      if ( j1.getState() === 'finished' ) {
-        // monitor for state changes on the ad
-        // ---------------------------------------------------------------------
-        $('.adsbygoogle').attrchange({
-          trackValues: true,
-          callback: function (event) {
-            if (event.newValue === 'unfilled') {
-              var elm = event.target.dataset;
-              if (elm.adClient) {
-                logger.warn('\n' + 'initialized ad detected as: ' + event.newValue);
-                if (autoHideOnUnfilled) {
-                  logger.info('\n' + ' hide ad for slot: ' + elm.adSlot);
-                  $('.' + elm.adSlot ).hide();
-                }
-              }
-            }
-          }
-        });
-        // manage uncaught execeptions
-        // ---------------------------------------------------------------------
-        // window.onerror = function (msg, url, line) {
-        //    alert("Message : " + msg );
-        //    alert("url : " + url );
-        //    alert("Line number : " + line );
-        // }
-        logger.info('\n' + 'initialize Google Ad on slot: ' + '5128488466');
-        (adsbygoogle = window.adsbygoogle || []).push({});
-        clearInterval(dependencies_met_page_ready);
-      }
-   });
-  });
-</script>
-++++
+Modern browsers support the video tag `<video>` for the HTML5
+video standard. The previous proprietary de facto standard software like
+_Flash Player_, _Quicktime, or _Silverlight_ is no longer needed as the
+Jekyll theme JekyllOne provides HTML5 Video support for local video content
+and from online sources on the Internet.
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
-[role="dropcap"]
-Playing video on web pages seems not that special since you can already
-watch videos on web pages through plugins like _Flash Player_, _Quicktime_,
-or _Silverlight_. A new standard goes to HTML5 Video, a pure HTML way to
-show video on the web, instead of the previous de facto standard of using
-proprietary software.
+[role="mt-4"]
 == Video Galleries
 HTML5 Video opens the doors to your way of presenting video content. Modern
@@ -181,7 +130,7 @@ how to use LightGallery for commercial websites and projects.
 Digital image content, simple pictures or videos, are easy to make. Today,
 every mobile has a camera. Presenting a bunch of (digital) pictures is done
 very easily by using Justified Gallery. Videos created by a digicam or a mobile
-can be played by J1 Template using the HTML5 Video support. Present videos you
+can be played by J1 Theme using the HTML5 Video support. Present videos you
 have made at it's best.
 Two players are available with LightGallery:
@@ -200,7 +149,7 @@ gallery::jg_video_html5[role="mb-5"]
 == Online Video content
 The Internet is full of inspiring content. If you want to present video
-content from the Internet, the online video support of J1 Template is the
+content from the Internet, the online video support of J1 Theme is the
 right choice.
 === YouTube