From 3b47236852feb7dca7e1c7a1815d95c73c970568 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Avijit=20=F0=9F=9A=80?= <526avijit@gmail.com> Date: Sat, 29 May 2021 18:13:06 +0200 Subject: [PATCH] All tags page draft --- themes/gokarna/layouts/_default/tags.html | 53 ++++++++++++++++++ themes/gokarna/layouts/partials/header.html | 62 ++++++++++----------- themes/gokarna/static/css/main.css | 37 ++++++++++-- 3 files changed, 117 insertions(+), 35 deletions(-) create mode 100644 themes/gokarna/layouts/_default/tags.html diff --git a/themes/gokarna/layouts/_default/tags.html b/themes/gokarna/layouts/_default/tags.html new file mode 100644 index 0000000..08e69a0 --- /dev/null +++ b/themes/gokarna/layouts/_default/tags.html @@ -0,0 +1,53 @@ + + +{{- partial "head.html" . -}} + + + {{- partial "header.html" . -}} +
+ +
+ +

Tags

+ + +
+ +
+ {{- partial "footer.html" . -}} + + + \ No newline at end of file diff --git a/themes/gokarna/layouts/partials/header.html b/themes/gokarna/layouts/partials/header.html index 3b26285..3739fb1 100644 --- a/themes/gokarna/layouts/partials/header.html +++ b/themes/gokarna/layouts/partials/header.html @@ -1,37 +1,37 @@ -
- +
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css index 39fe9c8..4881d9c 100644 --- a/themes/gokarna/static/css/main.css +++ b/themes/gokarna/static/css/main.css @@ -50,12 +50,12 @@ html { .header-nav .avatar { float: left; - /* display: inline-block; */ margin-left: 15px; height: 100%; border: 0.5px solid white; border-radius: 18px; } + .header-nav .avatar img { display: block; width: 50px; @@ -108,22 +108,27 @@ html { color: gray; } -.post .post-tags { +.post-tags { padding: 0; list-style-type: none; } .post-tags .post-tag { display: inline-block; - background-color: #008c86; + background-color: #00b5ad; padding: 4px 12px; border-radius: 4px; - border: 1px solid #008c86; + border: 1px solid #00b5ad; color: white; font-size: 14px; font-weight: 700; } +.post-tag a { + text-decoration: none; + color: inherit; +} + .post .post-content { margin-top: 50px; } @@ -143,3 +148,27 @@ html { .post-title .post-date { float: right; } + +.tags-list .post-tags { + margin-top: 50px; +} + +.tags-list .post-tags .post-tag { + padding: 0; + margin: 0 5px; +} + +.tags-list .post-tags .post-tag:hover { + background-color: #009c95; + border: 1px solid #00b5ad; +} + +.tags-list .post-tags .post-tag a div { + display: inline-block; + padding: 5px 8px; +} + +.tags-list .post-tags .post-tag a .tag-posts-count { + background: rgba(0, 0, 0, 0.1); + opacity: 0.8; +}