From 7f871f29fcc64e708eec9eef4785aa7438a2b7ed Mon Sep 17 00:00:00 2001
From: Romain Lafourcade <romain.lafourcade@digitaslbi.fr>
Date: Sun, 29 Dec 2019 11:49:58 +0100
Subject: [PATCH] Add post-layout logic as per
 https://github.com/vim-advent-calendar/vimways.org/issues/85

---
 themes/vimways/layouts/_default/list.html |  4 ++--
 themes/vimways/static/js/main.js          | 22 ++++++++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/themes/vimways/layouts/_default/list.html b/themes/vimways/layouts/_default/list.html
index 22d209f..6f4f824 100644
--- a/themes/vimways/layouts/_default/list.html
+++ b/themes/vimways/layouts/_default/list.html
@@ -51,7 +51,7 @@ <h2>{{ .Title }}</h2>
 		<div class="articles">
 			{{ range $pages_on_screen }}
 				{{ if hasPrefix . "ko" }}
-					<div class="future">
+					<div class="future" data-movable="{{ strings.TrimPrefix "ko" . }}">
 						<article>
 							<div class="bar"></div>
 							<div class="tile">
@@ -87,7 +87,7 @@ <h2 class="spoiler">
 					</div>
 				{{ else }}
 					{{ with (index (sort $.Pages.ByPublishDate "value" "desc") (int .)) }}
-						<a href="{{ .Permalink }}">
+					<a href="{{ .Permalink }}" class="-{{ .PublishDate.Format "2" }}-{{ .PublishDate.Format "January" }}">
 							<article>
 								<div class="tile">
 									<div class="date">
diff --git a/themes/vimways/static/js/main.js b/themes/vimways/static/js/main.js
index 6bf86b1..f7a0d69 100644
--- a/themes/vimways/static/js/main.js
+++ b/themes/vimways/static/js/main.js
@@ -6,4 +6,26 @@ document.addEventListener("DOMContentLoaded", function() {
 			window.location.href = this.elements[0].value;
 		}, false);
 	}
+
+	if (window.location.pathname === '/2019/') {
+		var futures = document.querySelectorAll('.future');
+		var container = document.querySelector('.container > .articles');
+
+		var articles = [];
+
+		futures.forEach(function(future){
+			var movable = parseInt(future.attributes['data-movable'].value, 10);
+			if (movable > 0 && movable <= 5) {
+				articles.push(future);
+			}
+			if (movable > 5 && movable < 25) {
+				future.parentNode.removeChild(future);
+			}
+		});
+
+		articles.forEach(function(article) {
+			article.querySelector('.month-year').innerHTML = 'January';
+			container.appendChild(article);
+		});
+	}
 }, false);