[awk-edits/Pagenav] Added breadcrumbs navigation

2 files changed, 30 insertions, 3 deletions

diff --git a/awk-edits/Pagenav.awk b/awk-edits/Pagenav.awk
index 14772ef..3b05c10 100644
--- a/awk-edits/Pagenav.awk
+++ b/awk-edits/Pagenav.awk
@@ -16,10 +16,34 @@
 
 nopagenav == 0 && /<h1/ {
 	match(FILENAME, /(blog|slides|teaching|tutorials|misc)\/.*\//)
+	path = substr(FILENAME, RSTART, length(FILENAME) - RSTART - 3)
+
+	# Stats element
+	stats = "<div id=\"pagenav-stats\">" ORS \
+"	<strong>Reading: " (int(words / 180) + 1) " min</strong> || <strong>Created: " created "</strong> || <strong>Edited: " edited "</strong>" ORS \
+"	|| <a href=\"https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/" path "md\"><strong>GitLab source</strong></a>" ORS \
+"</div>"
+
+	# Breadcrumbs element
+	sub(/\/[^/]*$/, "", path)
+	foldersLen = split(path, folders, "/")
+
+	href = ".."
+	breadcrumb = " &raquo; <em>" folders[foldersLen] "</em>"
+	for (i = foldersLen-1; i > 0; i--) {
+		breadcrumb = " &raquo; " "<a href=" href ">" folders[i] "</a>" breadcrumb
+		href = "../" href
+	}
+	breadcrumb = \
+"	<div id=\"pagenav-breadcrumb\">" ORS \
+"		" breadcrumb ORS \
+"	</div>"
+
+	# Pagenav element
 	$0 = $0 ORS \
 "<div id=\"pagenav\">" ORS \
-"	<strong>Reading: " (int(words / 180) + 1) " min</strong> || <strong>Created: " created "</strong> || <strong>Edited: " edited "</strong>" ORS \
-"	|| <a href=\"https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/" substr(FILENAME, RSTART, length(FILENAME) - RSTART - 3) "md\"><strong>GitLab source</strong></a>" ORS \
+	stats ORS \
+	breadcrumb ORS \
 "</div>"
 
 	nopagenav = 1
diff --git a/src/styles.csma b/src/styles.csma
index 764e2ec..29d63fe 100644
--- a/src/styles.csma
+++ b/src/styles.csma
@@ -320,8 +320,11 @@
     font-size: 0.8em;
     margin: 0 0 3rem 2rem;
   }
-  #pagenav > * { white-space: nowrap; }
+  #pagenav strong, #pagenav a { white-space: nowrap; }
   #pagenav + h2, #pagenav + h3, #pagenav + h4 { margin-top: 0; }
+
+  #pagenav-breadcrumb { font-weight: bold; }
+  #pagenav-breadcrumb em { font-weight: normal; }
 }
 }