jekyll-theme-endless 0.3.1 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '048954cb6b01292c57d7aeddb592a94e02e71ca49ea3ff6bc17cc128e0a5dac5'
-  data.tar.gz: cc6597fcda7de04fd940b0904d0d542b18e9119201ccb0ddc1140080486ab456
+  metadata.gz: e98eb87261733403dbca146fb89841f052a45169adeea35c02fa36149ac302fc
+  data.tar.gz: '0919fc28e1e060fdc9d47afef6ff5e5988197b4432b6f231400d324541e694db'
 SHA512:
-  metadata.gz: 03d0427df894a7fa5d29e4d7a2021db478c702befa0ef8e43a0786cf3f7985a522310ff518df391282b8101e57cce2d993fbdfe4b7d82d4f961746adf3aa4e68
-  data.tar.gz: 77afae077fa3b9d8eaee554e650c5333a682ea6aba3ee003a28992d94dfb70dcc50631f1dd7425db003b04f67d41cd34948ca2ae56c83fec92df5632b34e3c7c
+  metadata.gz: a63b4c5156fa3333a938bc58b0e0d5e6cafe55b203649fdc4bb40ba54eb47de07653489136f34cc82a5fb1d72b421ba8a3cdf004e701b9c00100513574c20d0b
+  data.tar.gz: e4cee9e0caf44d517007ae71651c65c6ff2fd9d585c6485fe3fd431c22565a07311383777205959bff0268ccc9553e3008a6e7026ade78ef0c1c7690e4b25009

data/README.adoc

@@ -200,6 +200,24 @@ username_xing: XXXX
 username_linkedin: XXXX
 ----
 
+`_includes/function_tag-list.html`::
+Generates a formatted list of tags.
+This is e.g. used to display the tags of a blog post.
+
+`_includes/function_show-dates.html`::
+Show the creation date and (if present) the date a blog post was last edited.
+The date of the last edit can be configured by setting a value for the page-variable `lastedit`.
+
+In AsciiDoc this would be e.g.:
+
+[source, AsciiDoc]
+----
+:page-lastedit: 2020-10-29
+----
+
+`_includes/function_show-prev-next-navigation.html`::
+Displays links to the previous and the next post of your blog.
+
 
 
 === Plugins

data/_includes/function_show-dates.html

@@ -0,0 +1,16 @@
+<div class="text-right">
+
+	<time class="created" datetime="{{ include.created | date_to_xmlschema }}">
+		<span class="sr-only sr-only-focusable">created:</span>
+		<strong title="date of creation">{{ include.created | date: "%b %-d, %Y" }}</strong>
+	</time>
+
+	{% if include.edited != "" and include.edited %}
+	/
+	<time class="edited" datetime="{{ include.edited | date_to_xmlschema }}">
+		<span class="sr-only sr-only-focusable">edited:</span>
+		<strong title="date of last edit">{{ include.edited  | date: "%b %-d, %Y" }}</strong>
+	</time>
+	{% endif %}
+
+</div>

data/_includes/function_show-prev-next-navigation.html

@@ -0,0 +1,19 @@
+<div class="row text-left">
+	<div class="col">
+		{% if page.next %}
+		<a href="{{ page.next.url }}">
+			<i class="fa fa-arrow-left d-md-none"></i>
+			<span class="d-none d-md-inline">&laquo; {{page.next.title}}</span>
+		</a>
+		{% endif %}
+	</div>
+	<div class="col text-right">
+		{% if page.previous %}
+		<a href="{{ page.previous.url }}">
+			<span class="d-none d-md-inline">{{page.previous.title}} &raquo;</span>
+			<i class="fa fa-arrow-right d-md-none"></i>
+		</a>
+		{% endif %}
+	</div>
+</div>
+

data/_includes/function_tag-cloud.html

@@ -1,7 +1,24 @@
 {% comment %}
+Creates a tag cloud with tags beeing sized according to the number of occurences in blog posts.
+{% endcomment %}
 
+{% comment %}
+Create an empty array.
+{% endcomment %}
+{% assign tags = "" | split:"" %}
+
+{% comment %}
+Fill the tags-array with tag-names.
+The push-filter is a Jekyll specific filter.
+{% endcomment %}
+{% for tag in site.tags %}
+  {% assign tags = tags | push: tag.first %}
+{% endfor %}
+
+{% comment %}
+Sort the tag-array case-insensitive.
 {% endcomment %}
-{% assign tags = site.tags | sort %}
+{% assign tags_sorted = tags | sort_natural %}
 
 {% comment %}
 Requirements:
@@ -16,8 +33,8 @@ Assumption: Non of the tags occurs more than one million times.
 {% assign min = 1000000 %}
 {% assign max = 0 %}
 
-{% for tag in tags %}
-	{% assign postsWithThisTag = tag | last | size %}
+{% for tag in tags_sorted %}
+	{% assign postsWithThisTag = site.tags[tag] | size %}
 	{% if postsWithThisTag > max %}
 		{% assign max = postsWithThisTag %}
 	{% endif %}
@@ -31,7 +48,7 @@ Assumption: Non of the tags occurs more than one million times.
 
 <ul class="tag-cloud list-unstyled">
 
-	{% for tag in tags %}
+	{% for tag in tags_sorted %}
 	<li>
 		{% comment %}
 		The size difference should be 150%.
@@ -46,12 +63,12 @@ Assumption: Non of the tags occurs more than one million times.
 		To be on the safe side, create a float (times: 1.0)
 		{% endcomment %}
 
-		{% assign number  = tag | last | size %}
+		{% assign number  = site.tags[tag] | size %}
 		{% assign percent = number | times: 1.0 | minus: min | times: sizeDifference | divided_by: steps | plus: 100 %}
-		{% assign tagname = tag | first | replace:'-', ' ' %}
+		{% assign tagname = tag | replace:'-', ' ' %}
 
 		<a
-			href  = "/{{ site.tag_dir | default: 'tags' }}/{{ tag | first }}"
+			href  = "/{{ site.tag_dir | default: 'tags' }}/{{ tag }}"
 			style = "font-size: {{ percent }}%"
 			title = "Number of posts with the tag '{{ tagname }}': {{ number }}"
 			>{{ tagname }}</a>

data/_includes/function_tag-list.html

@@ -0,0 +1,15 @@
+{% comment %}
+Generates an unsorted list of tags.
+Requires an array of tags beeing provided via the parameter `tags`.
+{% endcomment %}
+{% assign asize = include.tags | size %}
+{% if asize > 0 %}
+	<ul class="list-inline">
+		{% for current_tag in include.tags %}
+			<li class="list-inline-item"><a
+				class="badge badge-pill badge-secondary"
+				href="/{{ site.tag_dir | default: 'tags' }}/{{ current_tag }}"
+				>{{ current_tag }}</a></li>
+		{% endfor %}
+	</ul>
+{% endif %}

data/_layouts/default.html

@@ -51,15 +51,15 @@ layout: html
 
 
 <!-- Page content -->
-<main class="container pt-4 pb-5" style="flex-grow: 1;" aria-label="Content">
+<main class="container pt-4" style="flex-grow: 1;" aria-label="Content">
 
 	<div class="row">
 
-		<div class="col-lg-8">
+		<div class="col-lg-8 pb-5">
 			{{ content }}
 		</div>
 
-		<div class="col-lg-4">
+		<div class="col-lg-4 pb-5">
 			<aside>
 				<h3>Blog Navigation</h3>
 

data/_layouts/html.html

@@ -8,7 +8,7 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 		<title>
-			{{ page.title }}
+			{{ page.title | default: page.menu_label | strip_html }}
 		</title>
 
 		<!-- Font-awesome CSS: https://www.bootstrapcdn.com/fontawesome/ -->

data/_layouts/post.html

@@ -1,12 +1,42 @@
 ---
 layout: default
 ---
-{% comment %}
-In Markdown posts, page.title defaults to parts of the filename.
-Thus, do not use `# Heading` in Blog posts, otherwise two H1-heading will appear.
-{% endcomment %}
-{% if page.title %}
-<h1>{{ page.title }}</h1>
-{% endif %}
-
-{{ content }}
+<article>
+	<header>
+
+		{% comment %}Show link to previous/next post.{% endcomment %}
+		{% include function_show-prev-next-navigation.html %}
+
+		{% comment %}Show dates of the post.{% endcomment %}
+		{% include function_show-dates.html
+			created = page.date
+			edited  = page.lastedit
+		%}
+
+		{% comment %}
+		In Markdown posts, page.title defaults to parts of the filename.
+		Thus, do not use `# Heading` in Blog posts, otherwise two H1-heading will appear.
+		{% endcomment %}
+		{% if page.title %}
+		<h1>{{ page.title }}</h1>
+		{% endif %}
+
+		{% comment %}Show tags of the post.{% endcomment %}
+		{% include function_tag-list.html
+			tags=page.tags
+		%}
+
+	</header>
+
+	<div>
+		{{ content }}
+	</div>
+
+	{% comment %}Show link to previous/next post.{% endcomment %}
+	{% include function_show-prev-next-navigation.html %}
+
+</article>
+
+
+
+

data/_sass/posts.scss

@@ -0,0 +1,16 @@
+time {
+	color: #999;
+
+	&:before {
+		font-family: FontAwesome;
+		top:0;
+		padding-right:-1px;
+
+		&.created {
+			content: "\f017";
+		}
+		&.edited {
+			content: "\f044";
+		}
+	}
+}

data/assets/css/main.scss

@@ -10,6 +10,7 @@
 @import "background";
 @import "address";
 @import "tag-cloud";
+@import "posts";
 
 /*
  * import SCSS-Code contributed by the user of the theme.

data/lib/jekyll-theme-endless/version.rb

@@ -1,5 +1,5 @@
 module Jekyll
   module Endless
-    VERSION = '0.3.1'
+    VERSION = '0.4.1'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-endless
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.4.1
 platform: ruby
 authors:
 - Sven Boekhoff
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-27 00:00:00.000000000 Z
+date: 2020-11-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -37,7 +37,10 @@ files:
 - _includes/content_footer-usernames.html
 - _includes/function_list-pages.html
 - _includes/function_list-posts.html
+- _includes/function_show-dates.html
+- _includes/function_show-prev-next-navigation.html
 - _includes/function_tag-cloud.html
+- _includes/function_tag-list.html
 - _layouts/default.html
 - _layouts/html.html
 - _layouts/page-postlist.html
@@ -46,6 +49,7 @@ files:
 - _layouts/post.html
 - _sass/address.scss
 - _sass/background.scss
+- _sass/posts.scss
 - _sass/tag-cloud.scss
 - _sass/user.scss
 - assets/css/main.scss