jekyll-theme-type-on-strap 4.0.2 → 5.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b273db92d8940ac27645cb504ab029464863b073
-  data.tar.gz: 3c1920465d7e0d64ba242e80ff807882d13cbc19
+  metadata.gz: 49c0b2d64d23fe34e69da21eb5e040e66ff57f9a
+  data.tar.gz: f584390bb7a3236ab2ea0156556b3603d26b197c
 SHA512:
-  metadata.gz: b682c92b80c3654342a78908dfb0c0eab11ae5d45de34194524f2d9f33bd661f24a67e7efee09be3efe690975b28de9800db0b88d38d405dbc2d6ae17b585bb5
-  data.tar.gz: 5a1ef9dea068662ebae7091f07ea92103ac804598624abdd2e555110131ce7fb116726ed2981f1aa6224994b62133b58d62feaa423d016dc8aa153ab74f371b1
+  metadata.gz: c0afbb97b0b21b2a24d92f33d76f9732c79f982f8caca65166f8096b5af24833df4b9b4015806dcee099f17e32a3ed2ca6a10c1557b5de7c6e3c117c751616cb
+  data.tar.gz: f2cf3a77f48ab013af6632daf3558d526f031e04ef5c63a61e2cff5bad7c22ed6891fe76f0df1e67706e00e3ada2cf9c5ba6e46f860e136eea28e271b169b6a3

data/README.md

@@ -1,6 +1,6 @@
 # Type on Strap 
 
-[![Build Status](https://travis-ci.org/Sylhare/Type-on-Strap.svg?branch=master)](https://travis-ci.org/Sylhare/Type-on-Strap) 
+[![Build Status](https://travis-ci.org/sylhare/Type-on-Strap.svg?branch=master)](https://travis-ci.org/sylhare/Type-on-Strap)
 [![Gem Version](https://badge.fury.io/rb/type-on-strap.svg)](https://badge.fury.io/rb/type-on-strap)
 
 A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chandra [type-theme](https://github.com/rohanchandra/type-theme) with a few new features:
@@ -58,7 +58,8 @@ jekyll-theme-basically-basic
 ├── pages
 |   ├── 404.md		       # To be displayed when url is wrong
 |   ├── about.md               # About example page
-|   ├── portfolio.html	       # Portfolio bootstrapped page
+|   ├── gallery.md             # Gallery page for your photos
+|   ├── portfolio.md	       # Portfolio page for your projects
 |   ├── search.html	       # Search page
 |   └── search.json            # Specify the search target (page, post, collection)
 ├── _config.yml                # sample configuration
@@ -235,15 +236,18 @@ This are the basic features you can use with the  `post` layout.
 ---
 layout: post
 title: Hello World                                # Title of the page
-subtitle: "This is a subtitle"                    # A subtitle can be displayed below your title
+hide_title: true                                  # Hide the title when displaying the post, but shown in lists of posts
 feature-img: "assets/img/sample.png"              # Add a feature-image to the post
 thumbnail: "assets/img/thumbnail/sample-th.png"   # Add a thumbnail image on blog view
+bootstrap: true                                   # Add bootstrap to the page
 tags: [sample, markdown, html]
 ---
 ```
 
 With `thumbnail`, you can add a smaller image than the `feature-img`. If you don't want/have a thumbnail you can still use the same image as the feature one.
 
+So the **bootstrap** is not mandatory and is only usefull if you want to add bootstrapped content in your page. It will respect the page and theme layout, mind the padding on the sides.
+
 ### Layout: Page
 
 The page layout have a bit more features explained here.
@@ -262,16 +266,6 @@ tags: [sample, markdown, html]
 
 The hide only hides your page from the navigation bar, it is however still generated and can be access through its link. Use the `_draft` folder to keep files from being generated on your site.
 
-### Layout: Bootstrap
-
-This is the page layout modified to have bootstrap activated to format your content accordingly with the theme.
-
-```yml
---- 
-layout: bootstrap
----
-```
-
 ### Layout: Default
 
 This layout includes the head, navigation bar and footer around your content.
@@ -287,14 +281,16 @@ Here are the documentation for the other feature pages that can be added through
 This page is the used as the home page of the template (in the `index.html`). It displays the list of article in `_posts`.
 You can use this layout in another page (adding a title to it will make it appear in the navigation bar).
 
+The recommended width and height for the home picture is width:`2484px;` and height:`1280px` which are the dimension of the actual picture for it to be rolling down as you scroll the page. 
+
 ### Portfolio
 
-Portfolio is a feature bootstrapped page that will take all the markdown/html files in the `_portfolio` folder to create a 3-columns image portfolio matrix.
+Portfolio is a feature page that will take all the markdown/html files in the `_portfolio` folder to create a 3-columns image portfolio matrix.
 
 To use the portfolio, simply create a `portfolio.md` with this information inside:
 ```yml
 --- 
-layout: bootstrap 
+layout: page
 title : Portfolio 
 ---
 
@@ -320,7 +316,7 @@ gallery: "assets/img/pexels"
 
 The search feature is based on [Simple-Jekyll-search](https://github.com/christian-fei/Simple-Jekyll-Search) there is a `search.json` file that will create a list of all of the site posts, pages and portfolios. 
 
-Then there's a `search.js` displaying the formated results entered in the `search.html` page. 
+Then there's a `search.js` displaying the formatted results entered in the `search.html` page.
 
 
 The search page can be enable/disable in the navigation bar through the `_config.yml` via:
@@ -333,7 +329,7 @@ special_page:
 
 ### Tags
 
-Tags should be placed between `[]` in your post metadata. Seperate each tag with a comma. Tags are recommended for posts and portfolio items.
+Tags should be placed between `[]` in your post metadata. Separate each tag with a comma. Tags are recommended for posts and portfolio items.
 
 For example:
 

data/_includes/blog.html

@@ -0,0 +1,71 @@
+<div class="posts">
+    {% for post in paginator.posts %}
+    <div class="post-teaser">
+        {% if post.thumbnail %}
+        <div class="post-img">
+            <img alt="{{ post.title }}" src="{{ post.thumbnail | relative_url }}">
+        </div>
+        {% endif %}
+        <span>
+          <header>
+            <h1>
+              <a alt="{{ post.title }}" class="post-link" href="{{ post.url | relative_url }}">
+                {{ post.title }}
+              </a>
+            </h1>
+            <p class="meta">
+              {{ post.date | date: "%B %-d, %Y" }}
+            </p>
+          </header>
+          <div class="excerpt">
+              {{ post.excerpt | strip_html | escape }}
+          </div>
+      </span>
+    </div>
+    {% endfor %}
+</div>
+
+{% if paginator.total_pages > 1 %}
+<div class="pagination" style="display: inline-block;">
+    <div style="position: absolute; left: 35%;">
+    {% if paginator.previous_page %}
+        <!-- << -->
+        {% if paginator.previous_page != 1 %}
+        <a alt="{{ site.theme_settings.str_previous_page }}"
+           href="{{ '/' | relative_url }}" style="margin-right:0" class="button">
+          <i class="fa fa-angle-double-left"></i>
+        </a>
+        {% endif %}   
+        <!-- < previous -->
+        <a href="{{ paginator.previous_page_path | relative_url }}" {% if paginator.previous_page != 1 %}style="margin-left:0"{% endif %} class="button">
+          <i class="fa fa-chevron-left"></i>
+          {{ site.theme_settings.str_previous_page }}
+        </a>
+    {% endif %}
+    </div>            
+    
+    <!-- Centering not working well on all format
+    <div style="position: absolute; left: 50%;">
+        <div style="position: relative; left: -50%;">
+        {{ paginator.page }} / {{ paginator.total_pages }}
+        </div>    
+    </div> -->     
+
+    <div style="position: absolute; right: 35%;">
+    {% if paginator.next_page %}
+        <!-- next > -->
+        <a alt="{{ site.theme_settings.str_next_page }}" 
+           href="{{ paginator.next_page_path | relative_url }}" {% if paginator.next_page != paginator.total_pages %}style="margin-right:0"{% endif %} class="button">
+          {{ site.theme_settings.str_next_page }}
+          <i class="fa fa-chevron-right"></i>
+        </a>
+        <!-- >> -->
+        {% if paginator.next_page != paginator.total_pages %}
+        <a href="{{ site.paginate_path | relative_url | replace: ':num', paginator.total_pages }}" style="margin-left:0" class="button">
+          <i class="fa fa-angle-double-right"></i>
+        </a>
+        {% endif %}
+    {% endif %}
+    </div>     
+</div>
+{% endif %}

data/_includes/gallery.html

@@ -13,28 +13,12 @@ html { overflow-y: scroll; }
 {% for image in site.static_files %}
   {% if image.path contains include.gallery_path %}
     
-        <img src="{{ image.path | prepend: site.baseurl }}" alt="" class="grid-item" style="padding: 0;">
+        <img src="{{ image.path | relative_url }}" alt="" class="grid-item" style="padding: 0;">
       
   {% endif %}
 {% endfor %}
 </div> 
 
 <!-- Require JQuery >= 3.2.1 Requireas well -->
-<script src="{{ site.baseurl }}/assets/js/vendor/masonry.pkgd.min.js" type="text/javascript"></script>
-<script src="{{ site.baseurl }}/assets/js/vendor/imagesloaded.min.js" type="text/javascript"></script>
-
-<script>
-    
-  // init Masonry
-var $grid = $('.grid').masonry({
-  itemSelector: '.grid-item',
-  columnWidth: '.grid-sizer',
-  gutter: '.gutter-sizer',
-  percentPosition: true    
-});
-// layout Masonry after each image loads
-$grid.imagesLoaded().progress( function() {
-  $grid.masonry();
-});  
-
-</script>
+<script src="{{ "/assets/js/vendor/masonry.pkgd.min.js" | relative_url }}" type="text/javascript"></script>
+<script src="{{ "/assets/js/vendor/imagesloaded.min.js" | relative_url }}" type="text/javascript"></script>

data/_includes/head.html

@@ -2,27 +2,36 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     
-    <!-- JQuery (used for bootstrap and jekyll search) -->
-    <script src="{{ site.baseurl }}/assets/js/vendor/jquery-3.2.1.min.js" ></script>
-    
-    <!-- Main JS (navbar.js and katex_init.js)-->
-    <script defer=true src="{{ site.baseurl }}/assets/js/main.min.js"></script>
+    <!-- Main JS (navbar.js, katex_init.js and masonry_init.js)-->
+    <script defer=true src="{{ '/assets/js/main.min.js' | relative_url }}"></script>
     
     <!-- CSS -->
-    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css">
+    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
 
     <!--Favicon-->
-    <link rel="shortcut icon" href="{{ site.baseurl }}/{{ site.theme_settings.favicon }}" type="image/x-icon">
+    <link rel="shortcut icon" href="{{ site.theme_settings.favicon | relative_url }}" type="image/x-icon">
 
     <!-- Canonical -->
-    <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+    <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
 
     <!-- RSS -->
-    <link rel="alternate" type="application/atom+xml" title="{{ site.theme_settings.title }}" href="{{ site.url }}/{{ site.baseurl }}//feed.xml"/>
+    <link rel="alternate" type="application/atom+xml" title="{{ site.theme_settings.title }}" href="{{ 'feed.xml' | absolute_url }}"/>
 
     <!-- Font Awesome -->
     <!-- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
-    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/vendor/font-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/font-awesome.min.css' | relative_url }}">
+    
+    {% if page.bootstrap %}
+    <!-- Bootstrap-4.1.3 isolation CSS -->
+    <link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/bootstrap-iso.min.css' | relative_url }}">
+
+    <!-- JQuery 3.3.1 -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <!-- Bootstrap 4.1.3 compiled and minified JavaScript -->
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+    <!-- Popper, a dependency of Bootstrap-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+    {% endif %}
 
     <!-- Google Fonts -->
     {% if site.theme_settings.google_fonts %}
@@ -31,8 +40,8 @@
 
     <!-- KaTeX 0.8.3 -->
     {% if site.theme_settings.katex %}
-    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/vendor/katex.min.css">
-    <script src="{{ site.baseurl }}/assets/js/vendor/katex.min.js">
+    <link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/katex.min.css' | relative_url }}">
+    <script src="{{ '/assets/js/vendor/katex.min.js' | relative_url }}">
     </script>
     {% endif %}
 

data/_includes/icons.html

@@ -1,6 +1,6 @@
 {% if site.theme_settings.rss %}
 <li>
-	<a href="{{ site.url }}{{ site.baseurl }}/feed.xml" title="{{ site.theme_settings.str_rss_follow }}">
+	<a href="{{ "feed.xml" | absolute_url }}" title="{{ site.theme_settings.str_rss_follow }}">
 		<span class="fa-stack fa-lg">
             <i class="fa fa-circle fa-stack-2x"></i>
             <i class="fa fa-rss fa-stack-1x fa-inverse"></i>

data/_includes/navbar.html

@@ -2,33 +2,42 @@
     
     <!-- Logo and title -->
 	<div class="branding">
-		<a href="{{ site.baseurl }}/">
-			<img class="avatar" src="{{ site.baseurl }}/{{ site.theme_settings.avatar }}" alt=""/>
+		<a href="{{ '/' | relative_url }}">
+			<img alt="logo img" class="avatar" src="{{ site.theme_settings.avatar | relative_url }}" alt=""/>
 		</a>
 
 		<h1 class="site-title">
-			<a href="{{ site.baseurl }}/">{{ site.theme_settings.title }}</a>
+			<a alt="{{ site.theme_settings.title }}" href="{{ '/' | relative_url }}"> 
+        {{ site.theme_settings.title }}
+      </a>
 		</h1>
 	</div>
     
     <!-- Toggle menu -->
     <nav class="clear">
-    <a id="pull" class="toggle" href="#">
+    <a name="pull" id="pull" class="toggle" href="#">
     <i class="fa fa-bars fa-lg"></i>
     </a>
     
     <!-- Menu -->
-    <ul>
+    <ul class="hide">
         <!-- Auto Generation of NORMAL pages in the navbar -->
+        {% assign name_page = "" %}
+        
         {% for page in site.pages %}
         {% if page.title and page.hide != true %}
+        {% if name_page contains page.title %}
+        {% else %}
         <li class="separator"> | </li>
         <li>
-            <a class="clear" href="{{ page.url | relative_url }}">
+            <a class="clear" name="{{ page.title }}" 
+               href="{{ page.url | relative_url }}">
                 {{ page.title }}
             </a>
         </li>
         {% endif %}
+        {% assign name_page = page.title | append: name_page %}
+        {% endif %}
         {% endfor %} 
         
         <!-- Auto Generation of SPECIAL pages in the navbar -->
@@ -36,9 +45,9 @@
           {% if item[1].enabled %}
             <li class="separator"> | </li>
             <li>
-                <a class="clear" href="{{ site.url }}{{ site.baseurl }}/{{ item[1].icon }}">
-                    <i class="fa fa-{{ item[1].icon }}" aria-hidden="true"></i>
-                </a>
+              <a class="clear" href="{{ item[0] | relative_url }}" name="{{ item[0] }}">
+                <i class="fa fa-{{ item[1].icon }}" aria-hidden="true"></i>
+              </a>
             </li>
           {% endif %}
         {% endfor %}

data/_includes/portfolio.html

@@ -1,17 +1,16 @@
 <!-- Portfolio Grid Section -->
-<section class="portfolio">
-    <div class="row">
-        {% for item in site.portfolio %}
-        <div class="col-sm-4 col-xs-4 portfolio-item">
-            <a href="{{ site.baseurl }}{{ item.url }}" class="portfolio-link" data-keyboard="true">
-                <div class="caption" title="{{ item.title }}">
-                    <div class="caption-content">
-                        <i class="fa fa-search-plus fa-3x"></i>
-                    </div>
+
+<div class="portfolio-grid">
+    {% for item in site.portfolio %}
+    <div class="portfolio-cell">
+        <a href="{{ item.url | relative_url }}" class="portfolio-link" data-keyboard="true">
+            <div class="caption" title="{{ item.title }}">
+                <div class="caption-content">
+                    <i class="fa fa-search-plus fa-3x"></i>
                 </div>
-                <img src="{{ site.baseurl }}/{{ item.img }}" class="" alt="">
-            </a>
-        </div>
-        {% endfor %}
+            </div>
+            <img src="{{ item.img | relative_url }}" class="" alt="">
+        </a>
     </div>
-</section>
+    {% endfor %}
+</div>

data/_includes/post_nav.html

@@ -2,7 +2,7 @@
   {% if page.previous.url %}
   <div id="previous-post" class="post-nav-post">
       <p>{{ site.theme_settings.str_previous_post }}</p>
-      <a href="{{ site.baseurl }}{{ page.previous.url }}">
+      <a alt="{{ page.previous.title }}" href="{{ page.previous.url | relative_url }}">
         {{ page.previous.title }}
       </a>
   </div>
@@ -10,9 +10,9 @@
   {% if page.next.url %}
   <div id="next-post" class="post-nav-post">
       <p>{{ site.theme_settings.str_next_post }}</p>
-      <a href="{{ site.baseurl }}{{ page.next.url }}">
+      <a alt="{{ page.next.title }}" href="{{ page.next.url | relative_url }}">
         {{ page.next.title }}
       </a>
   </div>
   {% endif %}
-</div>
+</div>

data/_includes/share_buttons.html

@@ -0,0 +1,76 @@
+<div class="share-buttons">
+    <ul class="share-buttons">
+        <div class="meta">Share</div>
+        {% if site.theme_settings.share_buttons.facebook %}
+        <li>
+            <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}" target="_blank" title="{{ site.theme_settings.str_share_on }} Facebook">
+			<i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_share_on }} Facebook</span>
+		</a>
+        </li>
+        {% endif %} {% if site.theme_settings.share_buttons.twitter %}
+        <li>
+            <a href="https://twitter.com/intent/tweet?source={{ page.url | absolute_url }}&text={{ page.title | url_encode }}%20%7C%20{{ site.title | url_encode }}:%20{{ page.url | absolute_url }}" target="_blank" title="{{ site.theme_settings.str_tweet }}">
+			<i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_tweet }}</span>
+		</a>
+        </li>
+        {% endif %} {% if site.theme_settings.share_buttons.google_plus %}
+        <li>
+            <a href="https://plus.google.com/share?url={{ page.url | absolute_url }}" target="_blank" title="{{ site.theme_settings.str_share_on }} Google+">
+			<i class="fa fa-google-plus-square fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_share_on }} Google+</span>
+		</a>
+        </li>
+        {% endif %} {% if site.theme_settings.share_buttons.tumblr %}
+        <li>
+            <a href="http://www.tumblr.com/share?v=3&u={{ page.url | absolute_url }}&quote={{ page.title | url_encode }}%20%7C%20{{ site.title | url_encode }}&s=" target="_blank" title="{{ site.theme_settings.str_share_on }} Tumblr">
+			<i class="fa fa-tumblr-square fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_share_on }} Tumblr</span>
+		</a>
+        </li>
+        {% endif %} {% if site.theme_settings.share_buttons.pinterest %}
+        <li>
+            <a href="http://pinterest.com/pin/create/button/?url={{ page.url | absolute_url }}&description=" target="_blank" title="{{ site.theme_settings.str_pin_it }}">
+			<i class="fa fa-pinterest-square fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_pin_it }}</span>
+		</a>
+        </li>
+        {% endif %} {% if site.theme_settings.share_buttons.pocket %}
+        <li>
+            <a href="https://getpocket.com/save?url={{ page.url | absolute_url }}&title={{ page.title | url_encode }}%20%7C%20{{ site.title | url_encode }}" target="_blank" title="{{ site.theme_settings.str_add_to }} Pocket">
+			<i class="fa fa fa-get-pocket fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_add_to }} Pocket</span>
+		</a>
+        </li>
+        {% endif %} {% if site.theme_settings.share_buttons.reddit %}
+        <li>
+            <a href="http://www.reddit.com/submit?url={{ page.url | absolute_url }}&title={{ page.title | url_encode }}%20%7C%20{{ site.title | url_encode }}" target="_blank" title="{{ site.theme_settings.str_share_on }} Reddit">
+			<i class="fa fa-reddit-square fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_share_on }} Reddit</span>
+		</a>
+        </li>
+        {% endif %} {% if site.theme_settings.share_buttons.linkedin %}
+        <li>
+            <a href="http://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url }}&title={{ page.title | url_encode }}%20%7C%20{{ site.title | url_encode }}&summary=&source={{ page.url | absolute_url }}" target="_blank" title="{{ site.theme_settings.str_share_on }} LinkedIn">
+			<i class="fa fa-linkedin fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_share_on }} LinkedIn</span>
+		</a>
+        </li>
+        {% endif %} {% if site.theme_settings.share_buttons.wordpress %}
+        <li>
+            <a href="http://wordpress.com/press-this.php?u={{ page.url | absolute_url }}&quote={{ page.title | url_encode }}%20%7C%20{{ site.title | url_encode }}&s=" target="_blank" title="{{ site.theme_settings.str_share_on }} WordPress">
+			<i class="fa fa-wordpress fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_share_on }} WordPress</span>
+		</a>
+        </li>
+        {% endif %} {% if site.theme_settings.share_buttons.email %}
+        <li>
+            <a href="mailto:?subject={{ page.title | url_encode }}%20%7C%20{{ site.title | url_encode }}&body=:%20{{ page.url | absolute_url }}" target="_blank" title="{{ site.theme_settings.str_email }}">
+			<i class="fa fa-envelope-square fa-2x" aria-hidden="true"></i>
+			<span class="sr-only">{{ site.theme_settings.str_email }}</span>
+		</a>
+        </li>
+        {% endif %}
+    </ul>
+</div>