j1-template 2021.3.2 → 2022.0.3

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

@@ -39,7 +39,7 @@ settings:
         comment:                        Home Intro Panel
         type:                           intro
         animate:                        false
-        properties:                     mt-5 mr-3 mb-5 ml-3
+        properties:                     mt-5 mb-5
 
         title:                          All in One
         tagline:                        top features
@@ -161,7 +161,7 @@ settings:
         comment:                        Home News Panel
         type:                           news
         animate:                        false
-        properties:                     mt-5 mr-3 mb-5 ml-3
+        properties:                     mt-5 mb-5
 
         title:                          Creators Blog
         tagline:                        latest news
@@ -199,10 +199,10 @@ settings:
         comment:                        Home Service Panel
         type:                           service
         animate:                        false
-        properties:                     mt-5 mr-3 mb-5 ml-3
+        properties:                     mt-5 mb-5
 
         title:                          Jekyll One
-        tagline:                        full featured template for jekyll
+        tagline:                        featured template for jekyll
         description_properties:         mt-3 mr-3 mb-3
         description: >
                                         <p class="dropcap">
@@ -212,9 +212,9 @@ settings:
                                           What's about static websites today? What's achievable?
                                         </p>
                                         <p>
-                                          This board highlights top features, which make static webs not
-                                          only an option, but an attractive method to create fast, secure,
-                                          and sophisticated websites for many use cases.
+                                          This board highlights top features, which make static webs
+                                          not only an option but a state-of-the-art technology to create
+                                          fast, secure, and sophisticated websites for many use cases.
                                         </p>
                                         <ul>
                                           <li>
@@ -224,9 +224,9 @@ settings:
                                             Fully Responsive. Best results on PCs, Tablets, and SmartPhones.
                                           </li>
                                           <li>
-                                            Start in no time. No programming is needed using J1.
+                                            Start in no time. No programming is needed using Jekyll One.
                                           </li>
-                                        <ul>
+                                        </ul>
 
         cards:
 
@@ -238,14 +238,19 @@ settings:
               icon:                     globe-model
               icon_size:                mdi-6x
               icon_color:               md-white
-              href:                     /pages/public/projects/beginner/all/
+              href:                     /pages/public/features/general_features/
               title:                    Features
               tagline:                  general features
               text: >
                                         <p class="dropcap mt-3">
-                                          Ein erster Zugang zur digitalisierten Welt erfordert keine besonderen
-                                          technischen Kenntnisse. Zusätztliche Software wird nicht gebraucht. Alle
-                                          Experimente erforden lediglich einen Web-Browser.
+                                          Current software counts. Excellent tools in their latest versions
+                                          make the rocket engine for each and every website. Jekyll One
+                                          is using current software in their latest versions. All of them
+                                          are OpenSource and free to use. No license issues for private or
+                                          professional use.
+                                        </p>
+                                        <p>
+                                          The base of J1.
                                         </p>
 
               services:
@@ -255,62 +260,112 @@ settings:
                     id:                 A1
                     description: >
                                         <p>
-                                          Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
-                                          WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
-                                          Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+                                          The template system J1 is based on the <i>Ruby</i> language of version
+                                          2.x. For sure, not the latest language version for <i>Ruby</i> but the
+                                          supported platform for the latest <i>Jekyll</i> software.
+                                        </p>
+                                        <p>
+                                          Websites created by Jekyll One are projects managed by NodeJS. The
+                                          built-in script engine provided by the package manager npm of NodeJS
+                                          simplifies the management of J1 projects a lot. Well-known commands
+                                          typically used to manage software projects are at your fingertips.
+                                          Easy to learn, easy to remember. Commands support creators to
+                                          concentrate on the content.
+                                        </p>
+                                        <p>
+                                          Not get lost in project management.
                                         </p>
                                         <p>
                                           <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-ruby"></i>
-                                          Ruby 2.7 support <br />
+                                          Ruby 2.7 <br />
                                           <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-ruby"></i>
-                                          Jekyll 4.2 support <br />
+                                          Jekyll 4.2 <br />
                                           <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-nodejs"></i>
-                                          NodeJS support <br />
+                                          NodeJS 12.x <br />
                                         </p>
                     title:              Platforms
-                    href:               "/pages/public/features/platforms/#platforms"
+                    href:               "/pages/public/features/general_features/#platforms"
 
                 - name:                 Frameworks
                   service:
                     id:                 A2
                     description: >
                                         <p>
-                                          Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
-                                          WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
-                                          Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+                                          To not reinvent wheels, J1 Template is based on ready-to-use
+                                          frameworks, extensions, and modules. All build-in
+                                          frameworks are industry standard, well known, and accepted
+                                          worldwide.
+                                        </p>
+                                        <p>
+                                          For current webs, a must: responsiveness and modern design.
+                                          Jekyll One is based on <i>Bootstrap</i>, the leading platform
+                                          to create today's responsive webs.
+                                        </p>
+                                        <p>
+                                          Professional websites on the internet define standards. All
+                                          current sites support dynamic, fast loading, and some more features.
+                                          For fastest loading, all HTML, CSS, and Javascript have been compressed
+                                          automatically for production. Going further for dynamic, AJAX loading
+                                          for J1 webs is supported as well.
+                                        </p>
+                                        <p>
+                                          No way: icons and icon fonts are required to make a site understandable.
+                                          J1 supports four icon fonts to manage this. Icons are used for extensions,
+                                          modules, and content.
+                                        </p>
+                                        <p>
+                                          Software products of today are not easy to manage. To get the complexity
+                                          out of your way, J1 is fully configurable. No need to dive in the deep.
+                                        </p>
+                                        <p>
+                                          Configure what is to be done.
                                         </p>
                                         <p>
                                           <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-bootstrap"></i>
-                                          Responsive Design, Bootstrap V4 (v4.6) support <br />
+                                          Bootstrap V4 <br />
                                           <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-html5"></i>
-                                          Compressed HTML, CSS and Javascript support <br />
+                                          Enhanced HTML, CSS and Javascript <br />
                                           <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-grass"></i>
-                                          Icon Font support (MDI, FA, Iconify, Twitter Emoji) <br />
+                                          Icon Fonts <br />
                                           <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-application-settings"></i>
-                                          Fully configurable <br />
+                                          Fully configurable components <br />
                                         </p>
                     title:              Frameworks
-                    href:               /pages/public/features/platforms/#frameworks
+                    href:               /pages/public/features/general_features/#frameworks
 
                 - name:                 Devices
                   service:
                     id:                 A3
                     description: >
                                         <p>
-                                          Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
-                                          WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
-                                          Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+                                          The Web is everywhere. J1 Template supports modern web browsers on all devices
+                                          for best results on PCs, Tablets, and SmartPhones.
+                                        </p>
+                                        <p>
+                                          Mobile devices are great for Apps designed for these platforms. Using a web
+                                          browser to surf websites is often frustrating on mobiles. Jekyll One provides
+                                          navigation systems that cover both worlds: desktops and mobiles.
+                                        </p>
+                                        <p>
+                                          Performance is a key factor for all users. To not get visitors  lost, J1
+                                          webs are highly optimized. All Websites will achieve  Google Lighthouse
+                                          scores for performance, accessibility, best practices, and SEO at the
+                                          green level.
+                                        </p>
+                                        <p>
+                                        Support your visitors.
                                         </p>
                                         <p>
                                           <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-devices"></i>
                                           Desktop and Mobile support <br />
                                           <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-near-me"></i>
-                                          Desktop, Mobile Web Navigation ready <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-chrome"></i>
-                                          100/100/100 Google Lighthouse scores <br />
+                                          Mobile Web Navigation <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-lighthouse"></i>
+                                          Highest Google Lighthouse scores <br />
                                         </p>
+
                     title:              Devices
-                    href:               /pages/public/features/platforms/#devices
+                    href:               /pages/public/features/general_features/#devices
 
           - name:                       Modules
             card:
@@ -320,15 +375,19 @@ settings:
               icon:                     gift
               icon_size:                mdi-6x
               icon_color:               md-white
-              href:                     /pages/public/projects/advanced/all/
+              href:                     /pages/public/features/template_features/
               title:                    Features
               tagline:                  template features
               text: >
                                         <p class="dropcap mt-3">
-                                          Projekte für Fortgeschrittene richten sich an erfahrene Anwender:innen bzw.
-                                          Leute die mehr erfahren wollen. Die Bearbeitung wird einige Zeit brauchen.
-                                          Gut investierte Zeit, Einblicke die sich lohnen. Erfahrungen die man nicht
-                                          so leicht vergessen wird.
+                                          For Jekyll, a huge number of templates are available that cover
+                                          all typical use cases for websites. The bad story: most of them
+                                          require programming and low-level customization. Deep knowledge
+                                          of Jekyll and valuable experience using HTML, CSS, and Javascript
+                                          is required.
+                                        </p>
+                                        <p>
+                                          The ease of using J1.
                                         </p>
               services:
 
@@ -337,64 +396,103 @@ settings:
                     id:                 B1
                     description: >
                                         <p>
-                                          Dank guter Werkzeuge ist die Erstellung von Webseiten einfacher geworden.
-                                          Nicht unbedingt simpel, aber auch keine Wissenschaft die nur wenige beherrschen.
-                                          Mit Generatoren für Webseiten ist ein Basisweb in wenigen Minuten  erstellt.
-                                          Für die vorgeschlagenen Experimente reichen solche Webs völlig aus.
-                                          Dazu die gute Nachricht: Die meisten dieser Tools stehen als OpenSource Allen
-                                          kostenlos zur Verfügung.
+                                          The Template provides a large number of building blocks to create modern
+                                          web pages in minutes. The base idea of the J1 Template is to give all people
+                                          a toolset at their hands to create a website with no need to start web
+                                          development or web design from the beginning.
                                         </p>
                                         <p>
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-devices"></i>
-                                          Desktop and Mobile support <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-html5"></i>
-                                          Desktop, Mobile Web Navigation ready <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-chrome"></i>
-                                          100/100/100 Google Lighthouse scores <br />
+                                          Use whats's prepared already.
+                                        </p>
+                                        <p>
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-mouse-move-down"></i>
+                                          Infinite srcoll <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-mouse-move-down"></i>
+                                          Animate on srcoll <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-animation"></i>
+                                          Floating Action Buttons <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-magnify"></i>
+                                          Full-text search engine (Lunr) <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-cookie"></i>
+                                          Cookie consent (GDPR compatible) <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-translate"></i>
+                                          Translator (Google, Deepl) <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-clipboard"></i>
+                                          Clipboard <br />
+                                          <i class="mdi mdi-24px md-blue mdi-rotate-90 ml-3 mr-2 mdi-forwardburger"></i>
+                                          Smooth-srcoll <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-near-me"></i>
+                                          Enhanced Navigation <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-lightbulb-on"></i>
+                                          Lightboxes <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-folder-multiple-image"></i>
+                                          Image and Video Galleries <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-view-carousel"></i>
+                                          Text and Image Carousels <br />
                                         </p>
 
                     title:              Modules
-                    href:               /pages/public/features/modules/#modules
+                    href:               /pages/public/features/template_features/#modules
 
                 - name:                 Extensions
                   service:
                     id:                 B2
                     description: >
                                         <p>
-                                          Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
-                                          WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
-                                          Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+                                          Frameworks like Bootstrap and Asciidoc are enormously flexible and customizable.
+                                          Changing or adding components to frameworks requires a lot of experience. That
+                                          is not the idea of J1. Customizations for the base frameworks are prepared,
+                                          simple to use, and usable out-of-the-box.
                                         </p>
                                         <p>
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-devices"></i>
-                                          Desktop and Mobile support <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-html5"></i>
-                                          Desktop, Mobile Web Navigation ready <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-chrome"></i>
-                                          100/100/100 Google Lighthouse scores <br />
+                                          Make your site unique.
+                                        </p>
+                                        <p>
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-bootstrap"></i>
+                                          Bootstrap extensions <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-format-annotation-plus"></i>
+                                          Asciidoctor extensions <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-group"></i>
+                                          Advanced banners and panels <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-near-me"></i>
+                                          Blog Post navigation <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-content-duplicate"></i>
+                                          Featured example content <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-image"></i>
+                                          Royalty free images <br />
                                         </p>
                     title:              Extensions
-                    href:               /pages/public/features/modules/#extensions
+                    href:               /pages/public/features/template_features/#extensions
 
                 - name:                 Integrations
                   service:
                     id:                 B3
                     description: >
                                         <p>
-                                          Das Internet wird vielfach unmittelbar mit dem World-Wide-Web verbunden. Das
-                                          WWW gehört zu den wichtigsten Diensten - keine Frage. Mit "Ich gehe mal ins
-                                          Internet" meint in den meisten Fällen eine Website ansurfen, sie zu besuchen.
+                                          The Internet of today has changed a lot. The new digital world is called the cloud.
+                                          Services out of the cloud is a fast-growing business. J1 Template integrates cloud
+                                          services to extend the functionality of a web for commenting features or Bootstrap
+                                          themes, for example.
                                         </p>
                                         <p>
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-devices"></i>
-                                          Desktop and Mobile support <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-html5"></i>
-                                          Desktop, Mobile Web Navigation ready <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-chrome"></i>
-                                          100/100/100 Google Lighthouse scores <br />
+                                          Check what services powers your site.
+                                        </p>
+                                        <p>
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-theme-light-dark"></i>
+                                          Bootstrap Themes <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-comment"></i>
+                                          Comment providers <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-analytics"></i>
+                                          Google Analytics <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-ads"></i>
+                                          Google Ads <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-youtube"></i>
+                                          YouTube Video <br />
+                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-vimeo"></i>
+                                          Vimeo Video <br />
                                         </p>
                     title:              Integrations
-                    href:               /pages/public/features/modules/#integrations
+                    href:               /pages/public/features/template_features/#integrations
 
   # ----------------------------------------------------------------------------
   # STEP Panel