Added taglist and fixed blog index.md (part 2)

1 year ago · 7baf69ca4e
parent bd8246c2f3
commit 7baf69ca4e
6 changed files with 60 additions and 16 deletions
--- a/layouts/index.html
+++ b/layouts/index.html
@ -74,11 +74,11 @@
                posts:</p>
            <ul class='i-blog'>
                <!-- Ranges through content/posts/*.md -->
-                {{ range where .Paginator.Pages "Section" "posts" }}
-                <li>{{.Date.Format "2006 Jan 02"}} - <a href="{{.Permalink}}">{{.Title}}</a></li>
+                {{ range where .Paginator.Pages.ByDate.Reverse "Section" "posts" | first 8 }}
+                <li>{{.Date.Format "2006 Jan 02"}} - <a href="{{.RelPermalink}}">{{.Title}}</a></li>
                {{ end }}
            </ul>
-            <p class="i-blog"><a href="./posts">Read more ...</a></p>
+            <p class="i-blog"><a href="./posts">Read more...</a></p>

            <h2>
            <span class="i-big-icon">
--- a/layouts/shortcodes/taglist.html
+++ b/layouts/shortcodes/taglist.html
@ -1,10 +1,13 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>$Title$</title>
-</head>
-<body>
-$END$
-</body>
-</html>
+<div class="taglist">
+    <div class='tag-title'>
+        <h1>Tags</h1>
+        <hr style="margin-top: 10px;"/>
+    </div>
+    <div class='tag-content'>
+        {{ range where .Site.Pages "Kind" "term" }}
+        <span class="tag">
+            <a href="{{ .RelPermalink }}">#{{ .Title }}</a>
+        </span>
+        {{ end }}
+    </div>
+</div>
--- a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.content
+++ b/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.content
--- a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json
+++ b/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json
@ -1 +1 @@
-{"Target":"main.254147b791cae792647ee763946254efdf7821dfe56cd8a49db0052c87cc020d.css","MediaType":"text/css","Data":{"Integrity":"sha256-JUFHt5HK55JkfudjlGJU7994Id/lbNiknbAFLIfMAg0="}}
+{"Target":"main.f34f5deba7cc460177e4e91ccd25c29ab2919edd7a71a72cc6218644411fafd8.css","MediaType":"text/css","Data":{"Integrity":"sha256-809d66fMRgF35OkczSXCmrKRnt16cacsxiGGREEfr9g="}}
--- a/themes/hello-friend-ng/assets/scss/_taglist.scss
+++ b/themes/hello-friend-ng/assets/scss/_taglist.scss
@ -0,0 +1,40 @@
+.taglist {
+  display: block;
+  justify-content: center;
+  width: 80%;
+  max-width: 800px;
+  margin-bottom: 40px;
+  border: 1px solid #A337F0;
+  border-radius: 5px;
+  padding-bottom: 10px;
+}
+
+.tag-title h1 {
+  color: #D092FC;
+  font-weight: bold;
+  text-align: center;
+  font-size: 30px;
+  margin: 10px 30px 0;
+}
+
+.tag-content {
+  text-align: center;
+  margin:20px;
+}
+
+.tag-title hr {
+  width: 85%;
+}
+
+.tag a {
+  text-decoration: none;
+}
+
+.tag a:hover {
+  color: white;
+}
+
+.tag:not(:last-child)::after {
+  content: "•";
+  padding: 1px;
+}
--- a/themes/hello-friend-ng/assets/scss/main.scss
+++ b/themes/hello-friend-ng/assets/scss/main.scss
@ -18,4 +18,5 @@
@import "tables";
@import "404";
@import "icons";
-@import "index"
+@import "index";
+@import "taglist";