j1-template 2022.5.2 → 2022.6.0

data/lib/starter_web/pages/public/blog/navigator/index.html

@@ -1,69 +1,246 @@
 ---
-layout:                                 blog_archive
+layout:                                 page
 title:                                  Starter Blog
-tagline:                                explore posts
+tagline:                                Explore Posts
+date:                                   2022-01-01 01:00:00
 description: >
-                                        Navigate through all articles tis website
+                                        When it comes to the usability of a website, the focus of your
+                                        visitors is on one important component: The Navigation System
+                                        of the site. To make all posts easy accessible to the visitors,
+                                        the Navigation System provides a Blog Explorer module. The explorer
+                                        module supports the users for browsing articles by sorting criteria
+                                        like category and date or browsing the archive for all articles.
 
 categories:                             [ Blog ]
-tags:                                   [ Navigator ]
+tags:                                   [ Navigator, Explorer ]
 
 pagination:
   enabled:                              true
   permalink:                            /page:num/
   per_page:                             2
 
+robots:
+  index:                                false
+  follow:                               false
+
+image:
+  path:                                 /assets/images/modules/attics/matthaeus-1920x1280.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Photo by Matthaeus on Unsplash
+
 sort:                                   date
 toc:                                    true
 fab_menu_id:                            default
 
 scrollDynamicPagesTopOnChange:          false                                   # do NOT scroll the page to top on content changes
 
-analytics:                              true
+analytics:                              false
 advertising:                            false
 comments:                               false
+exclude_from_search:                    true
 
 regenerate:                             false                                   # set to 'true', if update posts is required
 
 resources:                              [ animate, scroller ]
 resource_options:
-
   - attic:
       alignY:                           top
-
       slides:
-
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
-          alt:                          Photo by Matthaeus
+          alt:                          Photo by Matthaeus on Unsplash
           badge:
             type:                       unsplash
             author:                     Matthaeus
             href:                       https://unsplash.com/@matthaeus123
 ---
 
-<pre>
-
-  This page is created by the layout: {{ page.layout }}.
-
-  If this text is displayed (instead of the home page expected),
-  something went  wrong with the layout definitions. Check  the
-  output of the Jekyll engine building this site.
-
-  Check the  contents   of folder _layouts. Verify  if the base
-  layout  "{{ page.layout }}" exists  and the  referring  chain
-  (inheritance) is correct.
-
-  If you see this page within the J1 Template DEVELOPMENT system,
-  re-run a site built running:
-
-    yarn rebuild site
-
-  If you're on a RUNTIME system run a built like so:
-
-    yarn rebuild
-
-  and open the website again by:
-
-    yarn site
-
-</pre>
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture get_page_path %}themes/{{site.template.name}}/procedures/global/get_page_path.proc{% endcapture %}
+{% capture collate_list %}themes/{{site.template.name}}/procedures/posts/collate_list.proc{% endcapture %}
+{% capture collate_timeline %}themes/{{site.template.name}}/procedures/posts/collate_timeline.proc{% endcapture %}
+{% capture create_navigator %}themes/{{site.template.name}}/procedures/posts/create_navigator.proc{% endcapture %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config                     = site.data.j1_config %}
+{% assign blocks                              = site.data.blocks %}
+{% assign modules                             = site.data.modules %}
+{% assign plugins                             = site.data.plugins %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign blog_navigator_defaults             = modules.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings             = modules.blog_navigator.settings %}
+{% assign paginator_defaults                  = plugins.defaults.paginator.defaults %}
+{% assign paginator_settings                  = plugins.paginator.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign blog_navigator_options              = blog_navigator_defaults | merge: blog_navigator_settings %}
+{% assign paginator_options                   = paginator_defaults | merge: paginator_settings %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign article_navigator                   = blog_navigator_settings.article_navigator %}
+{% assign article_previewer                   = blog_navigator_settings.article_previewer %}
+{% assign article_navigator_description       = blog_navigator_options.article_navigator.description %}
+{% assign article_previewer_description       = blog_navigator_options.article_previewer.description %}
+
+{% assign previewer                           = blog_navigator_options.previewer %}
+{% assign paginate                            = paginator_options.pagination.enabled %}
+{% assign scroller                            = blog_navigator_options.scroller %}
+{% assign rtext                               = template_config.typography.rtext %}
+{% assign page_rtext                          = page.rtext %}
+{% assign page_rtext_size                     = page.rtext_size %}
+
+{% comment %} rtext|size detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if rtext %}
+  {% assign rtext_size = template_config.typography.rtext_size %}
+{% else %}
+  {% assign rtext_size = 0 %}
+{% endif %}
+
+{% comment %} language detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.language == "en" %}
+  {% assign language = "en" %}
+{% elsif site.language == "de"%}
+  {% assign language = "de" %}
+{% else %}
+  {% assign language = "en" %}
+{% endif %}
+
+{% if language == "en" %}
+  {% assign category_view_button_text         = blog_navigator_options.button_text.view_selector.category_view.en %}
+  {% assign date_view_button_text             = blog_navigator_options.button_text.view_selector.date_view.en %}
+  {% assign archive_view_button_text          = blog_navigator_options.button_text.view_selector.archive_view.en %}
+  {% assign tag_view_button_text              = blog_navigator_options.button_text.view_selector.tag_view.en %}
+
+  {% assign previewer_headline                = blog_navigator_options.article_previewer.page_text.en.headline %}
+  {% assign navigator_description_text        = blog_navigator_options.article_navigator.page_text.en.description %}
+  {% assign previewer_description_text        = blog_navigator_options.article_previewer.page_text.en.description %}
+{% endif %}
+
+{% if language == "de" %}
+  {% assign category_view_button_text         = blog_navigator_options.button_text.view_selector.category_view.de %}
+  {% assign date_view_button_text             = blog_navigator_options.button_text.view_selector.date_view.de %}
+  {% assign archive_view_button_text          = blog_navigator_options.button_text.view_selector.archive_view.de %}
+  {% assign tag_view_button_text              = blog_navigator_options.button_text.view_selector.tag_view.de %}
+
+  {% assign previewer_headline                = blog_navigator_options.article_previewer.page_text.de.headline %}
+  {% assign navigator_description_text        = blog_navigator_options.article_navigator.page_text.de.description %}
+  {% assign previewer_description_text        = blog_navigator_options.article_previewer.page_text.de.description %}
+{% endif %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+  <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [Begin content] -->
+  <main id="main-content" class="container r-text-{{rtext_size}} js-toc-content mb-5">
+    <!-- Content placed by layouts/content_generator_blog_archive.html -->
+    <div id="blog_navigator">
+      <div id="article_navigator">
+
+        {% include {{get_page_path}} mode='absolute' %}
+        {% capture navigator_path%}{{page_path}}{% endcapture %}
+        {% capture archive_path %}{{navigator_path}}/archive{% endcapture %}
+        {% capture date_view %}{{archive_path}}/dateview/{% endcapture %}
+        {% capture category_view %}{{archive_path}}/categoryview/{% endcapture %}
+        {% capture tag_view %}{{archive_path}}/tagview/{% endcapture %}
+        {% capture all_view %}{{archive_path}}/allview/{% endcapture %}
+
+        {% comment %}
+        ------------------------------------------------------------------------
+        https://stackoverflow.com/questions/22763180/assign-an-array-literal-to-a-variable-in-liquid-template
+        {% assign my_array = "one|two|three" | split: "|" %}
+        ------------------------------------------------------------------------
+        {% endcomment %}
+
+        {% comment %} Debugging
+        --------------------------------------------------------------------------------
+        blog_navigator_options.article_navigator.page_text: {{blog_navigator_options.article_navigator.page_text | debug}}
+        --------------------------------------------------------------------------------
+        {% endcomment %}
+
+        <div class="navigator-headline">
+          <nav class="paginator">
+            <ul class="pagination raised-z0">
+              <li class="page-item"><a class="page-link" href="{{category_view}}" alt="View by Category">{{category_view_button_text}}</a></li>
+              <li class="page-item"><a class="page-link" href="{{date_view}}" alt="View by Date">{{date_view_button_text}}</a></li>
+              <!-- li class="page-item"><a class="page-link" href="{{tag_view}}" alt="{{tag_view_button_text}}">By Tag</a></li -->
+              <li class="page-item"><a class="page-link" href="{{all_view}}" alt="View All">{{archive_view_button_text}}</a></li>
+            </ul>
+          </nav> <!-- end paginator -->
+        </div> <!-- end navigator headline -->
+
+        {% if blog_navigator_options.article_navigator.page_text.enabled %}
+        <div class="view-description">{{navigator_description_text}}</div>
+        {% endif %}
+
+      </div> <!-- end article_navigator -->
+
+      <!-- Add article previewer if paginator is enabled -->
+      {% if paginate %}
+      <div id="article_previewer">
+
+        <div class="previewer-headline">
+
+          <div class="post-headline">
+            <h1 id="previewer" class="notoc mt-4">{{previewer_headline}}</h1>
+          </div>
+
+          <!-- Add Jekyll Paginator if enabled: {{scroller}} -->
+          {% if scroller == 'jekyll' %} {% if paginator.total_pages > 1 %}
+          <nav class="paginator mb-4">
+            <ul class="pagination raised-z0">
+              {% if paginator.previous_page %}
+                <li class="page-item">
+                    <a class="page-link" href="{{ paginator.previous_page_path }}#article_navigator">{{paginator_button_newer_posts_text}}</a>
+                </li>
+              {% else %}
+                  <li class="page-item disabled"><a href="#void" class="page-link">{{paginator_button_first_post_text}}</a></li>
+              {% endif %}
+
+              {% if paginator.next_page %}
+              <li class="page-item">
+                  <a class="page-link" href="{{ paginator.next_page_path }}#article_navigator">{{paginator_button_older_posts_text}}</a>
+              </li>
+              {% else %}
+                  <li class="page-item disabled"><a href="#void" class="page-link">{{paginator_button_last_post_text}}</a></li>
+              {% endif %}
+            </ul>
+          </nav>
+          {% endif %} {% endif %}
+
+          {% if scroller == 'jekyll' %} {% if blog_navigator_options.article_previewer.page_text.enabled %}
+          <div class="view-description mb-3">{{previewer_description_text}}</div>
+          {% endif %} {% endif %}
+
+        </div>
+
+        <div id="article_preview">
+          <!-- Previewer selected of type: {{previewer}}-->
+          <div id="preview_content">
+            {% assign posts_collate = paginator.posts %}
+            {% case previewer %}
+              {% when 'list' %}
+                {% include {{collate_list}} header_alt=page.header_title header_tagline=page.header_tagline items=posts_collate %}
+              {% when 'calendar' %}
+                  {% include {{collate_calendar}} header_alt=page.header_title header_tagline=page.header_tagline items=posts_collate %}
+              {% when 'timeline' %}
+                {% include {{collate_timeline}} items=posts_collate limit_excerpt=50 %}
+              {% else %}
+                {% include {{collate_list}} header_alt=page.header_title header_tagline=page.header_tagline items=posts_collate %}
+            {% endcase %}
+          </div>
+        </div>
+
+      </div>
+      <!-- end article previewer -->
+      {% endif %}
+
+    </div> <!-- end blog_navigator -->
+  </main> <!-- end main -->

data/lib/starter_web/pages/public/features/general.adoc

@@ -1,6 +1,6 @@
 ---
 title:                                  General Features
-tagline:                                platforms, frameworks, and devices
+tagline:                                Platforms, Frameworks, and Devices
 date:                                   2021-01-01 00:00:00 +100
 description: >
                                         Current software counts. Excellent tools in their latest versions
@@ -9,39 +9,23 @@ description: >
                                         are OpenSource and free to use. No license issues for private or
                                         professional use.
 
-keywords: >
-                                        features, platforms, frameworks, components, devices,
-                                        opensource, free, load, download, start, starter, example,
-                                        high, easy, use, secure, encrypt, standard, popular,
-                                        generate, develop, create, learn, distribute, publish, deploy,
-                                        beginner, advanced, expert, student, learner, writer, reader, visitor
-                                        framework, toolkit, integration, extension, module, api,
-                                        dynamic, static, generator, client, server, internet, local, localhost
-                                        page, web, website, webdesign, material, design, responsive,
-                                        javascript, nodejs, ruby, windows, linux, osx, mac, os,
-                                        http, https, html, html5, css, scss, style,
-                                        browser, firefox, chrome, edge, opera, safari,
-                                        configuration, generator, navigation, menu, dropdown, fab, action, button
-                                        application, interface, provider, api, repository,
-                                        cookie, language, translation, gdpr, dsgvo, privacy,
-                                        asciidoc, aciidoctor, bootstrap, jekyll, liquid,
-                                        hyvor, disqus, git, github, netlify, heroku, apple, microsoft,
-                                        provider, service, internet, support,
-                                        google, analytics, advertising, search, console, silverlight, score,
-                                        j1, template, jekyllone, comment
-
 categories:                             [ Features ]
-tags:                                   [ General, Features ]
+tags:                                   [ General ]
 
 sitemap:                                true
 advertising:                            false
 comments:                               false
+fab_menu_id:                            page_ctrl
 
 robots:
   index:                                true
   follow:                               true
 
-fab_menu_id:                            page_ctrl
+image:
+  path:                                 /assets/images/modules/attics/christina-1920x1280.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Photo by Christina on Unsplash
 
 permalink:                              /pages/public/features/general_features/
 regenerate:                             false
@@ -53,13 +37,11 @@ resource_options:
       collapseDepth:                    3
 
   - attic:
-      alignY:                           top
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
-
+      alignY:                           top
       slides:
-
         - url:                          /assets/images/modules/attics/christina-1920x1280.jpg
           alt:                          Photo by Christina on Unsplash
           badge:
@@ -105,7 +87,7 @@ J1 Template is based on these popular software platforms:
 mdi:language-ruby[24px, md-blue ml-3 mr-2]
 <<Ruby>> >= 2.7 +
 mdi:language-ruby[24px, md-blue ml-3 mr-2]
-<<Jekyll>> 4.2 +
+<<Jekyll>> 4.3 +
 mdi:nodejs[24px, md-blue ml-3 mr-2]
 <<NodeJS>> 14.x
 
@@ -114,7 +96,7 @@ common operating systems like Windows, Linux, and OSX.
 
 === Ruby
 
-For the latest versions of J1 Template (>= *2022.5.2*), Ruby V3 is recommended.
+For the latest versions of J1 Template (>= *2022.5.0*), Ruby V3 is recommended.
 The latest Ruby versions offer much better run-time performance. Ruby 3 will
 be up to three times faster compared to Ruby 2.0. This will definively
 speed-up the development processes for your new website.
@@ -122,7 +104,7 @@ speed-up the development processes for your new website.
 === Jekyll
 
 The latest version of
-http://jekyllrb.com/news/2022/03/03/jekyll-4-2-2-released/[Jekyll v4.2.2 (March 2022), {browser-window--new}]
+http://jekyllrb.com/news/2022/10/20/jekyll-4-3-0-released/[Jekyll v4.3.0 (October 2022), {browser-window--new}]
 including all fixes for version V4. The upcoming version *v4.3.0* will offer
 some new features and modernized functionality. If this version is released,
 all new features will be implemented in J1 as well.

data/lib/starter_web/pages/public/features/template.adoc

@@ -9,56 +9,34 @@ description: >
                                         of Jekyll and valuable experience using HTML, CSS, and Javascript
                                         is required. J1 is different: easy to use, no programming is needed.
 
-keywords: >
-                                        features, modules, extensions, integrations,
-                                        Infinite srcoll, Animate on srcoll, Floating Action Buttons,
-                                        full-text search engine, cookie consent, translator, clipboard,
-                                        smooth-srcoll, enhanced navigation, lightboxes, image and video galleries,
-                                        text and image carousels, bootstrap extensions, asciidoctor extensions,
-                                        advanced banners and panels, blog post navigation, featured example content,
-                                        royalty free images, bootswatch, bootstrap, themes, comment providers,
-                                        google analytics, google ads, youtube video, vimeo video,
-                                        opensource, free, load, download, start, starter, example,
-                                        high, easy, use, secure, encrypt, standard, popular,
-                                        generate, develop, create, learn, distribute, publish, deploy,
-                                        beginner, advanced, expert, student, learner, writer, reader, visitor
-                                        framework, toolkit, integration, extension, module, api,
-                                        dynamic, static, generator, client, server, internet, local, localhost
-                                        page, web, website, webdesign, material, design, responsive,
-                                        javascript, nodejs, ruby, windows, linux, osx, mac, os,
-                                        http, https, html, html5, css, scss, style,
-                                        browser, firefox, chrome, edge, opera, safari,
-                                        configuration, generator, navigation, menu, dropdown, fab, action, button
-                                        application, interface, provider, api, repository,
-                                        cookie, language, translation, gdpr, dsgvo, privacy,
-                                        asciidoc, aciidoctor, bootstrap, jekyll, liquid,
-                                        hyvor, disqus, git, github, netlify, heroku, apple, microsoft,
-                                        provider, service, internet, support,
-                                        google, analytics, advertising, search, console, silverlight, score,
-                                        j1, template, jekyllone, comment
-
 categories:                             [ Features ]
 tags:                                   [ Module, Extension, Integration ]
 
 sitemap:                                true
 advertising:                            false
 comments:                               false
+fab_menu_id:                            page_ctrl
 
 robots:
   index:                                true
   follow:                               true
 
-fab_menu_id:                            page_ctrl
+image:
+  path:                                 /assets/images/modules/attics/christina-1920x1280.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Photo by Christina on Unsplash
 
 permalink:                              /pages/public/features/template_features/
 regenerate:                             true
 
 resources:                              [
-                                          animate, clipboard, comments, rouge, lightbox, carousel,
+                                          animate, clipboard, rouge, lightbox, carousel,
                                           masterslider, lightGallery, justifiedGallery,
                                           video_js, vimeo_player, vimeo_froogaloop
                                         ]
 resource_options:
+
   - toccer:
       collapseDepth:                    3
 
@@ -66,12 +44,10 @@ resource_options:
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
-
+      alignY:                           top
       slides:
-
         - url:                          /assets/images/modules/attics/christina-1920x1280.jpg
           alt:                          Photo by Christina on Unsplash
-          alignY:                       top
           badge:
             type:                       unsplash
             author:                     Christina

data/lib/starter_web/pages/public/learn/quickstart.adoc

@@ -1,6 +1,6 @@
 ---
 title:                                  Quickstart
-tagline:                                amazing site in 15 minutes
+tagline:                                Amazing Site In Minutes
 date:                                   2021-03-07 00:00:00
 description: >
                                         The template comes with a Web included, a skeleton for
@@ -9,21 +9,23 @@ description: >
                                         for your needs.
 
 categories:                             [ Knowledge ]
-tags:                                   [ J1, Template, Quickstart ]
+tags:                                   [ Template, Quickstart ]
 
-comments:                               true
-fab_menu_id:                            page_ctrl
+image:
+  path:                                 /assets/images/modules/attics/matthew-dockery-1920x1280.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Photo by Matthew Dockery on Unsplash
+
+comments:                               false
 
 permalink:                              /pages/public/learn/quickstart/
 regenerate:                             false
 
 resources:                              [ animate, clipboard, rouge ]
 resource_options:
-
   - attic:
-
       slides:
-
         - url:                          /assets/images/modules/attics/matthew-dockery-1920x1280.jpg
           alt:                          Photo by Matthew Dockery on Unsplash
           badge:
@@ -119,7 +121,7 @@ available: *Yarn*.
 The CLI `yarn` is developed at Facebook and can be used as a replacement
 for `npm`. From a top-level perspective, both package management clients behave
 pretty much the same. The syntax `yarn` uses is shorter in writing, making
-the command-line look a bit more natural. Therefore, we prefer to use `yarn`.
+the command line look a bit more natural. Therefore, we prefer to use `yarn`.
 
 NOTE: Yarn adds some additional features to the NodeJS package management
 implemented for the needs at Facebook. Regarding the J1 development system,

data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc

@@ -6,12 +6,6 @@
 // -----------------------------------------------------------------------------
 tag::urls[]
 
-:url-bootstrap--home:                             https://getbootstrap.com/
-:url-bs-doc--components-modal:                    https://getbootstrap.com/docs/4.3/components/modal/
-
-:url-bootswatch--home:                            https://bootswatch.com/
-:url-bootswatch--api:                             https://bootswatch.com/help/#api
-
 :url-mdb--home:                                   https://mdbootstrap.com/
 :url-mdb--bs-modals:                              https://mdbootstrap.com/docs/jquery/modals/basic/
 :url-mdb--bs-modals-legacy:                       https://mdbootstrap.com/legacy/4.3.2/?page=javascript/modals
@@ -78,7 +72,6 @@ tag::footnotes[]
 end::footnotes[]
 
 
-
 // Tags - Asciidoc attributes used internally
 // -----------------------------------------------------------------------------
 tag::tags[]

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_table_bs_modal_examples.asciidoc

@@ -4,7 +4,7 @@
 |===
 |Postion |Class | Example
 
-|`top`
+|`top` (full-width)
 |`info`
 |
 include::./410_top_info.asciidoc[]
@@ -19,7 +19,7 @@ include::./410_top_right_success.asciidoc[]
 |
 include::./410_top_left_info.asciidoc[]
 
-|`bottom`
+|`bottom` (full-width)
 |`info`
 |
 include::./410_bottom_info.asciidoc[]

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/themes_bootstrap.asciidoc

@@ -0,0 +1,51 @@
+== The Themes Menu
+
+Themes adjust the website's appearance based on the core CSS rules and
+definitions of Bootstrap. Themes do not change the framework's functionality
+but modify rule-based, e.g., the color scheme, fonts, sizes, or the
+appearance of more complex elements like forms or tables. Additionally, a
+theme may add additional components to extend the Bootstrap's framework.
+
+Modifying the CSS styles of link:{url-bs--home}[Bootstrap, {browser-window--new}]
+is not rocket science. But, to be honest, some knowledge is needed for
+link:{url-w3org--css-spec}[the CSS technology, {browser-window--new}] to do so.
+We encourage you to spend some time first on learning CSS. To learn what is the
+link:{url-w3schools--css-tutorial}[design base, {browser-window--new}] of each
+and every website.
+
+.Themes menu
+lightbox::images--themes-menu[ 1280, {data-images--themes-menu} ]
+
+Thanks to the people at link:{url-bootswatch--home}[Bootswatch, {browser-window--new}],
+a great set of already prepared Bootstrap stylesheets in various designs are
+available on their website. There is no need to start from scratch. It is not
+needed to re-define all the Bootstrap variables, and rebuild the framework
+files to create a new theme. Many different styles are available. What is
+already available at Bootswatch is at least a good base for your modifications;
+your unique design.
+
+Besides the bunch of different stylesheets at Bootswatch, an
+link:{url-bootswatch--api}[Integration API, {browser-window--new}] is provided
+that helps a lot to integrate available designs into an existing site. This API
+is the base to integrate selectable Bootswatch stylesheets into the J1 Template
+navigation system for easy use.
+
+=== Apply a theme
+
+The base for designing pages using the J1 Template is the theme Uno, a modern
+light theme used for many types of websites. And what we mentioned
+already, web design is not: one size fits all. The theme Uno can be seen as
+a good base, a starting point. Combining Uno and a different theme may be a fast
+solution for your site!?
+
+You can find all available themes and stylesheets on your pages
+from the menu Themes. You're invited to check how a page is changing for
+its design if other stylesheets, other ideas of web design are used.
+
+TIP: Changing BS-based styles is one thing. Changing from one theme to the
+next at runtime is a bit more challenging. For the first version of the J1
+Template, many styles are automatically changed for J1 specific components,
+but not all of them for now.
+
+Select a theme from this menu, and a new BS-based stylesheet is automatically
+applied to your pages.