lone-wolf-theme 1.0.4 → 1.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fbff8b8344c188026d0c723aa68538e71bebd3fa3e1d629a60737d30a457be2e
-  data.tar.gz: 527c72b798135935af699e317e512e680ab21e76b646eda61d9dac8891ac0525
+  metadata.gz: 393ff61e9332bb3b1292523acb9cb8d3a58523441b8ff573ca5946c27733b969
+  data.tar.gz: 0ffd4152f32be2788eb1108d44959dbbc6e1508c948a14ad3097d60814e2385e
 SHA512:
-  metadata.gz: 6aa7655e50924330beeb0086c6afab8ed88c35972caa1778d2108aa72c893d4fd477ed074c6df8a25ebecd498b4d957a6494e7a3d0d084d6eae91be87281e367
-  data.tar.gz: f3c74dc559b612fa8465e7e2785f7c980a298ac8d9c086a2c820cc4a9cb4e8701970d5b4c8cfd6f304b7e04f55fd1e06abd35409b350e2706762f2227cd5c20e
+  metadata.gz: dfc1955c3174be0aadd366c0a97290abc8668b0673f42db02dc3a2bb2b900b2d8831fd9ab89b362245080d5e960d2eca71a3f7c7edbcbb10c99f127f17ca5fde
+  data.tar.gz: c52ef6a33861df50ba1eecfd348be71e4e9e37c20e4456111890b402d0f521033f32a689c90f5dfec0ace912d4323d858c0c22d9bbc3caf269257a3e25704458

data/CHANGELOG.md

@@ -1,13 +1,57 @@
 # ChangeLog
 
-## Upcoming [v1.1.0]
+Record the changes to the project.
+Refer [keepachangelog](https://keepachangelog.com/) for guidelines.
 
-### Enhancements
+## Upcoming
 
-- Site Search function.
-- Collapse h2 tags in blog posts.
-- Video support.
-- Slide show and carousel support.
+* Words per minute to indicate time required to read a blog post.
+* Related posts at the bottom of blog post.
+* Show/Hide comments on button click.
+* Use custom links or ads in right sidebar.\
+  Keep same width for blog posts.\
+  Smaller width is easy and requires only vertical scrolling.
+* Page read progress indicator.
+* Go to top button.
+
+Not implemented in any particular order, depends on feasibility and\
+proof-of-concept (POC).
+
+## [v1.1.1](https://github.com/manid2/lone-wolf-theme/releases/tag/v1.1.1)
+
+* Enhance icons and logo to make it more visible and recognizable.
+* Updated CHANGELOG.md
+
+## [v1.1.0](https://github.com/manid2/lone-wolf-theme/releases/tag/v1.1.0)
+
+* Add js development doc
+* Update theme version
+* Remove package-lock json, add to gitignore
+* Add local dev test steps
+* Add pagination to blog list page
+* Enhance post layout, shadows n minor ui fixes
+* Enhance home page layout
+* Change bs4 rows to ul
+
+## [v1.0.6](https://github.com/manid2/lone-wolf-theme/releases/tag/v1.0.6)
+
+- Setup `travis-ci` to build and deploy to rubygems.org, #20.
+- UI improvements, fixes #22.
+- Miscellaneous improvements.
+- Added `dependencies` page in `docs/` for reference and upgrades.
+
+## [v1.0.5](https://github.com/manid2/lone-wolf-theme/releases/tag/v1.0.5)
+
+Fixed and enhanced documentation, removed Gemfile.lock.
+
+- Documentation fixes and enhancements.
+- Fixed building jekyll docs/_site from docs folder.
+- Organized .gitignore file meaningfully.
+- Removed Gemfile.lock file.
+
+## [v1.0.4](https://github.com/manid2/lone-wolf-theme/releases/tag/v1.0.4)
+
+Fixed the default configuration settings.
 
 ## [v1.0.2](https://github.com/manid2/lone-wolf-theme/releases/tag/v1.0.2)
 

data/README.md

@@ -1,43 +1,65 @@
-# [Lone Wolf Theme Jekyll](https://github.com/manid2/lone-wolf-theme/)
+# [Lone Wolf Theme Jekyll][1]
 
 [![LICENSE](https://img.shields.io/badge/license-MIT-lightgrey.svg)](https://github.com/manid2/lone-wolf-theme/blob/master/LICENSE)
 [![Jekyll](https://img.shields.io/badge/jekyll-%3E%3D%203.8-blue.svg)][jekyll]
 [![Ruby gem](https://badge.fury.io/rb/lone-wolf-theme.svg)](https://rubygems.org/gems/lone-wolf-theme/)
+[![Build Status](https://travis-ci.com/manid2/lone-wolf-theme.svg?branch=master)](https://travis-ci.com/manid2/lone-wolf-theme)
 
-## Introduction
+A simple [bootstrap][bs4] based jekyll theme.
 
-Simple, elegant and efficient website theme for solo freelancers.
-AKA **lone wolves** who strive to run a business single handedly.
-It is for [Jekyll][jekyll] static site generator and uses [Bootstrap 4][bs4] with beautiful [Bootswatch][bootswatch] themes.
+It uses
+
+- [github-pages compatible gems][gh-gems]
+- [bootswatch wrappers][bootswatch]
+- [animate.css][ani-css].
 
 ## Who uses it
 
-### As of now
+- [Lone wolf theme docs][1]
+- [Me, manid2][2]
+
+## Screenshots
 
-- Lone wolf theme [docs][lwt-docs]
-- Me, [manid2][manid2]
+![Lone wolf theme screenshot][lwt_ss_all_img]
+
+<!-- Images -->
+[lwt_ss_all_img]: lwt_screenshots/lwt_ss_all_in_one.png "Lone wolf theme screenshot"
 
 ## Installation
 
 ### Using remote theme
 
-Easiest way to use the theme if you dont want to make changes to the theme's code
+Easiest way to use the theme if you dont want to make changes to the theme's
+code.
 
-Add `remote_theme : "manid2/lone-wolf-theme"` to your `_config.yml` file.
+- Add `remote_theme    : "manid2/lone-wolf-theme"` to your `_config.yml` file.
 
 ### By forking the theme repository
 
-If you want to make changes to the code and to truly own the site. Follow the blog on smashing magazine to learn about this method [here](https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-pages/).
+If you want to make changes to the code and to truly own the site.
+Follow the blog on [smashing magazine][sm-gh-pages] to learn about this method.
 
 ### As a ruby gem
 
-When you want to host the site on any server other than the github pages and also to make use of plenty of jekyll plugins.
-Add `gem "lone-wolf-theme"` to your `Gemfile`.
-Update bundled gems by using `bundle` command.
-Add `theme                    : "lone-wolf-theme"` to your `_config.yml`.
+When you want to host the site on any server other than the github pages
+and also to make use of plenty of jekyll plugins.
+
+- Add `gem "lone-wolf-theme"` to your `Gemfile`.
+- Update bundled gems by using `bundle` command.
+- Add `theme    : "lone-wolf-theme"` to your `_config.yml`.
 
+## Contribution
+
+Use the link to learn how to [contribute][3] to LWT.
+
+<!-- Links in the post -->
 [jekyll]: https://jekyllrb.com/
 [bs4]: https://getbootstrap.com/
 [bootswatch]: https://bootswatch.com/
-[manid2]: https://manid2.github.io/
-[lwt-docs]: https://manid2.github.io/lone-wolf-theme/
+[gh-gems]: https://pages.github.com/versions/
+[ani-css]: https://daneden.github.io/animate.css/
+[sm-gh-pages]: https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-pages/
+
+[1]: https://manid2.github.io/lone-wolf-theme/
+[2]: https://manid2.github.io/
+[3]: https://manid2.github.io/lone-wolf-theme/contribute/

data/_includes/archive-list.html

@@ -2,32 +2,36 @@
 {%- assign list_type = include.list_type -%}
 
 <div class="archive-list">
-    {%- if list_type == "posts" -%}
+  {%- if list_type == "posts" -%}
     {% assign posts_by_years = list_items | group_by_exp: 'post', 'post.date | date: "%Y"' %}
     {% for year in posts_by_years %}
-    <a data-toggle="collapse" href="#posts_in_{{ year.name }}" role="button" aria-expanded="false"
-        aria-controls="posts_in_{{ year.name }}">
-        <h2 id="posts_in_{{ year.name }}_heading">{{ year.name }}</h2>
-    </a>
-    <div class="collapse show" id="posts_in_{{ year.name }}">
-        {% for post in year.items %}
+      <a data-toggle="collapse" href="#posts_in_{{ year.name }}" role="button" aria-expanded="false"
+          aria-controls="posts_in_{{ year.name }}">
+          <h2 id="posts_in_{{ year.name }}_heading">{{ year.name }}</h2>
+      </a>
+      <div class="collapse show" id="posts_in_{{ year.name }}">
+        <ul>
+          {% for post in year.items %}
             {% include archive-single.html item=post %}
-        {% endfor %}
-    </div>
+          {% endfor %}
+        </ul>
+      </div>
     {% endfor %}
-    {%- else -%}
+  {%- else -%}
     {% assign taxonomies = list_items %}
     {% for taxonomy in taxonomies %}
-    {%- capture tax_0 -%} {{ taxonomy[0] | slugify }} {%- endcapture -%}
-    <a data-toggle="collapse" href="#posts_in_{{ tax_0 }}" role="button" aria-expanded="false"
-        aria-controls="posts_in_{{ tax_0 }}">
-        <h2 id="posts_in_{{ tax_0 }}_heading">{{ tax_0 }}</h2>
-    </a>
-    <div class="collapse show" id="posts_in_{{ tax_0 }}">
-        {% for post in taxonomy[1] %}
-            {% include archive-single.html item=post %}
-        {% endfor %}
-    </div>
+      {%- capture tax_0 -%} {{ taxonomy[0] | slugify }} {%- endcapture -%}
+      <a data-toggle="collapse" href="#posts_in_{{ tax_0 }}" role="button" aria-expanded="false"
+          aria-controls="posts_in_{{ tax_0 }}">
+          <h2 id="posts_in_{{ tax_0 }}_heading">{{ tax_0 }}</h2>
+      </a>
+      <div class="collapse show" id="posts_in_{{ tax_0 }}">
+        <ul>
+          {% for post in taxonomy[1] %}
+              {% include archive-single.html item=post %}
+          {% endfor %}
+        </ul>
+      </div>
     {% endfor %}
-    {%- endif -%}
-</div>
+  {%- endif -%}
+</div>

data/_includes/archive-single.html

@@ -1,41 +1,8 @@
-{%- assign item = include.item -%}
-
-<a href="{{ item.url | relative_url }}" title="Go to {{ item.title }}" class="nav-link py-0">
-    <div class="row no-gutters mb-3 border rounded">
-        {% if item.header.teaser %}
-            {% capture img_path %}
-            {{ "/assets/images/"  | relative_url | append: item.header.teaser }}
-            {% endcapture %}
-
-            {% capture img_alt %}
-            {{ item.title }}
-            {% endcapture %}
-
-        {% elsif site.teaser %}
-            {% capture img_path %}
-            {{ "/assets/images/"  | relative_url | append: site.teaser }}
-            {% endcapture %}
-
-            {% capture img_alt %}
-            {{ site.title }} post teaser
-            {% endcapture %}
-        {% endif %}
-
-        {% if img_path %}
-        <div class="col-sm-4 text-center">
-            <img class="img-fluid rounded" src="{{ img_path | strip }}" alt="{{ img_alt | strip }}">
-        </div>
-        {% endif %}
-        <div class="col-sm-8 pl-3">
-            <h3 class="my-1">
-                <span class="text-dark ">{{ item.title | strip | strip_html | strip_newlines | truncate: 60 }}</span>
-            </h3>
-            <p class="mb-1">
-                <span class="small font-italic text-secondary">{{ item.date | date: "%b %-d, %Y" }}</span>
-            </p>
-            <p class="mb-1 d-none d-sm-block">
-                <span class="text-muted">{{ item.excerpt | strip | strip_html | strip_newlines | truncate: 180 }}</span>
-            </p>
-        </div>
-    </div>
-</a>
+{%- assign li_item = include.item -%}
+
+<li>
+  <a href="{{ li_item.url | relative_url }}">{{ li_item.title }}</a>
+  <p class="font-italic text-muted">
+    {{ li_item.date | date_to_string }} | {{ li_item.categories | join: ', ' }}
+  </p>
+</li>

data/_includes/head/favicon.html

@@ -5,9 +5,9 @@
 <link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/images/favicons/favicon-32x32.png' | relative_url }}">
 <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/images/favicons/favicon-16x16.png' | relative_url }}">
 <link rel="manifest" href="{{ '/assets/images/favicons/site.webmanifest' | relative_url }}">
-<link rel="mask-icon" color="#5bbad5" href="{{ '/assets/images/favicons/safari-pinned-tab.svg' | relative_url }}">
-<meta name="msapplication-TileColor" content="#2d89ef">
+<link rel="mask-icon" color="#495ce7" href="{{ '/assets/images/favicons/safari-pinned-tab.svg' | relative_url }}">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="theme-color" content="#ffffff">
 <link rel="shortcut icon" href="{{ '/assets/images/favicons/favicon.ico' | relative_url }}">
 <meta name="msapplication-config" content="{{ '/assets/images/favicons/browserconfig.xml' | relative_url }}">
-<meta name="theme-color" content="#ffffff">
-<!-- favicon end -->
+<!-- favicon end -->

data/_includes/home-action-btn.html

@@ -2,23 +2,25 @@
 {%- assign dropdown = include.dropdown -%}
 {%- assign dropdown_items = include.dropdown_items -%}
 
-<div class="btn-group animated rubberBand delay-1s" role="group" aria-label="Button group with nested dropdown">
-    <a class="{{ action_btn.class }}" href="{{ action_btn.url }}">
-        <i class="{{ action_btn.fa_icon }}"></i>
-        <span class="pl-1">{{ action_btn.label }}</span>
-    </a>
-    {%- if dropdown -%}
+<p class="btn-group animated rubberBand delay-1s" role="group" aria-label="Button group with nested dropdown">
+  <a class="{{ action_btn.class }}" href="{{ action_btn.url }}">
+      <i class="{{ action_btn.fa_icon }}"></i>
+      <span class="pl-1">{{ action_btn.label }}</span>
+  </a>
+  {%- if dropdown -%}
     <div class="btn-group" role="group">
-        <button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"
-            aria-haspopup="true" aria-expanded="false"></button>
-        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop2">
-            {%- for item in dropdown_items -%}
+      <button id="btnGroupDrop2" type="button"
+              class="btn btn-success dropdown-toggle" data-toggle="dropdown"
+              aria-haspopup="true" aria-expanded="false">
+      </button>
+      <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop2">
+          {%- for item in dropdown_items -%}
             <a class="dropdown-item" href="{{ item.url }}">
                 <i class="{{ item.fa_icon }}"></i>
                 <span class="pl-1">{{ item.label }}</span>
             </a>
-            {%- endfor -%}
-        </div>
+          {%- endfor -%}
+      </div>
     </div>
-    {%- endif -%}
-</div>
+  {%- endif -%}
+</p>

data/_layouts/default.html

@@ -3,7 +3,7 @@
 ---
 
 <!DOCTYPE html>
-<html>
+<html lang="{{ site.lang | slice: 0,2 | default: "en" }}">
 
 {% include head.html %}
 
@@ -22,4 +22,4 @@
   {% include scripts.html %}
 </body>
 
-</html>
+</html>

data/_layouts/home.html

@@ -12,12 +12,12 @@ layout: default
     <div class="container text-center">
       <h1 class="animated fadeInDownBig">{{ page.title | default: 'HOME' }}</h1>
       <p class="lead">{{ page.excerpt | default: 'Excerpt' }}</p>
-
       {%- if page.action -%}
         {%- include home-action-btn.html action_btn=action_btn dropdown=dropdown dropdown_items=dropdown_items -%}
       {%- endif -%}
     </div>
   </section>
+
   <!-- home page features -->
   <section class="home-page-features">
     <div class="container">
@@ -26,39 +26,41 @@ layout: default
         {% for f_row in page.feature_rows %}
         <!-- TODO use animate.css to animate on hover -->
         <div class="col-md-4 p-0">
-          <a href="{{ f_row.url | relative_url }}">
-            <div class="card border-success m-3">
-              {% if f_row.img_path %}
+          <div class="card border-0 m-3">
+            {% if f_row.img_path %}
               {% capture img_path %}
               {{ '/assets/images/' | relative_url | append: f_row.img_path }}
               {% endcapture %}
-              {% endif %}
+            {% endif %}
 
-              {% if f_row.img_alt %}
+            {% if f_row.img_alt %}
               {% capture img_alt %}
               {{ f_row.img_alt | default: 'Feature image' }}
               {% endcapture %}
-              {% endif %}
-
-              <div class="card-header">
-                <h2 class="m-0">{{ f_row.title | strip | strip_html | strip_newlines | truncate: 10 }}</h2>
-              </div>
+            {% endif %}
 
+            <div class="shadow-sm rounded-top">
               {% if img_path %}
-              <img class="img-fluid" src="{{ img_path | strip }}" alt="{{ img_alt | strip }}">
+                <img class="img-fluid rounded-top" src="{{ img_path | strip }}" alt="{{ img_alt | strip }}">
               {% endif %}
+            </div>
 
-              <div class="card-body">
-                <p class="card-text">{{ f_row.excerpt | strip | strip_html | strip_newlines | truncate: 200 }}</p>
-              </div>
+            <div class="card-body bg-light border border-light border-top-0 rounded-bottom">
+              <a href="{{ f_row.url | relative_url }}">
+                <h2 class="m-0">
+                  {{ f_row.title | strip | strip_html | strip_newlines | truncate: 10 }}
+                </h2>
+              </a>
+              <p class="card-text">{{ f_row.excerpt | strip | strip_html | strip_newlines | truncate: 200 }}</p>
             </div>
-          </a>
+          </div>
         </div>
         {% endfor %}
       </div>
       {% endif%}
     </div>
   </section>
+
   <!-- home page article -->
   <section class="home-page-article">
     <div class="container">

data/_layouts/post.html

@@ -31,14 +31,14 @@ layout: default
       {% if page.show_hero %}
       <!-- post hero -->
       <figure class="figure">
-        <img class="img-fluid shadow rounded mb-2 blog-post-hero-img" src="{{ header_img | strip }}"
+        <img class="img-fluid shadow-sm rounded mb-2 blog-post-hero-img" src="{{ header_img | strip }}"
           alt="{{ h_img_alt | strip }}">
         <figcaption class="figure-caption text-center">{{ img_cap | strip }}</figcaption>
       </figure>
       {% endif %}
       <!-- post title -->
       <h1>{{ page.title }}</h1>
-      <p class="small font-italic text-secondary">{{ page.date | date: "%b %-d, %Y" }}</p>
+      <p class="font-italic text-muted">{{ page.date | date: "%b %-d, %Y" }}</p>
       {% if page.show_author %}
       <!-- post author, share -->
       <div class="row align-items-center py-2 border-top border-bottom blog-post-author">
@@ -66,10 +66,12 @@ layout: default
       {% endif %}
       {% if page.show_toc %}
       <!-- post TOC -->
-      <nav class="card mt-3 d-inline-block shadow-sm rounded">
-        <div class="card-header bg-info text-white"><i class="fas fa-list"></i><span class="pl-1">Contents</span>
+      <nav class="border mt-3 d-inline-block rounded">
+        <div class="p-1 bg-info text-white">
+          <i class="fas fa-list"></i>
+          <span class="pl-1">Contents</span>
         </div>
-        <div class="blog-post-toc pr-3">
+        <div class="blog-post-toc m-1">
           {% include toc.html html=content %}
         </div>
       </nav>