classic-jekyll-theme 1.9.4 → 2.0.0

data/_includes/secondary-column.html

@@ -1,16 +1,37 @@
-<!-- This widget divider will only show up in the narrow layout -->
-<div class="secondary-widget-divider"></div>
 
-<div class="widget">{% include widgets/recent-posts.html %}</div>
+<!-- include secondary-column.html -->
+{%- comment -%}<!-- This widget separator will only show up in the narrow layout -->{%- endcomment %}
+<div class="secondary-widget-separator"></div>
 
-<div class="widget-divider"></div>
+{%- if site.data.setup.drop-down-menu -%}{%- else %}
+<div class="widget-separator"></div>
+{%- endif %}
 
-<div class="widget">{% include widgets/social-media.html %}</div>
+<div class="widget">
+{% include widgets/recent-posts.html %}
+</div>
 
-<div class="widget-divider"></div>
+<div class="widget-separator"></div>
 
-<div class="widget">{% include widgets/subscribe.html %}</div>
+<div class="widget">
+{% include widgets/social-media.html %}
+</div>
 
-<div class="widget-divider"></div>
+<div class="widget-separator"></div>
 
-<div class="widget">{% include widgets/older-posts.html %}</div>
+<div class="widget">
+{% include widgets/subscribe.html %}
+</div>
+
+<div class="widget-separator"></div>
+
+<div class="widget">
+{% include widgets/older-posts.html %}
+</div>
+
+<div class="widget-separator"></div>
+
+<div class="widget">
+{% include widgets/categories.html label-modifier=include.label-modifier %}
+</div>
+<!-- end of include secondary-column.html -->

data/_includes/tertiary-column.html

@@ -1,4 +1,8 @@
-<!-- This widget divider will only show up when the tertiary column content is merged into the secondary column-->
-<div class="tertiary-widget-divider"></div>
 
-<div class="widget">{% include widgets/browser-info.html %}</div>
+<!-- include tertiary-column.html -->
+{%- comment -%}<!-- This widget separator will only show up when the tertiary column content is merged into the secondary column-->{%- endcomment %}
+<div class="tertiary-widget-separator"></div>
+<div class="widget">
+{% include widgets/browser-info.html %}
+</div>
+<!-- end of include tertiary-column.html -->

data/_includes/vertical-menu.html

@@ -0,0 +1,284 @@
+
+<!-- include vertical-menu.html -->
+{%- if jekyll.environment != 'production' and site.data.setup.fast-content-build -%}{%- else -%}
+
+	{%- comment -%}<!-- Get the top menu item for which to create the menu -->{%- endcomment -%}
+	{%- if page.menuTopTitle -%}
+		{%- assign topTitle = page.menuTopTitle -%}
+	{%- else -%}
+		{%- comment -%}<!-- Fix for missing top title for the home page -->{%- endcomment -%}
+		{%- assign home = 'Home' -%}
+		{%- if site.data.text-for.tHome -%}{%- assign home = site.data.text-for.tHome -%}{%- endif -%}
+		{%- assign topTitle = home -%}
+	{%- endif %}
+
+<nav class="vmenu-container">
+	<div class="topTitle"><h1>{{ topTitle }}</h1></div>
+	<div class="vmenu">
+
+	{%- comment -%}<!-- Find all pages that belong to the menuTopTitle of this page -->{%- endcomment -%}
+	
+	{%- assign topTitlePages = site.pages | where:'menuInclude', true | where:'menuTopTitle', topTitle -%}
+			
+	{%- comment -%}<!-- note: these html comment tags are for editor coloring support
+			
+	Due to the poor support for variables in Liquid we have to resort to some fairly laborious code.
+			
+	First determine all pages that contain sub menu information for the running top menu item. These are collected in "topTitlePages"
+			
+	Then create four lists containing the sub menu title, index, url and link respectively. These lists are all in the same sequence such that entry [n] is applicable to the same sub menu in all lists. (I.e. they are synchronous)
+			
+	Then sort the lists into four new lists. Again these lists must be kept synchronous.
+			
+	Lastly, step through the lists to create the actual sub menu's
+			
+	-->{%- endcomment -%}
+						
+	{%- comment -%}<!-- Find all sub menu entries on the topTitlePages -->{%- endcomment -%}
+	
+	{%- assign subMenuTitles = "" | split: "" -%}
+	{%- assign subMenuIndexes = "" | split: "" -%}
+	{%- assign subMenuUrls = "" | split: "" -%}
+	{%- assign subMenuLinks = "" | split: "" -%}
+
+	{%- for ape in topTitlePages -%}
+		{%- if ape.menuSubTitle != nil -%}
+			{%- assign subMenuTitles = subMenuTitles | push: ape.menuSubTitle -%}
+			{%- if ape.menuSubIndex != nil -%}
+				{%- assign subMenuIndexes = subMenuIndexes | push: ape.menuSubIndex -%}
+			{%- else -%}
+				{%- assign subMenuIndexes = subMenuIndexes | push: -1 -%}
+			{%- endif -%}
+			{%- assign subMenuUrls = subMenuUrls | push: ape.url -%}
+			{%- if ape.menuLink != nil -%}
+				{%- assign subMenuLinks = subMenuLinks | push: ape.menuLink -%}
+			{%- else -%}
+				{%- assign subMenuLinks = subMenuLinks | push: true -%}
+			{%- endif -%}
+		{%- endif -%}
+		{%- if ape.menuSubs != nil -%}
+			{%- for sub in ape.menuSubs -%}
+				{%- assign subMenuTitles = subMenuTitles | push: sub.title -%}
+				{%- if sub.index != nil -%}
+					{%- assign subMenuIndexes = subMenuIndexes | push: sub.index -%}
+				{%- else -%}
+					{%- assign subMenuIndexes = subMenuIndexes | push: -1 -%}
+				{%- endif -%}
+				{%- if sub.url != nil -%}
+					{%- if sub.anchorId != nil -%}
+						{%- assign urlWithAnchorId = sub.url | append: '#' | append: sub.anchorId -%}
+					{%- else -%}
+						{%- assign urlWithAnchorId = sub.url -%}
+					{%- endif -%}
+				{%- else -%}
+					{%- if sub.anchorId != nil -%}
+						{%- assign urlWithAnchorId = ape.url | append: '#' | append: sub.anchorId -%}
+					{%- else -%}
+						{%- assign urlWithAnchorId = ape.url -%}
+					{%- endif -%}
+				{%- endif -%}
+				{%- assign subMenuUrls = subMenuUrls | push: urlWithAnchorId -%}
+				{%- if sub.link != nil -%}
+					{%- assign subMenuLinks = subMenuLinks | push: sub.link -%}
+				{%- else -%}
+					{%- assign subMenuLinks = subMenuLinks | push: true -%}
+				{%- endif -%}
+			{%- endfor -%}
+		{%- endif -%}
+	{%- endfor -%}
+
+	{%- comment -%}<!-- Sort all 4 the lists based on the index of the subMenu that was read -->{%- endcomment -%}
+	
+	{%- assign sortedSubMenuTitles = "" | split: "" -%}
+	{%- assign sortedSubMenuIndexes = subMenuIndexes | sort -%}
+	{%- assign sortedSubMenuUrls = "" | split: "" -%}
+	{%- assign sortedSubMenuLinks = "" | split: "" -%}
+
+	{%- for menuIndex in sortedSubMenuIndexes -%}
+		{%- if menuIndex != -1 -%}
+			{%- for aMenuIndex in subMenuIndexes -%}
+				{%- if aMenuIndex == menuIndex -%}
+					{%- assign sortedSubMenuTitles = sortedSubMenuTitles | push: subMenuTitles[forloop.index0] -%}
+					{%- assign sortedSubMenuUrls = sortedSubMenuUrls | push: subMenuUrls[forloop.index0] -%}
+					{%- assign sortedSubMenuLinks = sortedSubMenuLinks | push: subMenuLinks[forloop.index0] -%}
+					{%- continue -%}
+				{%- endif -%}
+			{%- endfor -%}
+		{%- endif -%}
+	{%- endfor -%}
+	{%- for aMenuIndex in subMenuIndexes -%}
+		{%- if aMenuIndex == -1 -%}
+			{%- assign sortedSubMenuTitles = sortedSubMenuTitles | push: subMenuTitles[forloop.index0] -%}
+			{%- assign sortedSubMenuUrls = sortedSubMenuUrls | push: subMenuUrls[forloop.index0] -%}
+			{%- assign sortedSubMenuLinks = sortedSubMenuLinks | push: subMenuLinks[forloop.index0] -%}
+			{%- continue -%}
+		{%- endif -%}
+	{%- endfor -%}
+
+
+
+	{%- for subMenuTitle in sortedSubMenuTitles -%}
+	
+		{%- comment -%}<!-- Repeat the above, for the submenu title, building the subsub menu -->{%- endcomment -%}
+
+		{%- assign subsubMenuTitles = "" | split: "" -%}
+		{%- assign subsubMenuIndexes = "" | split: "" -%}
+		{%- assign subsubMenuUrls = "" | split: "" -%}
+		{%- assign subsubMenuLinks = "" | split: "" -%}
+
+		{%- for ape in topTitlePages -%}
+			{%- if ape.menuSubs != nil -%}
+				{%- for sub in ape.menuSubs -%}
+					{%- if sub.title == subMenuTitle -%}
+						{%- if sub.sub != nil -%}
+							{%- for subsub in sub.sub -%}
+								{%- assign subsubMenuTitles = subsubMenuTitles | push: subsub.title -%}
+								{%- if subsub.index != nil -%}
+									{%- assign subsubMenuIndexes = subsubMenuIndexes | push: subsub.index -%}
+								{%- else -%}
+									{%- assign subsubMenuIndexes = subsubMenuIndexes | push: -1 -%}
+								{%- endif -%}
+								{%- if subsub.url != nil -%}
+									{%- if subsub.anchorId != nil -%}
+										{%- assign urlWithAnchorId = subsub.url | append: '#' | append: subsub.anchorId -%}
+									{%- else -%}
+										{%- assign urlWithAnchorId = subsub.url -%}
+									{%- endif -%}
+								{%- else -%}
+									{%- if subsub.anchorId != nil -%}
+										{%- assign urlWithAnchorId = ape.url | append: '#' | append: subsub.anchorId -%}
+									{%- else -%}
+										{%- assign urlWithAnchorId = ape.url -%}
+									{%- endif -%}
+								{%- endif -%}
+								{%- assign subsubMenuUrls = subsubMenuUrls | push: urlWithAnchorId -%}
+								{%- if subsub.link != nil -%}
+									{%- assign subsubMenuLinks = subsubMenuLinks | push: subsub.link -%}
+								{%- else -%}
+									{%- assign subsubMenuLinks = subsubMenuLinks | push: true -%}
+								{%- endif -%}
+							{%- endfor -%}
+						{%- endif -%}
+					{%- endif -%}
+				{%- endfor -%}
+			{%- endif -%}
+		{%- endfor -%}
+
+		{%- comment -%}<!-- Sort all 4 the lists based on the index of the subMenu that was read -->{%- endcomment -%}
+		
+		{%- assign sortedSubsubMenuTitles = "" | split: "" -%}
+		{%- assign sortedSubsubMenuIndexes = subsubMenuIndexes | sort -%}
+		{%- assign sortedSubsubMenuUrls = "" | split: "" -%}
+		{%- assign sortedSubsubMenuLinks = "" | split: "" -%}
+
+		{%- for menuIndex in sortedSubsubMenuIndexes -%}
+			{%- if menuIndex != -1 -%}
+				{%- for aMenuIndex in subsubMenuIndexes -%}
+					{%- if aMenuIndex == menuIndex -%}
+						{%- assign sortedSubsubMenuTitles = sortedSubsubMenuTitles | push: subsubMenuTitles[forloop.index0] -%}
+						{%- assign sortedSubsubMenuUrls = sortedSubsubMenuUrls | push: subsubMenuUrls[forloop.index0] -%}
+						{%- assign sortedSubsubMenuLinks = sortedSubsubMenuLinks | push: subsubMenuLinks[forloop.index0] -%}
+						{%- continue -%}
+					{%- endif -%}
+				{%- endfor -%}
+			{%- endif -%}
+		{%- endfor -%}
+		{%- for aMenuIndex in subsubMenuIndexes -%}
+			{%- if aMenuIndex == -1 -%}
+				{%- assign sortedSubsubMenuTitles = sortedSubsubMenuTitles | push: subsubMenuTitles[forloop.index0] -%}
+				{%- assign sortedSubsubMenuUrls = sortedSubsubMenuUrls | push: subsubMenuUrls[forloop.index0] -%}
+				{%- assign sortedSubsubMenuLinks = sortedSubsubMenuLinks | push: subsubMenuLinks[forloop.index0] -%}
+				{%- continue -%}
+			{%- endif -%}
+		{%- endfor %}		
+		<div class="subitem">
+		
+		{%- comment -%}<!-- Sub menu item -->{%- endcomment -%}
+			
+		{%- if sortedSubsubMenuTitles.size == 0 -%}
+			{%- if sortedSubMenuLinks[forloop.index0] != false -%}
+				{%- if sortedSubMenuUrls[forloop.index0] == page.url %}
+			<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 -%}
+			{%- else %}
+			<div class="sub">
+				<div class="disclosure"><p></p></div>
+				<div class="title"><p>{{ subMenuTitle }}</p></div>
+			</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 %}
+			<div class="sub-isActivePage">
+				<label class="disclosure show-hover" for="{{ subMenuTitle | 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 %}
+			<div class="sub-hasLink">
+				<label class="disclosure show-hover" for="{{ subMenuTitle | 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 -%}
+			{%- else %}
+			<div class="sub">
+				<label class="disclosure show-hover" for="{{ subMenuTitle | append:'-vmenu-' | append: include.label-modifier }}">
+					<p class="symbol"><!-- will be filled by disclosure indicator --></p>
+				</label>
+				<div class="title"><p>{{ subMenuTitle }}</p></div>
+			</div>
+			{%- endif -%}
+
+		    {%- comment -%}<!-- Sub sub menu items -->{%- endcomment -%}
+			    
+    		{%- for subsubTitle in sortedSubsubMenuTitles -%}
+		    	{%- if sortedSubsubMenuLinks[forloop.index0] != false -%}
+			    	{%- if sortedSubsubMenuUrls[forloop.index0] == page.url %}
+			<div class="subsub-isActivePage">
+				<div class="disclosure"><p></p></div>
+				<div class="title">
+					<a href="{{ sortedSubsubMenuUrls[forloop.index0] | relative_url }}"><p>{{ subsubTitle }}</p></a>
+				</div>
+    		</div>
+					{%- else %}
+			<div class="subsub-hasLink">
+				<div class="disclosure"><p></p></div>
+				<div class="title">
+					<a href="{{ sortedSubsubMenuUrls[forloop.index0] | relative_url }}"><p>{{ subsubTitle }}</p></a>
+				</div>
+    		</div>
+					{% endif -%}
+				{%- else %}
+			<div class="subsub">
+				<div class="disclosure"><p></p></div>
+				<div class="title"><p>{{ subsubTitle }}</p></div>
+    		</div>
+				{%- endif -%}
+	    	{%- endfor -%}			
+   		{%- endif %}
+		</div>
+	{%- endfor %}
+	</div>
+</nav>
+{%- endif %}
+<!-- end of include vertical-menu.html -->

data/_includes/widgets/browser-info.html

@@ -1,3 +1,5 @@
+
+<!-- include browser-info.html -->
 <div class="browser-info">
 	<h1>Browser information:</h1>
 	<p>This website uses CSS3 & HTML5. It is recommended to use a modern browser with at least the following version number:</p>
@@ -9,5 +11,6 @@
 		<li>Safari 9.0</li>
 		<li>Opera 17.0</li>
 	</ul>
-	<p>Problems? please <a href="/pages/contact/contact.html">contact</a> me.</p>
-</div>
+	<p>Problems? please <a href="{{ "/pages/contact/contact.html" | relative_url }}">contact</a> me.</p>
+</div>
+<!-- end of include browser-info.html -->

data/_includes/widgets/categories.html

@@ -0,0 +1,21 @@
+
+<!-- include categories.html -->
+{%- if jekyll.environment != 'production' and site.data.setup.fast-content-build -%}{%- else %}
+<div class="categories">
+	{%- assign categories = 'Categories' -%}
+	{%- if site.data.text-for.tCategories -%}{%- assign categories = site.data.text-for.tCategories -%}{%- endif %}
+	<input type="checkbox" id={{ "category-checkbox" | append: include.label-modifier }}>
+	<label for={{ "category-checkbox" | append: include.label-modifier }}><h1>{{ categories }}</h1></label>
+	{%- assign cats = site.pages | where:'layout', 'category-page' | sort:'title' -%}
+	{%- if cats.size > 0 -%}
+		{%- for cat in cats %}
+	<div class="title"><a href="{{ cat.url | relative_url }}"><p>{{ cat.title | capitalize }}</p></a></div>
+		{%- endfor -%}
+	{%- else -%}
+		{%- assign no-categories = 'None' -%}
+		{%- if site.data.text-for.tNoCategories -%}{%- assign no-categories = site.data.text-for.tNoCategories -%}{%- endif %}
+	<div class="title"><p>{{ no-categories | capitalize }}</p></div>
+	{%- endif %}
+</div>
+{%- endif %}
+<!-- end of include categories.html -->

data/_includes/widgets/cookie-consent.html

@@ -1,4 +1,4 @@
-{% comment %}
+{%- comment -%}<!--
 
 Usage:
 
@@ -6,16 +6,16 @@ Enable the cookie consent script by setting the "_data/setup.yml" item `enable-c
 
 Configure the text for the message and the buttons in "_data/text-for.yml" for the items `tUsesCookies`, `tCookieOk` and `tMoreInfo`
 
-{% endcomment %}
-{% assign usesCookies = 'This site uses cookies' %}
-{% if site.data.text-for.tUsesCookies %}{% assign usesCookies = site.data.text-for.tUsesCookies %}{% endif %}
-{% assign cookieOk = 'OK' %}
-{% if site.data.text-for.tCookieOk %}{% assign cookieOk = site.data.text-for.tCookieOk %}{% endif %}
-{% assign moreInfo = 'More info' %}
-{% if site.data.text-for.tMoreInfo %}{% assign moreInfo = site.data.text-for.tMoreInfo %}{% endif %}
+-->{%- endcomment -%}
+{%- assign usesCookies = 'This site uses cookies' -%}
+{%- if site.data.text-for.tUsesCookies -%}{%- assign usesCookies = site.data.text-for.tUsesCookies -%}{%- endif -%}
+{%- assign cookieOk = 'OK' -%}
+{%- if site.data.text-for.tCookieOk -%}{%- assign cookieOk = site.data.text-for.tCookieOk -%}{%- endif -%}
+{%- assign moreInfo = 'More info' -%}
+{%- if site.data.text-for.tMoreInfo -%}{%- assign moreInfo = site.data.text-for.tMoreInfo -%}{%- endif -%}
 <script type="text/javascript">
-    window.cookieconsent_options = {"message":"{{ usesCookies }}","dismiss":"{{ cookieOk }}","learnMore":"{{ moreInfo}}","link":"/pages/cookie-consent/cookie-consent.html","theme":"dark-top"};
+    window.cookieconsent_options = {"message":"{{ usesCookies }}","dismiss":"{{ cookieOk }}","learnMore":"{{ moreInfo}}","link":"/pages/cookie-consent/cookie-consent.html | relative_url ","theme":"dark-top"};
 </script>
 
-<script type="text/javascript" src="/assets/js/cookieconsent.min.js"></script>
+<script type="text/javascript" src="/assets/js/cookieconsent.min.js | relative_url "></script>
 <!-- End Cookie Consent plugin -->

data/_includes/widgets/older-posts.html

@@ -1,50 +1,71 @@
-{% comment %}
+
+<!-- include older-posts.html -->
+{%- if jekyll.environment != 'production' and site.data.setup.fast-content-build -%}{%- else -%}
+{%- comment -%}<!--
 
 Usage:
 
 Translations can be configure in the _data/text-for.yml file for the items `tOlderPosts` and `tMonths`.
 
-{% endcomment %}
+-->{%- endcomment %}
 <div class="older-posts">
-	{% assign olderPosts = 'Older Posts' %}
-	{% if site.data.text-for.tOlderPosts %}{% assign olderPosts = site.data.text-for.tOlderPosts %}{% endif %}
-	{% assign currentYear = "" %}
-	{% assign currentMonth = "" %}
-	{% assign yearDetails = 'no' %}
-	{% assign monthDetails = 'no' %}
+	{%- assign olderPosts = 'Older Posts' -%}
+	{%- if site.data.text-for.tOlderPosts -%}{%- assign olderPosts = site.data.text-for.tOlderPosts -%}{%- endif -%}
+	{%- assign currentYear = "" -%}
+	{%- assign currentMonth = "" -%}
+	{%- assign yearDetails = false -%}
+	{%- assign monthDetails = false %}
 	<h1>{{ olderPosts }}:</h1>
-	{% for post in site.posts %}
-		{% assign postYear = post.date | date: "%Y" %}
-		{% assign postMonth = post.date | date: "%m" %}
-		{% if postYear != currentYear %}
-			{% assign currentYear = postYear %}
-			{% if monthDetails == 'yes' %}</details>{% assign monthDetails == 'no' %}{% endif %}
-			{% if yearDetails == 'yes' %}</details>{% assign yearDetails == 'no' %}{% endif %}
-			<details class="year-details"><summary>{{ currentYear }}</summary>
-			{% assign yearDetails = 'yes' %}
-		{% endif %}
-		{% if postMonth != currentMonth %}
-			{% if postMonth == '01' %}{% assign monthString = site.data.text-for.tMonths[1] %}
-			{% elsif postMonth == '02' %}{% assign monthString = site.data.text-for.tMonths[2] %}
-			{% elsif postMonth == '03' %}{% assign monthString = site.data.text-for.tMonths[3] %}
-			{% elsif postMonth == '04' %}{% assign monthString = site.data.text-for.tMonths[4] %}
-			{% elsif postMonth == '05' %}{% assign monthString = site.data.text-for.tMonths[5] %}
-			{% elsif postMonth == '06' %}{% assign monthString = site.data.text-for.tMonths[6] %}
-			{% elsif postMonth == '07' %}{% assign monthString = site.data.text-for.tMonths[7] %}
-			{% elsif postMonth == '08' %}{% assign monthString = site.data.text-for.tMonths[8] %}
-			{% elsif postMonth == '09' %}{% assign monthString = site.data.text-for.tMonths[9] %}
-			{% elsif postMonth == '10' %}{% assign monthString = site.data.text-for.tMonths[10] %}
-			{% elsif postMonth == '11' %}{% assign monthString = site.data.text-for.tMonths[11] %}
-			{% elsif postMonth == '12' %}{% assign monthString = site.data.text-for.tMonths[12] %}
-			{% endif %}
-			{% assign currentMonth = postMonth %}
-			{% if monthDetails == 'yes' %}</details>{% assign monthDetails == 'no' %}{% endif %}
-			<details class="month-details"><summary>{{ monthString }}</summary>
-			{% assign monthDetails = 'yes' %}
-		{% endif %}
-		<p><a href="{{ post.url }}">{{ post.title }}</a></p>
-	{% endfor %}
-	{% if monthDetails == yes %}</details>{% assign monthDetails == no %}{% endif %}
-	{% if yearDetails == yes %}</details>{% assign yearDetails == no %}{% endif %}
+	{%- for post in site.posts -%}
+		{%- assign postYear = post.date | date: "%Y" -%}
+		{%- assign postMonth = post.date | date: "%m" -%}
+		{%- if postYear != currentYear -%}
+			{%- assign currentYear = postYear -%}
+			{%- if monthDetails %}
+		</details>
+				{%- assign monthDetails == false -%}
+			{%- endif -%}
+			{%- if yearDetails %}
+	</details>
+				{%- assign yearDetails == false -%}
+			{%- endif %}
+	<details class="year-details">
+		<summary>{{ currentYear }}</summary>
+			{%- assign yearDetails = true -%}
+		{%- endif -%}
+		{%- if postMonth != currentMonth -%}
+			{%- if postMonth == '01' -%}{%- assign monthString = site.data.text-for.tMonths[1] -%}
+			{%- elsif postMonth == '02' -%}{%- assign monthString = site.data.text-for.tMonths[2] -%}
+			{%- elsif postMonth == '03' -%}{%- assign monthString = site.data.text-for.tMonths[3] -%}
+			{%- elsif postMonth == '04' -%}{%- assign monthString = site.data.text-for.tMonths[4] -%}
+			{%- elsif postMonth == '05' -%}{%- assign monthString = site.data.text-for.tMonths[5] -%}
+			{%- elsif postMonth == '06' -%}{%- assign monthString = site.data.text-for.tMonths[6] -%}
+			{%- elsif postMonth == '07' -%}{%- assign monthString = site.data.text-for.tMonths[7] -%}
+			{%- elsif postMonth == '08' -%}{%- assign monthString = site.data.text-for.tMonths[8] -%}
+			{%- elsif postMonth == '09' -%}{%- assign monthString = site.data.text-for.tMonths[9] -%}
+			{%- elsif postMonth == '10' -%}{%- assign monthString = site.data.text-for.tMonths[10] -%}
+			{%- elsif postMonth == '11' -%}{%- assign monthString = site.data.text-for.tMonths[11] -%}
+			{%- elsif postMonth == '12' -%}{%- assign monthString = site.data.text-for.tMonths[12] -%}
+			{%- endif -%}
+			{%- assign currentMonth = postMonth -%}
+			{%- if monthDetails %}
+		</details>
+				{%- assign monthDetails == false -%}
+			{%- endif %}
+		<details class="month-details">
+			<summary>{{ monthString }}</summary>
+			{%- assign monthDetails = true -%}
+		{%- endif %}
+			<a href="{{ post.url | relative_url }}"><p>{{ post.title }}</p></a>
+	{%- endfor -%}
+	{%- if monthDetails %}
+		</details>
+		{%- assign monthDetails == false -%}
+	{%- endif %}
+	{%- if yearDetails %}
+	</details>
+		{%- assign yearDetails == false -%}
+	{%- endif %}
 </div>
-
+{%- endif %}
+<!-- end of include older-posts.html -->