classic-jekyll-theme 2.1.1 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8e1bf518a8ffce59e0a02b3da23ddda8742fb32e
-  data.tar.gz: 75212966a19491460977a8a006e3a1b617648a1c
+  metadata.gz: 2e130386a4b59daeb06fdff06e7d34b5b46c3b59
+  data.tar.gz: f041a4ec4dc3322e8ff66e957ffbdd1be9a82c05
 SHA512:
-  metadata.gz: a7d9fbafc2053ea7b8e4166946d90ffae96c5e8638227dc1eea75342bb394b11411e5a2d86f1b1fb8d1f556f28938767a00ccd912591e0dbe29ac0d1b61e6cc3
-  data.tar.gz: a22270741944444d1fb5d13d8857f6d079c8a6d461b3dd3f4b28be775431b92d8259126dce7f268fd34d1609077f97eb2e1ad762c5f44f6bb58263f9a46757dd
+  metadata.gz: b7208c2eb8e0c7e1e23cbbb017a4cd1fa23009757ff909a2edcd33fe6f99ef54cea54640c9d3c411fe5cd2b7f18b246b256eb63b254730db5d6e5dc282b12e42
+  data.tar.gz: a6c28389ba17eac261c3323c318701fe03378e021b36e9ef406e4d49ad2b9ec8770c5e27e1255d9441df3c5d220560cae08f48d2ded6b3fbc36d6a90318cfa07

data/README.md

@@ -1,4 +1,4 @@
-# Classic-Jekyll-Theme v2.1.1
+# Classic-Jekyll-Theme v2.2.0
 
 Welcome to Classic-Jekyll-Theme. This theme centers around one of the most used website structures on the web. A banner, navigation menu (dropdown), (up to) three columns and a footer. The design is fully responsive for three different screen widths: widest, medium and narrow. It is probably best shown in an example:
 
@@ -82,6 +82,7 @@ Please see [http://balancingrock.github.io/classic-jekyll-theme](http://balancin
 
 Release 2.0.0 (2017-12-19)
 [Release 2.1.1 (2018-01-22)](http://balancingrock.github.io/classic-jekyll-theme/classic/2017/12/22/bugfix-2-1.html)
+[Release 2.2.0 (2018-02-02)](http://balancingrock.github.io/classic-jekyll-theme/classic/2017/12/22/release-2-2-0.html)
 
 ## Suport & Feedback
 

data/_data/setup.yml

@@ -76,6 +76,7 @@ enable-cookies-policy: no
 # for 'top-fixed'. (See classic-jekyll-theme.scss)
 #
 # Hint 1: When the 'top-fixed' is used a background color should be specified for the banner and menu.
+# Hint 2: It is recommended not to use the youtube-player widget when using 'top-fixed'. Because the youtube-player widget will scroll in front of the banner.
 #
 banner-position: top
 

data/_includes/menubar.html

@@ -141,9 +141,9 @@
 		{%- endif -%}
 
 		{%- comment -%}<!-- Create top menu item -->{%- endcomment %}
-		<input type="checkbox" id="{{ topTitle | append:'-checkbox'}}">
+		<input type="checkbox" id="{{ topTitle | replace:' ','-' | append:'-checkbox'}}">
 		<div class="title">
-			<label class="symbol" for="{{ topTitle | append:'-checkbox'}}">
+			<label class="symbol" for="{{ topTitle | replace:' ','-' | append:'-checkbox'}}">
 		{%- if sortedSubMenuTitles.size > 0 %}
 				<p class="code"><!-- will be filled by disclosure indicator --></p>
 		{%- else %}
@@ -196,8 +196,23 @@
 				{%- else %}
 		<div class="dropdown-narrow">
 				{%- endif -%}
+				
+				{%- assign processedSubMenuTitles = "" | split: "" -%}
+
 				{%- for subMenuTitle in sortedSubMenuTitles %}
-						
+
+					{%- comment -%}<!-- Do not build the same sub menu item twice -->{%- endcomment -%}
+
+					{%- assign subMenuTitleProcessed = false -%}
+					{%- for smt in processedSubMenuTitles -%}
+						{%- if smt == subMenuTitle -%}{% assign subMenuTitleProcessed = true -%}{%- endif -%}
+					{%- endfor -%}
+					{%- if subMenuTitleProcessed -%}
+						{%- continue -%}
+					{%- else -%}
+						{%- assign processedSubMenuTitles = processedSubMenuTitles | push: subMenuTitle -%}
+					{%- endif -%}
+
 					{%- comment -%}<!-- Build the sub-sub tables for {{ subMenuTitle }} -->{%- endcomment -%}
 						
 					{% assign subsubMenuTitles = "" | split: "" -%}
@@ -278,7 +293,7 @@
 			<div class="subitem isActiveSelection">
 						{%- else -%}
 							{%- assign urlFound = false -%}
-							{%- for url in sortedSubSubMenuUrls -%}
+							{%- for url in sortedSubsubMenuUrls -%}
 								{%- if url == page.url -%}{%- assign urlFound = true -%}{%- endif -%}
 							{%- endfor -%}
 							{%- if urlFound %}
@@ -287,9 +302,9 @@
 			<div class="subitem">
 							{%- endif -%}
 						{%- endif %}
-				<input type="checkbox" id="{{ subMenuTitle | append:'-checkbox'}}">
+				<input type="checkbox" id="{{ subMenuTitle | replace:' ','-' | append:'-checkbox'}}">
 				<div class="title">
-					<label class="symbol" for="{{ subMenuTitle | append:'-checkbox'}}">
+					<label class="symbol" for="{{ subMenuTitle | replace:' ','-' | append:'-checkbox'}}">
 						{%- if sortedSubsubMenuTitles.size > 0 %}
 						<p class="code"><!-- will be filled by disclosure indicator --></p>
 						{%- else %}
@@ -302,7 +317,7 @@
 				</div>
 					{%- else -%}
 						{%- assign urlFound = false -%}
-						{%- for url in sortedSubSubMenuUrls -%}
+						{%- for url in sortedSubsubMenuUrls -%}
 							{%- if url == page.url -%}{%- assign urlFound = true -%}{%- endif -%}
 						{%- endfor -%}
 						{%- if urlFound %}
@@ -310,9 +325,9 @@
 						{%- else %}
 			<div class="subitem">
 						{%- endif %}
-				<input type="checkbox" id="{{ subMenuTitle | append:'-checkbox'}}">
+				<input type="checkbox" id="{{ subMenuTitle | replace:' ','-' | append:'-checkbox'}}">
 				<div class="title">
-					<label class="symbol" for="{{ subMenuTitle | append:'-checkbox'}}">
+					<label class="symbol" for="{{ subMenuTitle | replace:' ','-' | append:'-checkbox'}}">
 						{%- if sortedSubsubMenuTitles.size > 0 %}
 						<p class="code"><!-- will be filled by disclosure indicator --></p>
 						{%- else %}

data/_includes/vertical-menu.html

@@ -116,9 +116,22 @@
 	{%- endfor -%}
 
 
+	{%- assign processedSubMenuTitles = "" | split: "" -%}
 
 	{%- for subMenuTitle in sortedSubMenuTitles -%}
-	
+
+		{%- comment -%}<!-- Do not build the same sub menu item twice -->{%- endcomment -%}
+
+		{%- assign subMenuTitleProcessed = false -%}
+		{%- for smt in processedSubMenuTitles -%}
+			{%- if smt == subMenuTitle -%}{% assign subMenuTitleProcessed = true -%}{%- endif -%}
+		{%- endfor -%}
+		{%- if subMenuTitleProcessed -%}
+			{%- continue -%}
+		{%- else -%}
+			{%- assign processedSubMenuTitles = processedSubMenuTitles | push: subMenuTitle -%}
+		{%- endif -%}
+
 		{%- comment -%}<!-- Repeat the above, for the submenu title, building the subsub menu -->{%- endcomment -%}
 
 		{%- assign subsubMenuTitles = "" | split: "" -%}
@@ -205,12 +218,25 @@
 				</div>
 			</div>
 				{%- else %}
+					{%- assign urlFound = false -%}
+					{%- for url in sortedSubsubMenuUrls -%}
+						{%- if url == page.url -%}{%- assign urlFound = true -%}{%- endif -%}
+					{%- endfor -%}
+					{%- if urlFound %}
+			<div class="sub-isActivePage">
+				<div class="disclosure"><p></p></div>
+				<div class="title">
+					<a href="{{ sortedSubMenuUrls[forloop.index0] | relative_url }}"><p>{{ subMenuTitle }}</p></a>
+				</div>
+			</div>
+					{%- else %}
 			<div class="sub-hasLink">
 				<div class="disclosure"><p></p></div>
 				<div class="title">
 					<a href="{{ sortedSubMenuUrls[forloop.index0] | relative_url }}"><p>{{ subMenuTitle }}</p></a>
 				</div>
 			</div>
+					{%- endif -%}
 				{%- endif -%}
 			{%- else %}
 			<div class="sub">
@@ -219,11 +245,11 @@
 			</div>
 			{%- endif -%}
 		{%- else %}
-			<input type="checkbox" id="{{ subMenuTitle | append:'-vmenu-' | append: include.label-modifier }}">
 			{%- if sortedSubMenuLinks[forloop.index0] != false -%}
 				{%- if sortedSubMenuUrls[forloop.index0] == page.url %}
+			<input type="checkbox" id="{{ subMenuTitle | replace:' ','-' | append:'-vmenu-' | append: include.label-modifier }}">
 			<div class="sub-isActivePage">
-				<label class="disclosure show-hover" for="{{ subMenuTitle | append:'-vmenu-' | append: include.label-modifier }}">
+				<label class="disclosure show-hover" for="{{ subMenuTitle | replace:' ','-' | append:'-vmenu-' | append: include.label-modifier }}">
 					<p class="symbol"><!-- will be filled by disclosure indicator --></p>
 				</label>
 				<div class="title">
@@ -231,18 +257,36 @@
 				</div>
 			</div>
 				{%- else %}
+					{%- assign urlFound = false -%}
+					{%- for url in sortedSubsubMenuUrls -%}
+						{%- if url == page.url -%}{%- assign urlFound = true -%}{%- endif -%}
+					{%- endfor -%}
+					{%- if urlFound %}
+			<input type="checkbox" id="{{ subMenuTitle | replace:' ','-' | append:'-vmenu-' | append: include.label-modifier }}" checked>
+			<div class="sub-isActivePage">
+				<label class="disclosure show-hover" for="{{ subMenuTitle | replace:' ','-' | append:'-vmenu-' | append: include.label-modifier }}">
+					<p class="symbol"><!-- will be filled by disclosure indicator --></p>
+				</label>
+				<div class="title">
+					<a href="{{ sortedSubMenuUrls[forloop.index0] | relative_url }}"><p>{{ subMenuTitle }}</p></a>
+				</div>
+			</div>
+					{%- else %}
+			<input type="checkbox" id="{{ subMenuTitle | replace:' ','-' | append:'-vmenu-' | append: include.label-modifier }}">
 			<div class="sub-hasLink">
-				<label class="disclosure show-hover" for="{{ subMenuTitle | append:'-vmenu-' | append: include.label-modifier }}">
+				<label class="disclosure show-hover" for="{{ subMenuTitle | replace:' ','-' | append:'-vmenu-' | append: include.label-modifier }}">
 					<p class="symbol"><!-- will be filled by disclosure indicator --></p>
 				</label>
 				<div class="title">
 					<a href="{{ sortedSubMenuUrls[forloop.index0] | relative_url }}"><p>{{ subMenuTitle }}</p></a>
 				</div>
 			</div>
+					{%- endif -%}
 				{%- endif -%}
 			{%- else %}
+			<input type="checkbox" id="{{ subMenuTitle | replace:' ','-' | append:'-vmenu-' | append: include.label-modifier }}">
 			<div class="sub">
-				<label class="disclosure show-hover" for="{{ subMenuTitle | append:'-vmenu-' | append: include.label-modifier }}">
+				<label class="disclosure show-hover" for="{{ subMenuTitle | replace:' ','-' | append:'-vmenu-' | append: include.label-modifier }}">
 					<p class="symbol"><!-- will be filled by disclosure indicator --></p>
 				</label>
 				<div class="title"><p>{{ subMenuTitle }}</p></div>

data/_sass/classic/_custom.scss

@@ -131,4 +131,8 @@
 
 .highlighter-rouge {
 	background: #fc9;
+}
+
+.highlight {
+	overflow-x: auto;
 }

data/_sass/classic/_vertical-menu.scss

@@ -99,6 +99,21 @@
 			.subsub-isActivePage { display: flex }
 		}
 		
+		input:disabled ~ {
+		
+			// Show the correct symbol for this state.
+			.sub,
+			.sub-hasLink,
+			.sub-isActivePage  {
+				label .symbol:after { content: $vmenu-subitem-disclosure-symbol-closed; }
+			}
+			
+			// Show the subsub's
+			.subsub,
+			.subsub-hasLink,
+			.subsub-isActivePage { display: none }
+		}
+
 		.sub-isActivePage {
 			 @include medium-layout { background: $vmenu-subitem-title-background-selected-medium; }
 			 @include widest-layout { background: $vmenu-subitem-title-background-selected-widest; }

data/pages/classic/09-problems.md

@@ -0,0 +1,25 @@
+---
+layout: page
+title: Problems & Workarounds
+date: 2018-02-01
+tertiary-column: none
+menuInclude: yes
+menuTopTitle: Classic
+menuSubs:
+- title: Problems and workarounds
+  index: 9
+excerpt: A discussion of problems that might occur and possible work arounds
+---
+## Issue 16: Youtube-player widget shows video on top of banner for top-fixed banner layout.
+
+Due to the way youtube videos are displayed it is not possible to use the youtube-player.html widget when the banner position is set to top-fixed in the setup.yml file.
+
+To include youtube video's use the iframe directly like this:
+
+~~~~
+    <iframe src="https://www.youtube.com/embed/video-id" width="100px" height="56.25px"></iframe>
+~~~~
+
+Of course the width and height parameters should be scaled to whatever size is required. Multiples of the values given will result in a HD-aspect ratio.
+
+If the youtube-player widget is used for `banner-position: top-fixed`, the site and videos will work as normal. The only problem is that on scrolling the video's may appear to float over the banner (and menubar).

data/pages/jekyll/02-speed.md

@@ -45,11 +45,11 @@ Use `keep_files` to simply copy over those files. Use `exclude` to complete igno
 
 ### Incremental build
 
-Jekyll offers an incremental build option.
+Jekyll offers an incremental build option. This option does not seem to work pre Jekyll 3.7
 
     bundle exec jekyll serve --incremental
     
-However in Classic that may not help all that much. Interdependency of the files is such that incremental build don't seem to happen often. Still, we have not found any ill effects. Turning it on may help, or at least it does not seem to hurt.
+Note that the _home_ page is not rebuild when using _incremental_. To see the changes that are made to a post or page, go to that post/page directly.
 
 If you find any strange effects/artefacts, be sure to turn this off first.
 

data/pages/layouts/banner-main.md

@@ -12,7 +12,7 @@ secondary-column: left
 tertiary-column: none
 excerpt: The banner is placed above the main column only
 ---
-The banner only appears above the main page. To create more space for the banner, the secondary column has been fixed to the left en the tertiary column has been disabled.
+The banner only appears above the main page. To create more space for the banner, the secondary column has been fixed to the left and the tertiary column has been disabled.
 
 If the screen is too small, the title will be displayed over the icon.
 

data/pages/menus/submenu3.md

@@ -4,14 +4,30 @@ menuInclude: yes
 menuLink: yes
 menuTopTitle: Menus
 menuSubs:
-- title: Sub Item 3
+- title: Centralized
   index: 3
   sub:
-  - title: sub-sub item 1
-  - title: sub-sub item 2
+  - title: Centralized - Subsub item 1
+    index: 1
+    url: /pages/menus/subsubmenu3-1.html
+  - title: Centralized - Subsub item 2
+    index: 2
+    url: /pages/menus/subsubmenu3-2.html
 excerpt: "An excerpt is used as the page description and can be up to 160 characters long..."
 ---
-### Sub menu 3
+### Centralized
+
+One way to create a subsub-menu structure is 'all in one place'. This file specifies the menu for all items below the section `Centralized`
+
+#### Advantage
+
+The subsub items of this sub-item do not need a menuSubs entry in their YAML frontmatter.
+
+#### Disadvantage
+
+The URL of the target must be specified
+
+### YAML
 
 The relevant YAML frontmatter for this page is:
 
@@ -20,11 +36,12 @@ The relevant YAML frontmatter for this page is:
     menuInclude: yes
     menuTopTitle: Menus
     menuSubs:
-    - title: Sub Item 3
+    - title: Centralized
       index: 3
       sub:
-      - title: sub-sub item 1
-      - title: sub-sub item 2
+      - title: Centralized - item 1
+        url: /pages/menus/subsubmenu3-1.html
+      - title: Centralized - item 2
+        url: /pages/menus/subsubmenu3-2.html
     ---
 
-Note that the sub-sub items don't have their own page, and hence they simply link to this page.

data/pages/menus/submenu4.md

@@ -0,0 +1,36 @@
+---
+layout: page
+menuInclude: yes
+menuLink: yes
+menuTopTitle: Menus
+menuSubs:
+- title: Decentralized
+  index: 4
+excerpt: "An excerpt is used as the page description and can be up to 160 characters long..."
+---
+### Decentralized
+
+This example creates subsub menu structure by putting all menu creation information for each file in that same file.
+
+#### Advantage
+
+The subsub menu items do not need to specify a URL.
+The information is localized which makes it easier to find the place where to make a change.
+
+#### Disadvantage
+
+Multiple files may need to be edited when the menu structure must be changed.
+
+### YAML
+
+The relevant YAML frontmatter for this page is:
+
+    ---
+    layout: page
+    menuInclude: yes
+    menuTopTitle: Menus
+    menuSubs:
+    - title: Decentralized
+      index: 4
+    ---
+

data/pages/menus/subsubmenu3-1.md

@@ -0,0 +1,21 @@
+---
+layout: page
+menuInclude: yes
+menuLink: yes
+menuTopTitle: Menus
+excerpt: "An excerpt is used as the page description and can be up to 160 characters long..."
+---
+### Centralized
+
+#### Item 1
+
+This file does not contain a menuSubs in the YAML frontmatter.
+
+The relevant YAML frontmatter for this page is:
+
+    ---
+    layout: page
+    menuInclude: yes
+    menuTopTitle: Menus
+    ---
+

data/pages/menus/subsubmenu3-2.md

@@ -0,0 +1,21 @@
+---
+layout: page
+menuInclude: yes
+menuLink: yes
+menuTopTitle: Menus
+excerpt: "An excerpt is used as the page description and can be up to 160 characters long..."
+---
+### Centralized
+
+#### Item 2
+
+This file does not contain a menuSubs in the YAML frontmatter.
+
+The relevant YAML frontmatter for this page is:
+
+    ---
+    layout: page
+    menuInclude: yes
+    menuTopTitle: Menus
+    ---
+

data/pages/menus/subsubmenu4-1.md

@@ -0,0 +1,31 @@
+---
+layout: page
+menuInclude: yes
+menuLink: yes
+menuTopTitle: Menus
+menuSubs:
+- title: Decentralized
+  sub:
+  - title: Decentralized - Item 1
+    index: 1
+excerpt: "An excerpt is used as the page description and can be up to 160 characters long..."
+---
+### Decentralized
+
+#### Item 1
+
+This example creates subsub menu structure by putting all menu creation information for each file in that same file.
+
+The relevant YAML frontmatter for this page is:
+
+    ---
+    layout: page
+    menuInclude: yes
+    menuTopTitle: Menus
+    menuSubs:
+    - title: Decentralized
+      sub:
+      - title: Item 1
+        index: 1
+    ---
+

data/pages/menus/subsubmenu4-2.md

@@ -0,0 +1,31 @@
+---
+layout: page
+menuInclude: yes
+menuLink: yes
+menuTopTitle: Menus
+menuSubs:
+- title: Decentralized
+  sub:
+  - title: Decentralized - Item 2
+    index: 2
+excerpt: "An excerpt is used as the page description and can be up to 160 characters long..."
+---
+### Decentralized
+
+#### Item 2
+
+This example creates subsub menu structure by putting all menu creation information for each file in that same file.
+
+The relevant YAML frontmatter for this page is:
+
+    ---
+    layout: page
+    menuInclude: yes
+    menuTopTitle: Menus
+    menuSubs:
+    - title: Decentralized
+      sub:
+      - title: Item 2
+        index: 2
+    ---
+

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: classic-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 2.1.1
+  version: 2.2.0
 platform: ruby
 authors:
 - Rien
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-01-22 00:00:00.000000000 Z
+date: 2018-02-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -196,6 +196,7 @@ files:
 - pages/classic/06-categories.md
 - pages/classic/07-terminology.md
 - pages/classic/08-versioning.md
+- pages/classic/09-problems.md
 - pages/contact/contact.md
 - pages/cookie-consent/cookie-consent.md
 - pages/jekyll/01-jekyll.md
@@ -214,6 +215,11 @@ files:
 - pages/menus/submenu1.md
 - pages/menus/submenu2.md
 - pages/menus/submenu3.md
+- pages/menus/submenu4.md
+- pages/menus/subsubmenu3-1.md
+- pages/menus/subsubmenu3-2.md
+- pages/menus/subsubmenu4-1.md
+- pages/menus/subsubmenu4-2.md
 homepage: https://rubygems.org/gems/classic-jekyll-theme
 licenses:
 - MIT
@@ -234,7 +240,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.2
+rubygems_version: 2.6.8
 signing_key: 
 specification_version: 4
 summary: A responsive 1, 2 or 3 column theme for wide, medium and narrow displays