j1-template 2020.0.0

data/lib/starter_web/pages/public/legal/en/eu/cookie.policy.asciidoc

@@ -0,0 +1,55 @@
+To make this site work properly, we sometimes place small data files 
+called cookies on your device. Most big websites do this too.
+
+What are cookies?
+A cookie is a small text file that a website saves on your computer or 
+mobile device when you visit the site. It enables the website to remember 
+your actions and preferences (such as login, language, font size and other 
+display preferences) over a period of time, so you don't have to keep 
+re-entering them whenever you come back to the site or browse from one page to another.
+
+How do we use cookies?
+
+A number of our pages use cookies to remember:
+
+* your display preferences, such as contrast colour settings or font size
+* if you have already replied to a survey pop-up that asks you if the 
+  content was helpful or not (so you won't be asked again)
+* if you have agreed (or not) to our use of cookies on this site
+
+Also, some videos embedded in our pages use a cookie to anonymously gather 
+statistics on how you got there and what videos you visited.
+
+Cookies are also stored by Europa Analytics, the corporate service which 
+measures the effectiveness and efficiency of the European Commission's 
+websites on EUROPA.
+
+Enabling these cookies is not strictly necessary for the website to work 
+but it will provide you with a better browsing experience. You can delete 
+or block these cookies, but if you do that some features of this site may 
+not work as intended.
+
+The cookie-related information is not used to identify you personally and 
+the pattern data is fully under our control. These cookies are not used 
+for any purpose other than those described here.
+
+Do we use other cookies?
+
+Some of our pages or subsites may use additional or different cookies to 
+the ones described above. If so, the details of these will be provided 
+in their specific cookies notice page. You may be asked for your agreement 
+to store these cookies.
+
+How to control cookies
+
+You can control and/or delete cookies as you wish - for details, see 
+link:{http://www.aboutcookies.org/}[aboutcookies.org]. You can delete 
+all cookies that are already on your computer and you can set most browsers 
+to prevent them from being placed. If you do this, however, you may have to 
+manually adjust some preferences every time you visit a site and some services 
+and functionalities may not work.
+
+
+
+
+

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

@@ -0,0 +1,158 @@
+---
+title:                                  J1 Template
+tagline:                                creating responsive websites
+description:                            Responsive Webs using J1 Template
+author:                                 J1 Team
+
+tags:                                   [ Jekyll, Template ]
+index:                                  [ Jekyll, Template, Responsive, Web ]
+categories:                             [ pages ]
+
+permalink:                              /pages/public/panels/intro_panel/
+regenerate:                             false
+
+resources:                              [ lightbox, carousel ]
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5 
+      slides:
+        - url:                          /assets/images/modules/attics/the-place-1920x1280-bw.jpg
+          alt:                          the-place-1920x1280-bw
+---
+
+
+[[responsive-design]]
+== Full Responsive
+
+A good user experience browsing a Web is one of the most important features
+a site has to offer as a must. Beside excellent content. Presenting content
+at it's best on all devices, for all window sizes makes an excellent Web
+brilliant. J1 Template support your Web for full responsiveness, for the
+best user experience on all modern devices.
+
+=== Bootstrap 4 Integration
+
+To not sidetrack your audience by irritating user interface (UI) components,
+J1 Template is based on Bootstrap. Bootstrap is one of the most popular 
+frameworks for web development used today. J1 is based on Bootstrap V4, the 
+last current version to support your visitors by common elements for 
+navigation, data input, tables and many other components more.
+
+For your development projects, Bootstrap simplifies HTML programming a lot,
+offers excellent JS support for interactive components like navigation 
+elements, cards, forms etc.
+
+[[current-technology]]
+== HTML5 · CSS3 · JS
+
+The Internet is a rapid changing world. Like the fashion industries, new trends
+are set every year. J1 Template combines modern technologies for the world
+of static Webs to make a Site uniqe using current standards in terms of web
+development, languages and tools.
+
+
+=== HTML5 + CSS3
+
+J1 is using HTML5 for structuring content on the World Wide Web. The current 
+version of the HTML standard offer a lot of new features including detailed 
+processing models to support more interoperable implementations. It extends 
+and improves HTML markups available. HTML5 introduces application 
+programming interfaces (APIs) for more complex web applications. For same 
+reasons, the new HTMLstandard is also a good choice for modern cross-platform 
+mobile applications, because it includes features designed with mobile devices
+in mind.
+
+Many new features are included with HTML5. To natively support multimedia and 
+graphical content, the new `<video>`, `<audio>` and `<canvas>` elements were 
+added. Beside this, support for scalable vector graphics (SVG) and an API
+called MathML for mathematical formulas are now available.
+
+The new standard allows to use so-called *semantic* markup elements for your
+documents. New structure elements such as `<main>`, `<section>`, `<article>`, 
+`<header>` or `<footer>` (and many more) were added. Better structured HTML 
+code can help people having disabilities to read the pages presented better.
+
+CSS is designed to enable the separation of presentation and content. 
+Including layout, colors and fonts for example. This separation improves 
+content accessibility, provide more flexibility and control in the 
+presentation.
+
+Separation of formatting and content also makes it feasible to present the
+same page in different styles. For example, the themes feature of J1 Template 
+make use of this.
+
+CSS3 is divided into several separate components called *modules*. Each module
+adds new capabilities or extends features defined in the former CSS2 standard. 
+HTML5 in combination with CSS3 allows to create modern and modular code for web
+pages that can be viewed on all current devices like Mobiles, Tablets or the
+classic Desktop PC. The new HTML5 elements plus CSS3 modules can be used as a
+replacement for *proprietary solutions* like Adobe Flash to build modern 
+webpages based on *open standards*.
+
+=== Javascript
+
+HTML5 and CSS3 can do a lot. Content placement and basic methods for the
+dynamic of elements can be done using pure HTML5 and CSS3. For more
+complex solutions like modules the support of Javascript is needed.
+
+J1 Template has build-in a wide range of JS powered modules to support a 
+website for e.g. the navigation, for presenting image data in galeries, 
+lightboxes and so on.
+
+
+[[launch-ready]]
+== Start in No Time
+
+The base idea of J1 Template is to give all people a tool set at their hands
+to create a website with no need to start by web development or web design 
+from the beginning. A website based on J1 is using build-in templates and 
+engines. As a result, the process to generate HTML code from your content 
+is done automatically and allows you to concentrate on what truly matters: 
+your content.
+
+Using J1, you can instantly start a web project by creating your content 
+and not by start learning the the deep of web development technologies.
+
+=== Create your Web
+
+J1 is highly customizeable. Based on a pure configuration, a website can be 
+created. The template system creates static web pages using Jekyll as
+the base HTML code generator. Static website are fast and secure but simple 
+to manage. No complex database systems and PHP interfaces are needed.
+
+To present a static website, only a web server environment is needed. To 
+publish a website on the Internet, many possible platforms can be used like 
+Github, Netlify or Heroku for example - for free!
+
+The Internet is not a peaceful place. Every site accessible from the public is
+attacked from the first second if published. Static websites are robust, fast 
+and that's import: intrinsicly secure. That means: *not* changeable. No 
+offender attacking your website is able to break your site. Because it's 
+static or in other words: unchangeable, unbreakable from it's natur.
+
+This makes a static website for the better.
+
+=== Modules and Apps
+
+It's predictable what base components are needed for a modern website. For 
+Content Management Systems (CMS) like Wordpress, Joomla or Drupal a huge 
+number of modules are available to extend a site by e.g. Apps like image 
+galleries, video players, calendars etc.
+
+This is a bit different for static webs as they don't have a central
+Management System as CMS do to integrate external code. There no ecosystem,
+no marketplace to get apps and modules from. 
+
+Luckily, it is not that hard to integrate external components into the world 
+of Jekyll. But one of the objectives of J1 is to give people a ready-to-use 
+toolset without the need to install, to integrate components that expected 
+as a need.
+
+A rich set of modules are already included. The modules support common use 
+cases of a website like a flexible navigation system, a local search, 
+lightboxes to present pictures and videos, little helpers for scrolling or 
+to automatically create TOCs (table of contents) for a page.
+
+

data/lib/starter_web/pages/public/previewer/000_includes/attributes.asciidoc

@@ -0,0 +1,116 @@
+// ~/document_base_folder/000_includes
+//  Asciidoc attribute includes:                 attributes.asciidoc
+// -----------------------------------------------------------------------------
+
+
+// URLs - Internal references and/or sources on the Internet
+// -----------------------------------------------------------------------------
+tag::urls[]
+
+:google-md-icons:                                 https://material.io/icons/
+:google-github-md-icons:                          https://github.com/google/material-design-icons
+:material-design-icons-home:                      https://materialdesignicons.com/
+:material-design-icons-github:                    https://github.com/Templarian/MaterialDesign
+:stackoverflow-i-or-span-for-font-icons:          https://stackoverflow.com/questions/11135261/should-i-use-i-tag-for-icons-instead-of-span
+
+
+:bs_themes:                                       https://themes.getbootstrap.com/
+:bs_expo:                                         https://expo.getbootstrap.com/
+
+:bs_doc_v4:                                       http://getbootstrap.com/docs/4.0/getting-started/introduction/
+:bs_doc_examples:                                 http://getbootstrap.com/docs/4.0/examples/
+
+:bs_doc_content_code:                             https://getbootstrap.com/docs/4.0/content/code/
+:bs_doc_content_figures:                          https://getbootstrap.com/docs/4.0/content/figures/
+:bs_doc_content_images:                           https://getbootstrap.com/docs/4.0/content/images/
+:bs_doc_content_typography:                       https://getbootstrap.com/docs/4.0/content/typography/
+:bs_doc_content_tables:                           https://getbootstrap.com/docs/4.0/content/tables/
+
+:bs_doc_components_alerts:                        http://getbootstrap.com/docs/4.0/components/alerts/
+:bs_doc_components_badges:                        http://getbootstrap.com/docs/4.0/components/badge/
+:bs_doc_components_breadcrumb:                    http://getbootstrap.com/docs/4.0/components/breadcrumb/
+:bs_doc_components_buttons:                       http://getbootstrap.com/docs/4.0/components/buttons/
+:bs_doc_components_button_group:                  http://getbootstrap.com/docs/4.0/components/button-group/
+:bs_doc_components_cards:                         http://getbootstrap.com/docs/4.0/components/card/
+:bs_doc_components_carousel:                      http://getbootstrap.com/docs/4.0/components/carousel/
+:bs_doc_components_collapse:                      http://getbootstrap.com/docs/4.0/components/collapse/
+:bs_doc_components_dropdowns:                     http://getbootstrap.com/docs/4.0/components/dropdowns/
+:bs_doc_components_forms:                         http://getbootstrap.com/docs/4.0/components/forms/
+:bs_doc_components_input_group:                   http://getbootstrap.com/docs/4.0/components/input-group/
+:bs_doc_components_jumbotron:                     http://getbootstrap.com/docs/4.0/components/jumbotron/
+:bs_doc_components_list_group:                    http://getbootstrap.com/docs/4.0/components/list-group/
+:bs_doc_components_modal:                         http://getbootstrap.com/docs/4.0/components/modal/
+:bs_doc_components_navs:                          http://getbootstrap.com/docs/4.0/components/navs/
+:bs_doc_components_navbar:                        http://getbootstrap.com/docs/4.0/components/navbar/
+:bs_doc_components_pagination:                    http://getbootstrap.com/docs/4.0/components/pagination/
+:bs_doc_components_popovers:                      http://getbootstrap.com/docs/4.0/components/popovers/
+:bs_doc_components_progress:                      http://getbootstrap.com/docs/4.0/components/progress/
+:bs_doc_components_tooltips:                      http://getbootstrap.com/docs/4.0/components/tooltips/
+
+:bs_doc_utils_borders:                            http://getbootstrap.com/docs/4.0/utilities/borders/
+:bs_doc_utils_clearfix:                           http://getbootstrap.com/docs/4.0/utilities/clearfix/
+:bs_doc_utils_close_icon:                         http://getbootstrap.com/docs/4.0/utilities/close-icon/
+:bs_doc_utils_colors:                             http://getbootstrap.com/docs/4.0/utilities/colors/
+:bs_doc_utils_display:                            http://getbootstrap.com/docs/4.0/utilities/display/
+:bs_doc_utils_embeds:                             http://getbootstrap.com/docs/4.0/utilities/embed/
+:bs_doc_utils_flex:                               http://getbootstrap.com/docs/4.0/utilities/flex/
+:bs_doc_utils_float:                              http://getbootstrap.com/docs/4.0/utilities/float/
+:bs_doc_utils_image_replacement:                  http://getbootstrap.com/docs/4.0/utilities/image-replacement/
+:bs_doc_utils_screenreaders:                      http://getbootstrap.com/docs/4.0/utilities/screenreaders/
+:bs_doc_utils_sizing:                             http://getbootstrap.com/docs/4.0/utilities/sizing/
+:bs_doc_utils_spacing:                            http://getbootstrap.com/docs/4.0/utilities/spacing/
+:bs_doc_utils_text:                               http://getbootstrap.com/docs/4.0/utilities/text/
+:bs_doc_utils_vertical_alignment:                 http://getbootstrap.com/docs/4.0/utilities/vertical-align/
+:bs_doc_utils_visibility:                         http://getbootstrap.com/docs/4.0/utilities/visibility/
+
+:bs_doc_migration_to_v4:                          http://getbootstrap.com/docs/4.0/migration/
+
+end::urls[]
+
+// Tags - Asciidoc attributes used internally
+// -----------------------------------------------------------------------------
+tag::tags[]
+
+:window:                                          window="_blank"
+:no-clipboard:                                    noclip
+:figure-caption:                                  Figure
+:images-dir:                                      pages/roundtrip
+:y:                                               icon:check[role="green"]
+:n:                                               icon:times[role="red"]
+:c:                                               icon:file-alt[role="blue"]
+:beginner:                                        icon:battery-quarter[role="md-blue"]
+:inter:                                           icon:battery-half[role="md-blue"]
+:advanced:                                        icon:battery-full[role="md-blue"]
+:emdash:                                          —
+:bullet:                                          •
+:bigbullet:                                       ●
+:bigbigbullet:                                    ⬤
+:dot:                                             .
+:dotdot:                                          ..
+:middot:                                          ·
+
+end::tags[]
+
+// Data - Data elements for Asciidoctor extensions
+// -----------------------------------------------------------------------------
+tag::data[]
+
+:lightbox-image-data-base-color-palette:          "pages/previewer/bs-color-palette.png, Bootstrap base color palette"
+:lightbox-image-data-md-color-palette:            "pages/previewer/material-design-color-palette.png, Material Design color palette"
+
+end::data[]
+
+// Product - Document (e.g release) information
+// -----------------------------------------------------------------------------
+tag::product_info[]
+:license:                                         MIT License
+:revdate:                                         2018
+:revnumber:                                       1.0.0
+end::product_info[]
+
+
+// Author - Author information
+// -----------------------------------------------------------------------------
+tag::authors[]
+:uri-author-juergen-adams                         https://jekyll.one
+end::authors[]

data/lib/starter_web/pages/public/previewer/000_includes/tables/mdi_icons/100_absolute_sizes.asciidoc

@@ -0,0 +1,39 @@
+
+.Fixed (absolute) sizes
+[cols="2,1,9a", options="header", role="table-responsive mb-5"]
+|===============================================================================
+|Class |Result |Code
+
+|`mdi-18px`
+^|pass:[<i class="mdi mdi-18px mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-18px mdi-account"></i>
+----
+
+|`mdi-24px`
+^|pass:[<i class="mdi mdi-24px mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-24px mdi-account"></i>
+----
+
+|`mdi-36`
+^|pass:[<i class="mdi mdi-36px mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-36px mdi-account"></i>
+----
+
+|`mdi-48px`
+^|pass:[<i class="mdi mdi-48px mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-48px mdi-account"></i>
+----
+
+|===============================================================================

data/lib/starter_web/pages/public/previewer/000_includes/tables/mdi_icons/110_bs_grid_sizes.asciidoc

@@ -0,0 +1,47 @@
+
+.Bootstrap (BS) grid sizes
+[cols="2,1,9a", options="header", role="table-responsive mb-5"]
+|===============================================================================
+|Class |Result |Code
+
+|`mdi-xs`
+^|pass:[<i class="mdi mdi-xs mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-xs mdi-account"></i>
+----
+
+|`mdi-sm`
+^|pass:[<i class="mdi mdi-sm mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-sm mdi-account"></i>
+----
+
+|`mdi-md`
+^|pass:[<i class="mdi mdi-md mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-md mdi-account"></i>
+----
+
+|`mdi-lg`
+^|pass:[<i class="mdi mdi-lg mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-lg mdi-account"></i>
+----
+
+|`mdi-xl`
+^|pass:[<i class="mdi mdi-xl mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-xl mdi-account"></i>
+----
+
+|===============================================================================

data/lib/starter_web/pages/public/previewer/000_includes/tables/mdi_icons/120_relative_sizes.asciidoc

@@ -0,0 +1,87 @@
+
+.Relative sizes
+[cols="2,1,9a", options="header", role="table-responsive mb-5"]
+|===============================================================================
+|Class |Result |Code
+
+|`mdi-1x`
+^|pass:[<i class="mdi mdi-1x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-1x mdi-account"></i>
+----
+
+|`mdi-2x`
+^|pass:[<i class="mdi mdi-2x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-2x mdi-account"></i>
+----
+
+|`mdi-3x`
+^|pass:[<i class="mdi mdi-3x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-3x mdi-account"></i>
+----
+
+|`mdi-4x`
+^|pass:[<i class="mdi mdi-4x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-4x mdi-account"></i>
+----
+
+|`mdi-5x`
+^|pass:[<i class="mdi mdi-5x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-5x mdi-account"></i>
+----
+
+|`mdi-6x`
+^|pass:[<i class="mdi mdi-6x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-6x mdi-account"></i>
+----
+
+|`mdi-7x`
+^|pass:[<i class="mdi mdi-7x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-7x mdi-account"></i>
+----
+
+|`mdi-8x`
+^|pass:[<i class="mdi mdi-8x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-1x mdi-account"></i>
+----
+
+|`mdi-9x`
+^|pass:[<i class="mdi mdi-9x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-9x mdi-account"></i>
+----
+
+|`mdi-10x`
+^|pass:[<i class="mdi mdi-10x mdi-account"></i>]
+|
+[source, html]
+----
+<i class="mdi mdi-10x mdi-account"></i>
+----
+
+|===============================================================================