j1_template_mde 2018.4.20 → 2018.4.21

data/lib/starter_web/pages/public/start/platform.adoc

@@ -0,0 +1,151 @@
+---
+title:                                  Platform.js
+tagline:                                A platform detection library
+description:                            A platform detection library
+
+tags:                                   []
+resources:                              []
+#permalink:                             /pages/public/start/platform/
+
+resource_options:
+
+  - toccer:
+      collapseDepth:                    2
+
+regenerate:                             false
+---
+
+// Enable the Liquid Preprocessor
+// -----------------------------------------------------------------------------
+:page-liquid:
+
+// Set other global page attributes here                                          
+// -----------------------------------------------------------------------------
+
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+
+
+// NOTE: Initialize entry document paths
+// -----------------------------------------------------------------------------
+{% include {{set_env_entry_document}} init_folders=all %}
+
+// Load tag, url and data attributes
+// -----------------------------------------------------------------------------
+include::{includedir}/attributes.asciidoc[tag=tags]
+include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
+
+// Additional Asciidoc page attributes goes here
+// -----------------------------------------------------------------------------
+
+lorem:sentences[5]
+
+pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-indigo"></i>]
+Home: link:{home-platformjs}[Platform.js, window="_blank"]
+pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-indigo"></i>]
+Docs: link:{home-platformjs-docs}[Docs@Platform.js , window="_blank"]
+
+== `platform.os`
+
+lorem:sentences[5]
+
+=== platform.os.architecture
+
+The CPU architecture the OS is built for.
+
+=== platform.os.family
+
+The family of the OS. Common values include: "Windows", "Windows Server
+`2008` R2 / `7`", "Windows Server `2008` / Vista", "Windows XP", "OS X",
+"Ubuntu", "Debian", "Fedora", "Red Hat", "SuSE", "Android", "iOS" and
+"Windows Phone"
+
+=== platform.os.toString()
+
+Returns the OS string.
+
+=== platform.os.version
+
+The version of the OS.
+
+
+== `platform`
+
+The platform object.
+
+lorem:sentences[5]
+
+=== platform.description
+
+The platform description.
+
+=== platform.layout
+
+The name of the browser's layout engine. The list of common layout
+engines include: "Blink", "EdgeHTML", "Gecko", "Trident" and "WebKit"
+
+=== platform.manufacturer
+
+The name of the product's manufacturer. The list of manufacturers
+include: "Apple", "Archos", "Amazon", "Asus", "Barnes & Noble",
+"BlackBerry", "Google", "HP", "HTC", "LG", "Microsoft", "Motorola",
+"Nintendo", "Nokia", "Samsung" and "Sony"
+
+=== platform.name
+
+The name of the browser/environment. The list of common browser names
+include: "Chrome", "Electron", "Firefox", "Firefox for iOS", "IE",
+"Microsoft Edge", "PhantomJS", "Safari", "SeaMonkey", "Silk", "Opera
+Mini" and "Opera" Mobile versions of some browsers have "Mobile"
+appended to their name: eg. "Chrome Mobile", "Firefox Mobile", "IE
+Mobile" and "Opera Mobile"
+
+=== platform.os
+
+The name of the operating system.
+
+=== platform.parse()
+
+platform.parse([ua=navigator.userAgent])
+
+Creates a new platform object.
+
+==== Arguments
+
+`[ua=navigator.userAgent]` _(Object|string)_ 
+The user agent string or context object.
+
+Returns _(Object)_ as a platform object.
+
+
+=== platform.prerelease
+
+The alpha/beta release indicator.
+
+=== platform.product
+
+The name of the product hosting the browser. The list of common products
+include: "BlackBerry", "Galaxy S4", "Lumia", "iPad", "iPod", "iPhone",
+"Kindle", "Kindle Fire", "Nexus", "Nook", "PlayBook", "TouchPad" and
+"Transformer"
+
+=== platform.toString()
+
+Returns `platform.description` when the platform object is coerced to a
+string.
+
+Returns _(string)_: Returns `platform.description` if available, else 
+an empty string.
+
+=== platform.ua
+
+The browser's user agent string.
+
+=== platform.version
+
+The browser/environment version.
+
+

data/lib/starter_web/pages/public/start/roundtrip/000_includes/attributes.asciidoc

@@ -18,27 +18,29 @@ tag::urls[]
 :asciidoctor-extensions-use-extension:            https://github.com/asciidoctor/asciidoctor-extensions-lab#using-an-extension
 :asciidoctor-user-manual-extensions:              http://asciidoctor.org/docs/user-manual/#extensions
 
-:roundtrip_data_slider_picker:                    /pages/roundtrip/data_slider_picker
-:roundtrip_image_headers:                         /public/start/roundtrip/image_header
-:roundtrip_image_headers:                         /public/start/roundtrip/image_header
-
-:roundtrip-readme-first:                          /public/start/read_me_first/
-:roundtrip-present-images:                        /public/start/roundtrip/present_images/
-:roundtrip-cards:                                 /public/start/roundtrip/cards/
-:roundtrip-typography:                            /public/start/roundtrip/typography/
-:roundtrip-asciidoc-extensions:                   /public/start/roundtrip/asciidoc_extensions/
-:roundtrip-icon-fonts:                            /public/start/roundtrip/mdi_icon_font/
-:roundtrip-responsive-tables:                     /public/start/roundtrip/responsive_tables/
-:roundtrip-themes:                                /public/start/roundtrip/themes/
+:roundtrip_data_slider_picker:                    /pages/public/start/roundtrip/data_slider_picker
+:roundtrip_image_headers:                         /pages/public/start/roundtrip/image_header
+:roundtrip_image_headers:                         /pages/public/start/roundtrip/image_header
+
+:roundtrip-readme-first:                          /pages/public/start/read_me_first/
+:roundtrip-present-images:                        /pages/public/start/roundtrip/present_images/
+:roundtrip-cards:                                 /pages/public/start/roundtrip/cards/
+:roundtrip-typography:                            /pages/public/start/roundtrip/typography/
+:roundtrip-asciidoc-extensions:                   /pages/public/start/roundtrip/asciidoc_extensions/
+:roundtrip-extended-modals:                       /pages/public/start/roundtrip/modals/
+:roundtrip-icon-fonts:                            /pages/public/start/roundtrip/mdi_icon_font/
+:roundtrip-responsive-tables:                     /pages/public/start/roundtrip/responsive_tables/
+:roundtrip-themes:                                /pages/public/start/roundtrip/themes/
+:roundtrip-search-engine:                         /pages/public/start/roundtrip/search_engine/
 
 :github-gist-home:                                https://gist.github.com/
 :asciidoc-extensions-gist-example:                https://gist.github.com/mojavelinux/5546622
 
-:previewer-emoji:                                 /pages/previewer/twitter_emoji/
-:previewer-theme:                                 /pages/previewer/theme/
-:previewer-mdi:                                   /pages/previewer/mdi_font/
+:previewer-emoji:                                 /pages/private/previewer/twitter_emoji/
+:previewer-theme:                                 /pages/public/previewer/theme/
+:previewer-mdi:                                   /pages/private/previewer/mdi_font/
 
-:kickstarter-web-in-a-day:                        /public/start/kickstarter/web_in_a_day/intro/
+:kickstarter-web-in-a-day:                        /pages/public/start/kickstarter/web_in_a_day/intro/
 end::urls[]
 
 // Tags - Asciidoc attributes used internally

data/lib/starter_web/pages/public/start/roundtrip/100_present_images.adoc

@@ -47,7 +47,7 @@ resource_options:
           transition:                   fadeInOut
 ---
 
-// Enable the Liquid Preprocessor
+// Enable the Liquid Preprocessor 
 // -----------------------------------------------------------------------------
 :page-liquid:
 

data/lib/starter_web/pages/public/start/roundtrip/200_cards.adoc

@@ -22,7 +22,7 @@ resource_options:
 ---
 
 // Enable the Liquid Preprocessor
-//
+// -----------------------------------------------------------------------------
 :page-liquid:
 
 // Set other global page attributes here
@@ -35,16 +35,17 @@ resource_options:
 
 
 // NOTE: Initialize entry document paths
-//
+// -----------------------------------------------------------------------------
 {% include {{set_env_entry_document}} init_folders=all %}
 
 // Load tags and urls
-//
+// -----------------------------------------------------------------------------
 include::{includedir}/attributes.asciidoc[tag=tags]
 include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
 
 // Additional Asciidoc page attributes goes here
-//
+// -----------------------------------------------------------------------------
 
 A card is a sheet of material that serves as an entry point to more detailed
 information. Cards may contain a photo, text, and a link about a single subject.

data/lib/starter_web/pages/public/start/roundtrip/300_typography.adoc

@@ -22,11 +22,11 @@ resource_options:
 ---
 
 // Enable the Liquid Preprocessor
-//
+// -----------------------------------------------------------------------------
 :page-liquid:
 
 // Set other global page attributes here
-// -------------------------------------------------------------------
+// -----------------------------------------------------------------------------
 
 
 {% comment %} Liquid procedures
@@ -35,16 +35,17 @@ resource_options:
 
 
 // NOTE: Initialize entry document paths
-//
+// -----------------------------------------------------------------------------
 {% include {{set_env_entry_document}} init_folders=all %}
 
 // Load tags and urls
 //
 include::{includedir}/attributes.asciidoc[tag=tags]
 include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
 
 // Additional Asciidoc page attributes goes here
-//
+// -----------------------------------------------------------------------------
 
 
 == Typography
@@ -103,8 +104,12 @@ you'll see quite often. Change the size of your Browser Window to see what
 will happen in terms of responsiveness.
 
 ++++
-<div class="col-md-12 col-sm-12 col-xs-12">
-  <div class="card mb-4 raised-z3">
+<div>
+  <button type="button" name="toggle-r-text" class="btn btn-primary btn-raised btn-flex mt-3 mb-3">
+    <i class="toggle-button mdi mdi-toggle-switch-off mdi-lg mdi-md-indigo-50 mr-1"></i>
+    Toggle rtext
+  </button>
+  <div class="card card-flat mb-4">
     <div class="content">
       <h4 class="notoc card-title">The Extremes of Good and Evil</h4>
       <h6 class="notoc category text-gray mb-3">Cicero, Paragraph 1.10.32 · Translation by H. Rackham, Issue 1914 - De Finibus</h6>
@@ -127,12 +132,6 @@ will happen in terms of responsiveness.
         that has no annoying consequences, or one who avoids a pain that
         produces no resultant pleasure?
       </p>
-      <div class="card-footer">
-        <button type="button" name="toggle-r-text" class="btn btn btn-danger btn-raised btn-round btn-flex">
-          <i class="toggle-button mdi mdi-toggle-switch-off mdi-lg mdi-md-indigo-50 mr-1"></i>
-          Toggle rtext
-        </button>
-      </div>
     </div>
   </div>
 </div>
@@ -155,13 +154,22 @@ Responsive Text comes in five different scale factors in a range from 100 to
 you can offer different text sizes of your Web for vistors having a visual
 handicap or reading disabilities.
 
+To see `r-text` scaling in action, click on the button above to resize
+the text from `r-text` level *300* to *500* back and forth. And again: resize
+your Browser and watch the size of this text body change to see responsiveness
+of the text in action.
+
 ++++
-<div class="col-md-12 col-sm-12 col-xs-12">
-  <div class="card mb-4 raised-z3">
+<div>
+  <button type="button" name="scale-r-text" class="btn btn-primary btn-raised btn-flex mt-3 mb-3">
+    <i class="scale-button mdi mdi-arrow-up mdi-lg mdi-md-indigo-50 mr-1"></i>
+    Scale rtext
+  </button>
+  <div class="card card-flat mb-4">
     <div class="content">
       <h4 class="notoc card-title">The Extremes of Good and Evil</h4>
       <h6 class="notoc category text-gray mb-3">Cicero, Paragraph 1.10.33 · Translation by H. Rackham, Issue 1914 - De Finibus</h6>
-      <p class="card-description scale-description r-text-200">
+      <p class="card-description scale-description r-text-300">
         On the other hand, we denounce with righteous indignation and dislike men who
         are so beguiled and demoralized by the charms of pleasure of the moment, so
         blinded by desire, that they cannot foresee the pain and trouble that are
@@ -177,29 +185,18 @@ handicap or reading disabilities.
         this principle of selection: he rejects pleasures to secure other greater
         pleasures, or else he endures pains to avoid worse pains.
       </p>
-      <div class="card-footer">
-        <button type="button" name="scale-r-text" class="btn btn btn-danger btn-raised btn-round btn-flex">
-          <i class="scale-button mdi mdi-arrow-up mdi-lg mdi-md-indigo-50 mr-1"></i>
-          Scale rtext
-        </button>
-      </div>
     </div>
   </div>
 </div>
 
 <script>
   $('button[name="scale-r-text"]').on('click', function (e) {
-    $('p.scale-description').toggleClass('r-text-200 r-text-300');
+    $('p.scale-description').toggleClass('r-text-300 r-text-500');
     $('.scale-button').toggleClass('mdi-arrow-up mdi-arrow-down');
   });
 </script>
 ++++
 
-To see `r-text` scaling in action, click on the button above to resize
-the text from `r-text` level *200* to *300* back and forth. And again: resize
-your Browser and watch the size of this text body change to see responsiveness
-of the text in action.
-
 === Scale factors
 
 As mentioned, `r-text` comes in five levels of size. The base of `r-text` are

data/lib/starter_web/pages/public/start/roundtrip/400_icon_fonts.adoc

@@ -21,11 +21,11 @@ resource_options:
 ---
 
 // Enable the Liquid Preprocessor
-//
+// -----------------------------------------------------------------------------
 :page-liquid:
 
 // Set other global page attributes here
-// -------------------------------------------------------------------
+// -----------------------------------------------------------------------------
 
 
 {% comment %} Liquid procedures
@@ -34,16 +34,17 @@ resource_options:
 
 
 // NOTE: Initialize entry document paths
-//
+// -----------------------------------------------------------------------------
 {% include {{set_env_entry_document}} init_folders=all %}
 
 // Load tags and urls
 //
 include::{includedir}/attributes.asciidoc[tag=tags]
 include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
 
 // Additional Asciidoc page attributes goes here
-//
+// -----------------------------------------------------------------------------
 
 == Icon Fonts
 

data/lib/starter_web/pages/public/start/roundtrip/500_asciidoc_extensions.adoc

@@ -21,12 +21,12 @@ regenerate:                             false
 
 ---
 
-// Enable the Liquid Preprocessor
-//
+// Enable the Liquid Preprocessor 
+// -----------------------------------------------------------------------------
 :page-liquid:
 
 // Set other global page attributes here
-// -------------------------------------------------------------------
+// -----------------------------------------------------------------------------
 
 
 //  Load Liquid procedures

data/lib/starter_web/pages/public/start/roundtrip/600_themes.adoc

@@ -21,12 +21,12 @@ resource_options:
           caption_color:                rgba_lighten_800
 ---
 
-// Enable the Liquid Preprocessor
-//
+// Enable the Liquid Preprocessor 
+// -----------------------------------------------------------------------------
 :page-liquid:
 
 // Set other global page attributes here
-// -------------------------------------------------------------------
+// -----------------------------------------------------------------------------
 
 
 {% comment %} Liquid procedures
@@ -35,16 +35,17 @@ resource_options:
 
 
 // NOTE: Initialize entry document paths
-//
+// -----------------------------------------------------------------------------
 {% include {{set_env_entry_document}} init_folders=all %}
 
 // Load tags and urls
-//
+// -----------------------------------------------------------------------------
 include::{includedir}/attributes.asciidoc[tag=tags]
 include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
 
 // Additional Asciidoc page attributes goes here
-//
+// -----------------------------------------------------------------------------
 
 ++++
 <!-- page_path:            {{page_path | debug}} -->
@@ -62,14 +63,7 @@ lorem:sentences[5]
 
 == What's next?
 
-Hopefully you've enjoyed exploring all the possibilities J1 offers for managing
-themes. But much, much more can the J1 do for your Web Site.
-
-This was the last place to go for the roundtrip. More details of the most
-common elements of Bootstrap can be found on the previewer for a theme. Have
-a look at the link:{previewer-theme}[Theme Previewer, window="_blank"].
+lorem:sentences[5]
 
-To make things real for your new Web, go for *Web in a Day*. This tutorial
-guides you through all the steps to build a Web - your Web using Jekyll and the
-Template J1. It's really a nice journey to *explore* and *learn* J1 - start with
-link:{kickstarter-web-in-a-day}[Web in a Day here, window="_blank"]!
+Check out what link:{roundtrip-extended-modals}[Extended Modals, window="_blank"] 
+can do!