j1_template_mde 2018.4.10

data/_includes/themes/j1/procedures/posts/create_ad_block.proc

@@ -0,0 +1,56 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #   ~/_includes/themes/j1/procedures/posts/create_ad_block.proc
+ #  Liquid PROCEDURE to create a series header for post series
+ #
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #   Posts procedure. Generates ...
+ #
+ #    Usage:
+ #
+ #      1)  assign the 'page', 'post' and 'readmore' variables
+ #      2)  include the create_ad_block.proc procedure
+ #
+ #    Example:
+ #
+ #      {% capture create_ad_block %}themes/{{site.template.name}}/procedures/posts/create_ad_block.proc{% endcapture %}
+ #      {% assign my_navigation_data = nav_data_array %}
+ #
+ #      {% include {{create_ad_block}} page=page post=post %}
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+   ------------------------------------------------------------ {% endcomment %}
+
+{% comment %} Variables
+   ------------------------------------------------------------ {% endcomment %}
+   {% assign page     = include.page %}
+   {% assign post     = include.post %}
+
+{% comment %} Main
+   ------------------------------------------------------------ {% endcomment %}
+   <div id="ad-block" class="mt-3 mb-5">
+     <div class="card card-blog">
+       <div class="content">
+         <div class="card-title mb-3">Adblock</div>
+           <p class="card-description">
+             Don't be scared of the truth because we need to restart the
+             human foundation in truth And I love you like Kanye loves Kanye
+             I love Rick Owens’ bed design but the back is...
+           </p>
+         </div>
+       </div>
+   </div>

data/_includes/themes/j1/procedures/posts/create_series_header.proc

@@ -0,0 +1,96 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/procedures/posts/create_series_header.proc
+ #  Liquid PROCEDURE to create a series header for post series
+ #
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #   Posts procedure. Generates ...
+ #
+ #    Usage:
+ #
+ #      1)  assign the 'page', 'post' and 'readmore' variables
+ #      2)  include the create_series_header.proc procedure
+ #
+ #    Example:
+ #
+ #      {% capture create_series_header %}themes/{{site.template.name}}/procedures/posts/create_series_header.proc{% endcapture %}
+ #      {% assign my_navigation_data = nav_data_array %}
+ #
+ #      {% include {{create_series_header}} page=page post=post %}
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign readmore = false %}
+{% assign page     = include.page %}
+{% assign post     = include.post %}
+{% assign readmore = include.readmore %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+{% assign count = '0' %}
+{% assign idx = '0' %}
+{% assign list = '' %}
+
+{% capture open %}
+<div id="post_series">
+ <div class="series-navigator">
+   <div class="content series-navigation">
+
+     <div class="row">
+       <div class="col-xs-12 col-md-12 col-lg-12 mb-4">
+         <h5 id="blog_series_list" class="notoc mt-2 mr-2 mb-4">This article is <strong>Part <<idx>> </strong> in a <strong><<count>>-Part</strong> Series:</h5>
+         <ul class="side-nav">
+ {% endcapture %}
+         {% for post in site.posts reversed %}
+           {% if post.series == page.series %}
+             {% assign count = count | plus: 1 %}
+             {% if post.url == page.url %}
+               {% assign idx = count %}
+               {% assign excerpt = post.excerpt %}
+               {% assign excerpt_title = post.tagline %}
+             {% endif %}
+             {% capture list_tmp %}{{ list }}{% if page.url == post.url %}<li class="current"><a href="javascript:void(0)">Part {{ count }} · {{ post.title }} · {{post.date|date: "%Y-%m-%d"}}</a>{% else %}<li><a data-proofer-ignore href="{{ site.baseurl }}{{ post.url }}">Part {{ count }} · {{ post.title }} · {{post.date|date: "%Y-%m-%d"}}</a>{% endif %}</li>{% endcapture %}
+             {% assign list = list_tmp %}
+           {% endif %}
+         {% endfor %}
+         {{ open | replace: '<<count>>', count | replace: '<<idx>>', idx }}{{ list }}
+         </ul>
+       </div>
+
+       <div class="col-xs-12 col-md-12 col-lg-12 mt-2">
+         <h5 class="notoc series-exerpt-title">{{ excerpt_title }}</h5>
+         <div class="series-exerpt">
+           <div class="paragraph">
+             <p>{{ excerpt }}</p>
+           </div>
+           {% if readmore %}
+           <div class="card-footer">
+             <a href="#readmore" class="btn btn-info btn-raised pull-right smoothscroll"> <i class="mdi mdi-eye mdi-lg" style="color:#FFFFFF" %}=""></i> Read More </a>
+           </div>
+           {% endif %}
+
+         </div>
+       </div>
+     </div>
+
+   </div>
+ </div>
+</div>

data/_layouts/_unused/default.html

@@ -0,0 +1,347 @@
+---
+layout:                                 compress
+---
+
+{% capture j1_cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_layouts/default.html
+ #  Liquid (default) layout template for all content-pages
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    This is the DEFAULT layout for ALL pages|layouts used by J1 Template.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    Depending on the site configuration, the HTML code generated by
+ #    BASE layout will be compressed as a final processing step.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    Do NOT add any CONTENT here. If needed, go for a "next level" layout
+ #    that extents the layout BASE by additional data for your specific
+ #    needs based on YAML configuration data files.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ lanes_collate | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Additional debug data
+--------------------------------------------------------------- {% endcomment %}
+ {% if page.debug %}
+ <!-- [DEBUG  ] [j1.layout.default.html            ] [layout data to be loaded: {{lanes_collate}}] -->
+ {% endif %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture default_writer %}themes/{{site.template.name}}/procedures/layouts/default_writer.proc{% endcapture %}
+
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+ {% assign lanes_collate   = site.data.layouts.default.lanes %}
+ {% assign environment     = site.environment %}
+ {% assign compress        = site.compress_html.enabled %}
+ {% assign prettify        = site.data.j1_config.prettify %}
+ {% assign logon_client    = site.data.modules.j1_sign_in_up %}
+
+ {% if jekyll.environment != 'development' %}
+   {% assign environment   = jekyll.environment | strip %}
+ {% endif %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+<!DOCTYPE {{ site.doctype }}>
+<html lang="{{ site.language }}">
+
+<!-- [INFO   ] [j1.layout.default.html                ] [page generated: {{site.time}}] -->
+<!-- [INFO   ] [j1.layout.default.html                ] [environment detected: {{environment}}] -->
+
+  {% comment %} Collect the head section (region head)
+  ------------------------------------------------------------- {% endcomment %}
+  <head>
+    <!-- [INFO   ] [j1.layout.default.html              ] [start processing: run default_writer for region 'head'] -->
+    {% include {{default_writer}} region='head' items=lanes_collate %}
+    <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: region 'head'] -->
+  </head>
+
+
+  {% comment %} Collect the body section (region body-*)
+  ------------------------------------------------------------- {% endcomment %}
+  <body>
+
+  {% comment %} Master Wrapper to prevent "DOM flicker"
+  ------------------------------------------------------------- {% endcomment %}
+    <!-- [INFO   ] [j1.layout.default.html              ] [prevent "DOM flicker" aka "FOUC" (Flash of unstyled content)] -->
+    <div id="no_flicker" class="nojs" >
+
+      <!-- [INFO   ] [j1.layout.default.html            ] [start processing: FOUC|Prevent DOM flicker, make page hidden] -->
+      <script>
+        $("#no_flicker").css("display", "none");
+      </script>
+
+      {% comment %} Collect the BODY-NAVIGATION region
+      --------------------------------------------------------- {% endcomment %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [start processing: run default_writer for region 'body-navigation'] -->
+      {% include {{default_writer}} region='body-navigation' items=lanes_collate %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [end default_writer processing: region 'body-navigation'] -->
+
+      {% comment %} Inherited CONTENT from other LAYOUTS
+      --------------------------------------------------------- {% endcomment %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [start processing: load content inherited by layout: {{ page.layout}}] -->
+      {{ content }}
+      <!-- [INFO   ] [j1.layout.default.html          ] [end default_writer processing: content inherited by layout: {{ page.layout}}] -->
+
+      {% comment %} Collect the BODY-FOOTER region
+      ------------------------------------------------------- {% endcomment %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [start processing: run default_writer for region 'body-footer'] -->
+      {% include {{default_writer}} region='body-footer' items=lanes_collate %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [end default_writer processing: region 'body-footer'] -->
+
+    </div>
+    <!-- [INFO   ] [j1.layout.default.html              ] [end processing: content creation finished] -->
+
+    {% comment %} HTMl code (of the Modal) for login dialog  
+    ----------------------------------------------------------- {% endcomment %}
+
+    <!--Modal OmniLogin -->
+    <div class="modal fade show" id="modalOmniLogin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
+      <div class="modal-dialog modal-notify modal-lg modal-notify modal-info" role="document">
+        <!-- Content -->
+        <div class="modal-content">
+          <!--Header-->
+          <div class="modal-header">
+            <p class="lead">SignIn</p>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <i class="mdi mdi-close mdi-light mdi-48px"></i>
+            </button>
+          </div>
+          <!-- Body -->
+          <div class="modal-body mb-0">
+            <!-- Modal nav pills -->
+            <div class="row ml-2 mr-2">
+              <ul class="nav nav-pills nav-pills-icons mt-2" role="tablist">
+                <li class="nav-item">
+                  <a class="nav-link active" href="#h-tabs-1" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="true">
+                  <i class="mdi mdi-github-circle mt-1 mb-2"></i> Github
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#h-tabs-2" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
+                  <i class="mdi mdi-facebook mt-1 mb-2"></i> Facebook
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#h-tabs-3" role="tab" data-toggle="tab" aria-expanded="true" aria-selected="false">
+                  <i class="mdi mdi-format-paragraph mt-1 mb-2"></i> Patreon
+                  </a>
+                </li>
+              </ul>
+              <div class="tab-content tab-space">
+                <div class="tab-pane active" id="h-tabs-1">
+                  To get access to all <b>PRIVATE</b> content pages, login to Github or Facebook
+                </div>
+                <div class="tab-pane" id="h-tabs-2">
+                  To get access to all <b>PRIVATE</b> content pages, login to Github or Facebook
+                </div>
+                <div class="tab-pane" id="h-tabs-3">
+                  To get access to all <b>PREMIUM</b> content pages, login to Patreon
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- Footer -->
+          <div class="modal-footer justify-content-right">
+            <button type="button" id="loginButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
+              <i class="mdi mdi-18px mdi-light mdi-login"></i>
+              Yes, please
+            </a>
+            <button type="button" id="exitButton" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
+          </div>
+        </div>
+        <!-- END Content -->
+      </div>
+    </div>
+    <!-- END Modal OmniLogin -->
+    <script>
+      var signIn = {
+        provider:   'Github',
+        login:      false
+      }
+      $('ul.nav-pills > li').click(function (e) {
+          e.preventDefault();
+          signIn.provider = $(this).text().trim();
+          signIn.provider = signIn.provider.toLowerCase();
+      });
+      $("button").click(function() {
+        if (this.id === "loginButton") {
+          signIn.login = true;
+        } else {
+          signIn.login = false;
+        }
+      });
+      $("#modalOmniLogin").on('hidden.bs.modal', function() {
+        if (signIn.login == true) {
+          console.log(signIn.provider, ' : ', signIn.login);
+          var provider = signIn.provider.toLowerCase();
+          //var link = '/pages/about?provider=' + provider;
+          var link = '/auth?provider=' + provider;
+          window.location.href = link;
+        } else {
+          console.log(signIn.provider, ' : ', signIn.login);
+        }
+      });
+    </script>
+
+
+
+    <!-- [INFO   ] [j1.layout.default.html              ] [start processing: Modal signin|signup] -->
+    <!-- <a href="#" data-toggle="modal" data-target="#userLogin">Login</a> -->
+    <div class="modal fade" id="userLogin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
+          </div>
+
+          <div class="modal-body">
+            <div class="row">
+              <div class="col-xs-12">
+                <div class="well">
+
+                  <!-- [INFO   ] [j1.layout.default.html           ] [Sign up section (Add user)] -->
+                  <div id="sign-up" style="display: none;">
+                    <h3>Sign Up</h3>
+                    <fieldset class="form-group">
+                      <input type="text" class="form-control" id="email-signup" placeholder="email: a@a.com" size="15" />
+                      <input type="text" class="form-control" id="password-signup" placeholder="password: a" size="15" />
+                      <br />
+                      <input type="button" class="btn btn-raised btn-warning" id="signup-user" value="Add user" />
+                      <input type="button" class="btn btn-raised btn-primary" id="to-signin-user" value="Sign in" />
+                    </fieldset>
+                  </div>
+
+                  <!-- [INFO   ] [j1.layout.default.html           ] [Sign in section (Login user)] -->
+                  <div id="sign-in">
+                    <h3>Sign In</h3>
+                    <form>
+
+                      <div class="form-group">
+                        <label for="email-signin" class="bmd-label">Email address</label>
+                        <input type="email" class="form-control" id="email-signin">
+                        <span class="bmd-help">We'll never share your email with anyone else.</span>
+                      </div>
+
+                      <div class="form-group">
+                        <label for="password-signin" class="bmd-label">Password</label>
+                        <input type="password" class="form-control" id="password-signin">
+                      </div>
+                      <br />
+
+                      <input type="button" class="btn btn-raised btn-info" id="signin-user" value="Sign in" />
+                      <input type="button" class="btn btn-raised btn-primary" id="to-signup-user" value="Sign up" />
+
+                    </form>
+                  </div>
+
+                </div>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+    <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: Modal signin|signup] -->
+
+    {% comment %} Initialize Tooltips|Popovers
+    ----------------------------------------------------------- {% endcomment %}
+    <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: Initialize Tooltips|Popovers] -->
+    <script>
+      $(function() {
+        $('[data-toggle="tooltip"]').tooltip();
+        $('[data-toggle="popover"]').popover();
+      });
+    </script>
+
+    {% comment %} Initialize Enhanced Bootstrap Modals
+    ----------------------------------------------------------- {% endcomment %}
+    <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: Initialize Enhanced Bootstrap Modals] -->
+    <script>
+      $(function() {
+        $('body').on('shown.bs.modal', '.modal', function() {
+            if($('.modal-backdrop').length) {
+            } else {
+
+                $modal_dialog = $(this).children('.modal-dialog')
+
+                if($modal_dialog.hasClass('modal-side')) {
+                    $(this).addClass('modal-scrolling');
+                    $('body').addClass('scrollable');
+                }
+
+                if($modal_dialog.hasClass('modal-frame')) {
+                    $(this).addClass('modal-content-clickable');
+                    $('body').addClass('scrollable');
+                }
+            }
+        });
+
+        $('body').on('hidden.bs.modal', '.modal', function() {
+            $('body').removeClass('scrollable');
+        });
+      });
+    </script>
+
+  </body>
+</html>
+
+{% endcapture %}
+
+
+{% comment %} POST processing of the generated page using (captured) cache
+--------------------------------------------------------------- {% endcomment %}
+{% case environment %}
+
+  {% comment %} DEVELOPMENT mode
+  ------------------------------------------------------------- {% endcomment %}
+  {% when 'development' or 'dev' or 'test' %}
+    {% if prettify %}
+      {{ j1_cache  | strip_empty_lines | remove: '<p>excerpt__end</p>' | pretty_print }}
+    {% else %}
+      {{ j1_cache | strip_empty_lines | remove: '<p>excerpt__end</p>' }}
+    {% endif %} {% comment %} END prettify {% endcomment %}
+
+
+  {% comment %} PRODUCTION mode
+  ------------------------------------------------------------- {% endcomment %}
+  {% when 'production' or 'prod' %}
+    {% unless compress %}
+      {% if prettify %}
+        {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines | pretty_print }}
+      {% else %}
+        {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines  }}
+      {% endif %} {% comment %} END prettify {% endcomment %}
+    {% endunless %} {% comment %} UNLESS compress {% endcomment %}
+
+	{% if compress %}
+      {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines  }}
+	{% endif %}
+
+  {% comment %} UNKNOWN mode
+  ------------------------------------------------------------- {% endcomment %}
+  {% else %}
+    {{ j1_cache | remove: '<p>excerpt__end</p>'| strip_empty_lines  }}
+
+{% endcase %}