summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--README.md15
-rw-r--r--assets/css/main.css9
-rw-r--r--layouts/_default/single.html23
-rw-r--r--layouts/partials/breadcrumbs.html7
4 files changed, 42 insertions, 12 deletions
diff --git a/README.md b/README.md
index 4f55921..7db4c01 100644
--- a/README.md
+++ b/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. \ No newline at end of file
diff --git a/assets/css/main.css b/assets/css/main.css
index 830da4e..87106c7 100644
--- a/assets/css/main.css
+++ b/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));
} \ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3eb46af..59ab477 100644
--- a/layouts/_default/single.html
+++ b/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 }}
diff --git a/layouts/partials/breadcrumbs.html b/layouts/partials/breadcrumbs.html
index 9040d1f..30a4df1 100644
--- a/layouts/partials/breadcrumbs.html
+++ b/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> \ No newline at end of file
+ <a class="breadcrumbs-current" href="{{ .RelPermalink }}">{{ .Title }}</a>
+</div>
+{{ end }} \ No newline at end of file