Breadcrumbs and tags

README.md

@@ -105,7 +105,9 @@ The fonts in use are [Literata](https://fonts.google.com/specimen/Literata) and
 Various miscellaneous features: 
 - Latex blocks overflows on mobile to prevent having strange alignments;
 - Code blocks are displayed with ligatures;
-- [Giscus](https://giscus.app/) comments support.
+- [Giscus](https://giscus.app/) comments support;
+- Breadcrumbs;
+- Tags and ability to not show them on posts.
 
 ### 2.6 Extending the theme
 
@@ -125,6 +127,8 @@ toc: true
 readTime: true
 autonumber: true
 math: true
+tags: ["information-retrieval", "rust"]
+showTags: false
 ---
 
 Your content...
@@ -138,9 +142,6 @@ languageCode = 'en-us'
 title = 'Title'
 theme = 'Typo'
 
-# Disable tags, actually, they are rendered as a list, but the idea is to disable them.
-disableKinds = ['taxonomy']
-
 # Google analytics code
 googleAnalytics = "G-xxxxxxxxxx"
 
@@ -168,6 +169,9 @@ listSummaries = true
 # List entries date format
 listDateFormat = '2 Jan 2006'
 
+# Breadcrumbs
+breadcrumbs = true
+
 # Social icons
 [[params.social]]
 name = "linkedin"
@@ -225,5 +229,4 @@ Leave a star if you are using the theme, I would really appreciate! :star:
 ## 6 Future Works
 
 - [ ] Bring SEO and [performance metrics](https://pagespeed.web.dev/) to 100% both on mobile and desktop;
-- [ ] Add color palettes; 
-- [ ] Add a proper Tags page;
+- [ ] Add color palettes.

assets/css/main.css

@@ -265,6 +265,14 @@ footer a {
   margin-bottom: 6rem;
 }
 
+.single-tags {
+  margin-top: -1rem;
+}
+
+.single-tags span {
+  margin-right: .3rem;
+}
+
 /* Table of contents */
 
 .toc {
@@ -346,4 +354,5 @@ footer a {
 .breadcrumbs {
   /* font-family: "Monaspace"; */
   font-size: small;
+  margin-bottom: calc(-0.5 * var(--h1-margin-top));
 }

layouts/_default/single.html

@@ -6,7 +6,7 @@
 
 <div {{ if .Param "autonumber" }} class="autonumber" {{ end }}>
 
-  <div class=" single-intro-container">
+  <div class="single-intro-container">
 
     {{/* Title and Summary */}}
 
@@ -32,11 +32,28 @@
 
   </div>
 
-  {{/* {{ .Params.tags }} */}}
+  {{ if .Param "showTags" }}
+
+  {{ $taxonomy := "tags" }}
+
+  {{ with .Param $taxonomy }}
+  {{ $last := sub (. | len) 1 }}
+
+  <div class="single-tags">
+    {{ range $index, $tag := . }}
+    {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $tag) -}}
+    <span>
+      <a href="{{ .Permalink }}">#{{ $tag | urlize }}</a>
+    </span>
+    {{ end }}
+    {{ end }}
+  </div>
+  {{ end }}
+  {{ end }}
 
   {{/* Table of Content */}}
 
-  {{if .Param "toc" }}
+  {{ if .Param "toc" }}
   <aside class="toc">
     <p><strong>Table of contents</strong></p>
     {{ .TableOfContents }}

layouts/partials/breadcrumbs.html

@@ -1,8 +1,9 @@
+{{ if .Site.Params.breadcrumbs }}
 <div class="breadcrumbs">
     {{ range .Ancestors.Reverse }}
     <a href="{{ .RelPermalink }}">{{ .Title }}</a>
     <span class="breadcrumbs-separator"> > </span>
     {{ end }}
-
-    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
-</div>
+    <a class="breadcrumbs-current" href="{{ .RelPermalink }}">{{ .Title }}</a>
+</div>
+{{ end }}