jekyll-theme-endless 0.3.3 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9383008f153eb0b678be801500b2a806d5d384a77e643a8af2bb131944b62a3f
-  data.tar.gz: 5364902b367bb5752fa6e751a9e82a544e6b83516573ae6ee5d4594b437527b8
+  metadata.gz: 5ae642c26adf0d100d6fef5595ade633b873f7c3a476260b62b6a53ec388c89e
+  data.tar.gz: aac144461e337811835964ff157c72ef4cb31a59e78172896bb6795026bdf9b8
 SHA512:
-  metadata.gz: e4970875e16f5f5257fcc4defe679de7ce4452b7e4e5eac1f0d115926d32738edd95613f8af50e51cb1c063faf2dfe5ef34ac8abcdc65b4493e825da2a29291e
-  data.tar.gz: 926e1e3779d2799122fddc966d0110a42fd4d6d873a89749f32420e0e73ebc565a27510250d0ce5eb64aa235cf7eb8402df07ad37402361c9f5f8c1011154c1a
+  metadata.gz: e1f8cf523275fbf7f910d62884b8f5b446d47fdd73cd11f2bcf34d5d7b0758110e1a816a8f3a3d8e2a07bf576aa1b5e58bf2f76cc7f555af1cc2fb1ebeebdaec
+  data.tar.gz: 02b41c8ca4db8f22cbf1c761e946bac3ee71b404612ceee0f49a7e5cac02e0e520934d55ac53722967ed9e72e4c3801c4e65f7298bdc2c23be412f7e105e1d06

data/README.adoc

@@ -3,6 +3,19 @@
 :page-menu_position: 300
 
 
+
+`jekyll-theme-endless` is a theme for the static site generator https://jekyllrb.com/[Jekyll].
+The theme is ready to be used with posts written in https://asciidoctor.org/[AsciiDoc] using the
+https://github.com/asciidoctor/jekyll-asciidoc[Jekyll AsciiDoc plugin].
+The syntax of source code is highlighted using https://github.com/rouge-ruby/rouge/wiki/List-of-supported-languages-and-lexers[Rouge].
+
+The repository of this Jekyll theme is located at:
+https://gitlab.com/jekyll-theme-endless/jekyll-theme-endless.gitlab.io.
+An example page using this theme can be viewed at: https://jekyll-theme-endless.gitlab.io.
+The gem is published on https://rubygems.org/gems/jekyll-theme-endless.
+
+
+
 == Quicktstart for testing
 
 * Clone the repository
@@ -200,6 +213,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/_config.yml

@@ -23,6 +23,19 @@ url: "" # the base hostname & protocol for your site, e.g. http://example.com
 
 
 
+# AsciiDoc settings
+asciidoctor:
+  attributes:
+    # Highlighting source code using rouge
+    # https://github.com/asciidoctor/jekyll-asciidoc#stylesheet-for-code-highlighting
+    # https://github.com/asciidoctor/jekyll-asciidoc/issues/221#issuecomment-526857488
+    source-highlighter: rouge
+    # Activate font-based admonition icons
+    # https://github.com/asciidoctor/jekyll-asciidoc#font-based-admonition-and-inline-icons
+    icons: font
+
+
+
 # Theme specific settings
 # Find example data in _data.yml of the theme repository.
 # Run `bundle exec jekyll serve --config _config.yml,_data.yml`

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

@@ -64,8 +64,16 @@ Assumption: Non of the tags occurs more than one million times.
 		{% endcomment %}
 
 		{% assign number  = site.tags[tag] | size %}
-		{% assign percent = number | times: 1.0 | minus: min | times: sizeDifference | divided_by: steps | plus: 100 %}
-		{% assign tagname = tag | replace:'-', ' ' %}
+		{% comment %}
+			Tags that only occur once, should be displayed smaller than 100% in the tag cloud.
+		{% endcomment %}
+		{% if number == 1 %}
+			{% assign percent = 65 %}
+		{% else %}
+			{% assign percent = number | times: 1.0 | minus: min | times: sizeDifference | divided_by: steps | plus: 100 %}
+		{% endif %}
+
+		{% assign tagname = tag %}
 
 		<a
 			href  = "/{{ site.tag_dir | default: 'tags' }}/{{ tag }}"

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/page-tag.html

@@ -9,6 +9,10 @@ page.tag and page.title are set by the plugin `generate-taglist`.
 <h1>{{ page.title }}</h1>
 {% endif %}
 
+<p>
+	Number of posts tagged with "<em>{{ page.tag }}</em>": <strong>{{ site.tags[ page.tag ] | size }}</strong>
+</p>
+
 <ul>
 	{% for post in site.tags[ page.tag ] %}
 

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/adoc-admonition.scss

@@ -0,0 +1,51 @@
+div.admonitionblock {
+	border-radius: 5px;
+	box-shadow: 0 1px 4px #aaa;
+	background: #fff;
+	color: #111;
+}
+.admonitionblock table {
+	background-color: transparent;
+	width: 100%;
+	td {
+		padding: .75em .25em;
+	}
+}
+/* See:
+ * https://github.com/asciidoctor/jekyll-asciidoc#font-based-admonition-and-inline-icons
+ */
+span.icon>.fa {
+	cursor: default;
+}
+.admonitionblock td.icon {
+	text-align: center;
+	width: 66px;
+
+	[class^="fa icon-"] {
+		font-size: 1.5em;
+		text-shadow: 1px 1px 2px rgba(0,0,0,.5);
+		cursor: default;
+	}
+	.icon-note:before {
+		content: "\f05a";
+		color: #19407c;
+	}
+	.icon-tip:before {
+		content: "\f0eb";
+		text-shadow: 1px 1px 2px rgba(155,155,0,.8);
+		color: #111;
+	}
+	.icon-warning:before {
+		content: "\f071";
+		color: #bf6900;
+	}
+	.icon-caution:before {
+		content: "\f06d";
+		color: #bf3400;
+	}
+	.icon-important:before {
+		content: "\f06a";
+		color: #bf0000;
+	}
+
+}

data/_sass/adoc-tables.scss

@@ -0,0 +1,32 @@
+/**
+ * Table blocks.
+ */
+
+table.tableblock {
+
+	thead,
+	tfoot {
+		background: #e7e8e7;
+		font-weight: bold;
+	}
+
+	th.tableblock,
+	td.tableblock {
+		border: 0 solid #f00;
+		border: 0 solid #dedede;
+		padding: .5em .625em;
+	}
+
+}
+
+p.tableblock {
+	margin-bottom: 0;
+}
+
+table.grid-all {
+	th.tableblock,
+	td.tableblock {
+		border-width: 1px;
+	}
+}
+

data/_sass/adoc.scss

@@ -0,0 +1,14 @@
+/*
+ * Applies to adminition blocks and table blocks
+ */
+table {
+	background: #fff;
+	margin: .5em auto;
+}
+
+table tr.even,
+table tr.alt,
+table tr:nth-of-type(even) {
+	background: #f8f8f7;
+}
+

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/_sass/rouge-highlight.scss

@@ -0,0 +1,73 @@
+/*
+ * Based on "Manni" from https://github.com/jwarby/jekyll-pygments-themes
+ */
+
+.highlight {
+	@at-root pre#{&} {
+		-moz-tab-size: 2;
+		tab-size: 2;
+		background-color: #f8f8f8;
+		padding: .5em 1em;
+	}
+	.hll { background-color: #ffffcc }
+	.c { color: #080; font-style: italic } /* Comment */
+	.err { color: #AA0000; background-color: #FFAAAA } /* Error */
+	.k { color: #006699; font-weight: bold } /* Keyword */
+	.o { color: #555555 } /* Operator */
+	.cm { color: #080; font-style: italic } /* Comment.Multiline */
+	.cp { color: #08F } /* Comment.Preproc */
+	.c1 { color: #080; font-style: italic } /* Comment.Single */
+	.cs { color: #08F; font-weight: bold; font-style: italic } /* Comment.Special */
+	.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
+	.ge { font-style: italic } /* Generic.Emph */
+	.gr { color: #FF0000 } /* Generic.Error */
+	.gh { color: #003300; font-weight: bold } /* Generic.Heading */
+	.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
+	.go { color: #AAAAAA } /* Generic.Output */
+	.gp { color: #000099; font-weight: bold } /* Generic.Prompt */
+	.gs { font-weight: bold } /* Generic.Strong */
+	.gu { color: #003300; font-weight: bold } /* Generic.Subheading */
+	.gt { color: #99CC66 } /* Generic.Traceback */
+	.kc { color: #006699; font-weight: bold } /* Keyword.Constant */
+	.kd { color: #006699; font-weight: bold } /* Keyword.Declaration */
+	.kn { color: #006699; font-weight: bold } /* Keyword.Namespace */
+	.kp { color: #006699 } /* Keyword.Pseudo */
+	.kr { color: #006699; font-weight: bold } /* Keyword.Reserved */
+	.kt { color: #007788; font-weight: bold } /* Keyword.Type */
+	.m { color: #FF6600 } /* Literal.Number */
+	.s { color: #CC3300 } /* Literal.String */
+	.na { color: #330099 } /* Name.Attribute */
+	.nb { color: #336666 } /* Name.Builtin */
+	.nc { color: #00AA88; font-weight: bold } /* Name.Class */
+	.no { color: #336600 } /* Name.Constant */
+	.nd { color: #9999FF } /* Name.Decorator */
+	.ni { color: #999999; font-weight: bold } /* Name.Entity */
+	.ne { color: #CC0000; font-weight: bold } /* Name.Exception */
+	.nf { color: #CC00FF } /* Name.Function */
+	.nl { color: #9999FF } /* Name.Label */
+	.nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */
+	.nt { color: #330099; font-weight: bold } /* Name.Tag */
+	.nv { color: #003333 } /* Name.Variable */
+	.ow { color: #000000; font-weight: bold } /* Operator.Word */
+	.w { color: #bbbbbb } /* Text.Whitespace */
+	.mf { color: #FF6600 } /* Literal.Number.Float */
+	.mh { color: #FF6600 } /* Literal.Number.Hex */
+	.mi { color: #FF6600 } /* Literal.Number.Integer */
+	.mo { color: #FF6600 } /* Literal.Number.Oct */
+	.sb { color: #CC3300 } /* Literal.String.Backtick */
+	.sc { color: #CC3300 } /* Literal.String.Char */
+	.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
+	.s2 { color: #CC3300 } /* Literal.String.Double */
+	.se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */
+	.sh { color: #CC3300 } /* Literal.String.Heredoc */
+	.si { color: #AA0000 } /* Literal.String.Interpol */
+	.sx { color: #CC3300 } /* Literal.String.Other */
+	.sr { color: #33AAAA } /* Literal.String.Regex */
+	.s1 { color: #CC3300 } /* Literal.String.Single */
+	.ss { color: #FFCC33 } /* Literal.String.Symbol */
+	.bp { color: #336666 } /* Name.Builtin.Pseudo */
+	.vc { color: #003333 } /* Name.Variable.Class */
+	.vg { color: #003333 } /* Name.Variable.Global */
+	.vi { color: #003333 } /* Name.Variable.Instance */
+	.il { color: #FF6600 } /* Literal.Number.Integer.Long */
+}

data/_sass/structure.scss

@@ -0,0 +1,8 @@
+/*
+ * Styles of structuring elements.
+ */
+h2 {
+	padding-top: 1em;
+}
+
+

data/_sass/tag-cloud.scss

@@ -6,6 +6,7 @@
 
 	li {
 		display: inline;
+		line-height: 1;
 	}
 	/* Every tag in the tag cloud should have a point as a separator. */
 	li::after {

data/assets/css/main.scss

@@ -10,6 +10,20 @@
 @import "background";
 @import "address";
 @import "tag-cloud";
+@import "posts";
+@import "structure";
+
+/*
+ * import styles for highlighting source code that was annotated using rouge.
+ */
+@import "rouge-highlight";
+
+/*
+ * import styles for AsciiDoc.
+ */
+@import "adoc";
+@import "adoc-admonition";
+@import "adoc-tables";
 
 /*
  * 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.3'
+    VERSION = '0.6.0'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-endless
 version: !ruby/object:Gem::Version
-  version: 0.3.3
+  version: 0.6.0
 platform: ruby
 authors:
 - Sven Boekhoff
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-28 00:00:00.000000000 Z
+date: 2020-11-10 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
@@ -45,7 +48,13 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - _sass/address.scss
+- _sass/adoc-admonition.scss
+- _sass/adoc-tables.scss
+- _sass/adoc.scss
 - _sass/background.scss
+- _sass/posts.scss
+- _sass/rouge-highlight.scss
+- _sass/structure.scss
 - _sass/tag-cloud.scss
 - _sass/user.scss
 - assets/css/main.scss