j1-template 2021.0.5 → 2021.0.10

data/lib/starter_web/_data/blocks/banner.yml

@@ -175,8 +175,8 @@ settings:
                     icon:               rocket
                     icon_color:         md_white
                     icon_size:          24px
-                    href:               /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
-                    target:
+                    href:               "https://jekyll.one/pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/"
+                    target:             blank
 
                 # - name:                 Patreon button
                 #   button:

data/lib/starter_web/_data/blocks/panel.yml

@@ -324,7 +324,7 @@ settings:
               enabled:                  true
               category:                 featured
 #             truncatewords:            30                                      # currently NOT used
-              max_posts:                6
+              max_posts:                3
               readmore_text:            Read
 
   # # ----------------------------------------------------------------------------

data/lib/starter_web/_data/modules/defaults/navigator.yml

@@ -136,7 +136,7 @@ defaults:
     dropdown_animate_out:               fadeOutDown
     dropdown_animate_duration:          .75                                     # seconds
     dropdown_item_min_width:            15                                      # rem
-    dropdown_menu_max_height:           35                                      # rem
+    dropdown_menu_max_height:           25.5                                    # rem
     dropdown_font_size:                 small
     dropdown_padding_x:                 18                                      # rem
     dropdown_padding_y:                 10                                      # px

data/lib/starter_web/_data/modules/defaults/toccer.yml

@@ -156,13 +156,13 @@ defaults:
   contentSelector:                      .js-toc-content
   headingSelector:                      "h2, h3, h4, h5, h6"
   ignoreSelector:                       .notoc
-  collapseDepth:                        3
+  collapseDepth:                        4
   activeLinkColor:                      "#f44336"
   throttleTimeout:                      150
   scrollSmooth:                         true
   scrollSmoothDuration:                 300
-  scrollSmoothOffset:                   -90                                     # TODO: to be removed, calculated dynamically
-  scrollContainer:                      null                                    # ??? scrollContainer
+  scrollSmoothOffset:                   10                                      # TODO: to checked, if set dynamically with toccer adapter
+  scrollContainer:                      null                                    # TODO: to checked, what this option does
 
 # ------------------------------------------------------------------------------
 # END config

data/lib/starter_web/_data/modules/navigator_menu.yml

@@ -23,7 +23,7 @@
 
     - title:                            Where to go
       href:                             /pages/public/learn/where_to_go/
-      icon:                             alert
+      icon:                             paw
 
     # --------------------------------------------------------------------------
     # Roundtrip
@@ -31,6 +31,7 @@
     - title:                            Roundtrip
       icon:                             wallet-travel
       dropdown:
+
         - title:                        Present images
           href:                         /pages/public/learn/roundtrip/present_images/
           icon:                         image
@@ -42,7 +43,7 @@
           icon:                         format-text
         - title:                        Icon fonts
           href:                         /pages/public/learn/roundtrip/mdi_icon_font/
-          icon:                         incognito
+          icon:                         fan
         - title:                        Asciidoc extensions
           href:                         /pages/public/learn/roundtrip/asciidoc_extensions/
           icon:                         format-annotation-plus
@@ -58,9 +59,22 @@
         - title:                        QuickSearch
           href:                         /pages/public/learn/roundtrip/quicksearch/
           icon:                         magnify
-        - title:                        FAM buttons
-          href:                         /pages/public/learn/roundtrip/fam/
-          icon:                         alpha-a-circle-outline
+
+    # --------------------------------------------------------------------------
+    # Asciidoc Skeletons
+    #
+    - title:                            Asciidoc Skeletons
+      icon:                             television-guide
+      dropdown:
+        - title:                        Simple-Document
+          href:                         /pages/public/skeleton/simple/
+          icon:                         file-document-outline
+        - title:                        Multi-Document
+          href:                         /pages/public/skeleton/multi/
+          icon:                         file-document-multiple-outline
+        - title:                        Book
+          href:                         /pages/public/skeleton/book/
+          icon:                         book-open-blank-variant
 
 # ------------------------------------------------------------------------------
 # Menu BLOG
@@ -141,6 +155,10 @@
           href:                         https://wiki.selfhtml.org/
           target:                       blank
           icon:                         xml
+        - title:                        Asciidoc Language
+          href:                         https://docs.asciidoctor.org/asciidoc/latest/
+          target:                       blank
+          icon:                         format-color-text
         - title:                        Asciidoc FAQ
           href:                         http://www.methods.co.nz/asciidoc/faq.html
           target:                       blank
@@ -168,11 +186,11 @@
         - title:                        JSON Editor
           href:                         https://jsoneditoronline.org/
           target:                       blank
-          icon:                         json
+          icon:                         code-json
         - title:                        YAML Parser
           href:                         http://yaml-online-parser.appspot.com/
           target:                       blank
-          icon:                         hackernews
+          icon:                         code-braces
         - title:                        XML-YAML Converter
           href:                         http://codebeautify.org/xml-to-yaml
           target:                       blank
@@ -201,10 +219,10 @@
   theme_select:
     - local_themes:                     enabled
       title:                            Jekyll One
-      icon:                             face
+      icon:                             alpha-j-box
     - bootswatch_themes:                enabled
       title:                            Bootswatch
-      icon:                             face-profile
+      icon:                             bootstrap
     - preview:                          enabled
       title:                            Previewer
       href:                             /pages/public/previewer/theme/
@@ -216,7 +234,7 @@
 - item:                                 About
   sublevel:
     - title:                            This site
-      icon:                             home-outline
+      icon:                             home-variant-outline
       href:                             /pages/public/about/site
 
 # ------------------------------------------------------------------------------

data/lib/starter_web/_includes/attributes.asciidoc

@@ -6,6 +6,8 @@
 // -----------------------------------------------------------------------------
 tag::urls[]
 
+:url-about-cookies--home:                         http://www.aboutcookies.org
+
 :url-animate-css--home:                           https://animate.style/
 :url-anime--home:                                 https://animejs.com/
 
@@ -97,6 +99,7 @@ tag::urls[]
 
 :url-cash--gh-repo:                               https://github.com/fabiospampinato/cash
 :url-clipboard--gh-repo:                          https://github.com/zenorocha/clipboard.js/
+
 :url-cors--gh-repo:                               https://github.com/expressjs/cors
 :url-cross-env--gh-repo:                          https://github.com/kentcdodds/cross-env
 :url-cross-var--gh-repo:                          https://github.com/elijahmanor/cross-var
@@ -147,13 +150,12 @@ tag::urls[]
 :url-j1--home:                                    https://jekyll.one/
 :url-j1--preview:                                 https://preview.jekyll.one/
 
-:url-j1-web-in-a-day--intro:                      /pages/public/learn/kickstarter/web_in_a_day/intro/
-:url-j1-web-in-a-day--meet-and-greet:             /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
-:url-j1-web-in-a-day--preparations:               /pages/public/learn/kickstarter/web_in_a_day/preparations/
-:url-j1-web-in-a-day--first-awesome-web:          /pages/public/learn/kickstarter/web_in_a_day/first_awesome_web/
+:url-j1-web-in-a-day--meet-and-greet:             https://jekyll.one/pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
 
 :url-j1-quick-references--jekyll:                 /pages/protected/manuals/quick_references/jekyll/
-:url-j1-downloads--quickstart-intro:             /pages/public/learn/downloads/quickstart/intro/
+:url-j1-downloads--quickstart-intro:              /pages/public/learn/downloads/quickstart/intro/
+
+:url-j1-roundtrip--present-images:                /pages/public/learn/roundtrip/present_images/
 
 :url-j1-learn--whats-up:                          https://jekyll.one/pages/public/learn/whats_up/
 :url-j1-learn--present-images:                    https://jekyll.one/pages/public/learn/roundtrip/present_images/
@@ -186,6 +188,10 @@ tag::urls[]
 :url-lerna--home:                                 https://lerna.js.org/
 :url-lerna--gh-repo:                              https://github.com/lerna/lerna
 
+:url-license--creative-commons:                   https://creativecommons.org/licenses/by/4.0/
+:url-license--mit:                                https://opensource.org/licenses/MIT/
+:url-license--sil:                                https://scripts.sil.org/OFL
+
 :url-lightbox-v2--home:                           https://lokeshdhakar.com/projects/lightbox2/
 :url-lightbox-v2--gh-repo:                        https://github.com/lokesh/lightbox2
 
@@ -233,6 +239,8 @@ tag::urls[]
 
 :url-owl-carousel-v1--home:                       http://www.landmarkmlp.com/js-plugin/owl.carousel/
 
+:url-owasp-attacks--csrf:                         https://owasp.org/www-community/attacks/csrf
+
 :url-parseurl--gh-repo:                           https://github.com/pillarjs/parseurl
 
 :url-platform--gh-repo:                           https://github.com/bestiejs/platform.js/
@@ -272,6 +280,9 @@ tag::urls[]
 :url-sass-lang--home:                             https://sass-lang.com/dart-sass
 :url-sass-lang--gh-repo:                          https://github.com/sass/dart-sass
 
+:url-jamstack--home:                              https://jamstack.org/
+:url-jamstack--generators:                        https://jamstack.org/generators/
+
 :url-shopify--home:                               https://www.shopify.com/
 
 :url-stackoverflow--usage-fonticons:              https://stackoverflow.com/questions/11135261/should-i-use-i-tag-for-icons-instead-of-span
@@ -311,26 +322,38 @@ tag::urls[]
 :url-yarn--gh-repo:
 
 :url-youtube--home:                               https://www.youtube.com/
-
 end::urls[]
 
 
 // TAGS, global asciidoc attributes (variables)
 // -----------------------------------------------------------------------------
 tag::tags[]
-
 :browser-window--new:                             window="_blank"
 :clipboard--noclip:                               noclip
-:level--beginner:                                 icon:battery-quarter[role="md-blue"]
-:level--intermediate:                             icon:battery-half[role="md-blue"]
-:level--advanced:                                 icon:battery-full[role="md-blue"]
 :figure-caption--text:                            Figure
 
+// fa icons
+//
+:level--beginner:                                 icon:battery-quarter[role="md-blue"]
+:level--intermediate:                             icon:battery-half[role="md-blue"]
+:level--advanced:                                 icon:battery-three-quarters[role="md-blue"]
+:level--expert:                                   icon:battery-full[role="md-blue"]
+
+// mdi icons
+//
+// :level--beginner:                              mdi:battery-20[24px, mdi-md-blue]
+// :level--intermediate:                          mdi:battery-50[24px, mdi-md-blue]
+// :level--advanced:                              mdi:battery-70[24px, mdi-md-blue]
+// :level--expert:                                mdi:battery[24px, mdi-md-blue]
+
+// fa icons
+//
 :icon-checked:                                    icon:check[role="green"]
-:icon-times:                                      icon:times[role="red"]
+:icon-times:                                      icon:times[role="red mr-2"]
 :icon-file:                                       icon:file-alt[role="blue"]
 :icon-battery--quarter:                           icon:battery-quarter[role="md-blue"]
 :icon-battery--half:                              icon:battery-half[role="md-blue"]
+:icon-battery--three-quarter:                     icon:battery-three-quarters[role="md-blue"]
 :icon-battery--full:                              icon:battery-full[role="md-blue"]
 
 :char-emdash:                                     —
@@ -340,7 +363,6 @@ tag::tags[]
 :char-bullet:                                     •
 :char-bullet--big:                                ●
 :char-bullet--bigger:                             ⬤
-
 end::tags[]
 
 
@@ -370,7 +392,7 @@ end::tables[]
 // -----------------------------------------------------------------------------
 tag::products[]
 :j1-license:                                      MIT License
-:j1-version:                                      2021.0.5
+:j1-version:                                      2021.0.10
 end::products[]
 
 

data/lib/starter_web/_plugins/asciidoctor-extensions/fab-icon-inline.rb

@@ -26,7 +26,7 @@ Asciidoctor::Extensions.register do
       size_class = (size = attributes['size']) ? %(fa-#{size}) : nil
       modifier_class = (modifier = attributes['modifier']) ? %(#{modifier}) : nil
       icon_name = target.tr '_', '-'
-      %(<i class="fab #{size_class} #{modifier} fa-#{icon_name}"></i>)
+      %(<i class="fab fa-#{icon_name} #{size_class} #{modifier}"></i>)
     end
   end
   inline_macro FabIconInlineMacro

data/lib/starter_web/_plugins/lunr_index.rb

@@ -341,6 +341,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2021.0.5'
+    VERSION = '2021.0.10'
   end
 end

data/lib/starter_web/assets/images/modules/icons/d1/scalable/d1.svg

@@ -14,7 +14,7 @@
    version="1.1"
    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
    sodipodi:docname="d1.svg"
-   inkscape:export-filename="C:\Temp\d10n-2021.0.5\assets\images\modules\icons\d1\d1-256x256.png"
+   inkscape:export-filename="C:\Temp\d10n-2021.0.10\assets\images\modules\icons\d1\d1-256x256.png"
    inkscape:export-xdpi="49.152"
    inkscape:export-ydpi="49.152">
   <title

data/lib/starter_web/collections/posts/public/featured/_posts/{0000-00-00-welcome-to-j1-template.adoc.erb → 0000-00-00-welcome-to-j1.adoc.erb}

@@ -68,6 +68,20 @@ A static site serves the content straight to the user as it is stored on
 the server-side. To put it in another way, in opposition to WordPress
 which use a database to load dynamic content, a static site will display
 the same content to every user as it will directly load the HTML files
+on the server.
+
+A static website uses server-side rendering to serve pre-built HTML, CSS,
+and JavaScript files to a web browser, in contrast to traditional dynamic
+sites that work by rendering the webpage at the time of the request.
+Static sites enable you to decouple your content repository and front-end
+interface, giving you greater flexibility in how your content is served.
+Cost-efficiency is another reason companies migrate to a static site because
+static files are lightweight and often faster and cheaper to serve.
+
+In the last few years, static sites have greatly increased in popularity.
+This surge is primarily due to advances in developer tools (languages and
+libraries) and a stronger desire among businesses to optimize website
+performance beyond the limits of a database-driven site.
 
 === What's different?
 
@@ -76,6 +90,14 @@ generate the content of a page when a user requests it. For example,
 building a website using WordPress CMS will result in having a dynamic
 Website.
 
+Static sites can be written almost exclusively in HTML and serve a fixed
+set of data that renders the same for every site visitor. Static sites use
+server-side rendering to serve pre-built HTML, CSS, and JavaScript files to
+a web browser. Dynamic sites operate in a completely different way, by
+leveraging HTML and CSS as well as server-side scripting languages like PHP
+to build webpages on the fly and serve different content to each site
+visitor.
+
 === Why use a static site?
 
 What are the advantages of a static website over a dynamic site?
@@ -85,8 +107,7 @@ come the main advantages of using a static site over a dynamic
 one.
 
 Performance::
-The better performance and a crazy fast load time.
-
+*The better performance and a crazy fast load time*.
 One of the main advantages of using a static site is the fact that
 it is crazy fast to load. Indeed, when the user requests a page, there is
 no need to request a database and various files to generate the
@@ -99,8 +120,7 @@ that’s why having fast loading times will participate in making your
 website mobile-friendly.
 
 Security::
-Having a static website: say goodbye to hacking and security issues.
-
+*Having a static website: say goodbye to hacking and security issues*.
 Tired of getting WordPress notifications about security issues and
 updates every week? No worries, as a static site has no database, there
 are close to no hack possible compared to a WordPress website. Indeed,
@@ -110,8 +130,7 @@ static website is one the main reason why many famous brands switch to
 a static site instead of having their website on Drupal or WordPress.
 
 Hosting::
-Building a static site and hosting: you will save you money.
-
+*Building a static site and hosting: you will save you money*.
 Using a static site, you will only have most of the time only HTML and
 CSS files to host. This kind of files is super light which also means
 that you will not need a powerhouse hosting to have a static site up and
@@ -120,9 +139,8 @@ go down contrary to a dynamic site which should request the database
 each time for each user.
 
 Control::
-You're the master.
-
-Using a CMS means, giving control over your site to others. Simple like this.
+*You're the master*. Using a CMS means, giving control over your site to others.
+Simple like this.
 
 == Why use a site generator?
 
@@ -143,11 +161,9 @@ As the popularity of static sites is growing, there are plenty of static
 site generators available on the market. The more famous is Jekyll,
 Middleman and Hugo. Each one has its own specificities and may suits you
 better depending on the programming languages you already are familiar with.
-
 Which static site generator should I use?
 
 When I decided to go for a blog based on a static web, I personally
 choose Jekyll as for me. It's a well known static site generator, good support
-in case of trouble and the software gets regularly  updated.
-
-This blog is powered by Jekyll. For good reasons.
+in case of trouble and the software gets regularly updated. This website is
+powered by Jekyll. For good reasons.