From b8dda716d04a20cdea12e89f5360947ddd68ad91 Mon Sep 17 00:00:00 2001
From: Alexandre Vicenzi <vicenzi.alexandre@gmail.com>
Date: Thu, 25 Feb 2021 21:56:48 +0100
Subject: [PATCH] Fixes
---
layouts/_default/category.html | 8 ++---
layouts/_default/list.html | 12 +++----
layouts/_default/single.html | 15 +++++----
layouts/_default/taxonomy.html | 8 ++---
layouts/partials/sidebar.html | 8 +++--
layouts/partials/tags.html | 2 ++
layouts/partials/theme-color.html | 4 +++
static/css/hyde.css | 54 +++++++++++++++++++++++++++----
static/css/poole.css | 50 ++++++++++++++++++++--------
static/css/print.css | 2 +-
10 files changed, 119 insertions(+), 44 deletions(-)
diff --git a/layouts/_default/category.html b/layouts/_default/category.html
index f66747e..d885ed1 100644
--- a/layouts/_default/category.html
+++ b/layouts/_default/category.html
@@ -3,10 +3,10 @@
<h1>Category: {{ .Title }}</h1>
{{ range .Data.Pages -}}
<li>
- <span>
- <a href="{{ .Permalink }}">{{ .Title }}</a>
- <time class="pull-right post-list" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
- </span>
+ <div class="flex">
+ <a href="{{ .Permalink }}" class="truncate">{{ .Title }}</a>
+ <time class="nowrap" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
+ </div>
</li>
{{- end }}
</ul>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 752b805..917ca38 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -3,12 +3,12 @@
<h1>{{ .Title }}</h1>
{{ range .Data.Pages -}}
<li>
- <span>
- <a href="{{ .Permalink }}">{{ .Title }}</a>
- {{ if eq .Kind "page" }}
- <time class="pull-right post-list" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
- {{ end }}
- </span>
+ <div class="flex">
+ <a href="{{ .Permalink }}" class="truncate">{{ .Title }}</a>
+ {{ if eq .Kind "page" }}
+ <time class="nowrap" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
+ {{ end }}
+ </div>
</li>
{{- end }}
</ul>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index bb342dc..3d46668 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -5,7 +5,7 @@
{{ if ne .Type "page" -}}
<div class="post-date">
- <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time> · {{ .ReadingTime }} min read
+ <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time> <span class="readtime">· {{ .ReadingTime }} min read</span>
</div>
{{- end }}
@@ -18,11 +18,12 @@
{{ if (and (ne .Params.DisableShare true) (ne .Params.disable_share true)) -}}
{{ partial "share.html" . }}
{{- end }}
-</div>
-
-{{ if (and .Site.DisqusShortname (ne .Params.DisableComments true) (ne .Params.disable_comments true)) -}}
-<h2>Comments</h2>
-{{ template "_internal/disqus.html" . }}
-{{- end }}
+ {{ if (and .Site.DisqusShortname (ne .Params.DisableComments true) (ne .Params.disable_comments true)) -}}
+ <div class="comments">
+ <h2>Comments</h2>
+ {{ template "_internal/disqus.html" . }}
+ </div>
+ {{- end }}
+</div>
{{- end }}
diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html
index 34a87e0..8e4521f 100644
--- a/layouts/_default/taxonomy.html
+++ b/layouts/_default/taxonomy.html
@@ -3,10 +3,10 @@
<h1>Tag: {{ .Title }}</h1>
{{ range .Data.Pages -}}
<li>
- <span>
- <a href="{{ .Permalink }}">{{ .Title }}</a>
- <time class="pull-right post-list" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
- </span>
+ <div class="flex">
+ <a href="{{ .Permalink }}" class="truncate">{{ .Title }}</a>
+ <time class="nowrap" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
+ </div>
</li>
{{- end }}
</ul>
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 8384905..48bfd1a 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -3,12 +3,16 @@
<div class="sidebar-about">
{{ with .Site.Params.gravatar }}
<div class="author-image">
- <img src="https://www.gravatar.com/avatar/{{md5 .}}?s=200&d=mp" class="img-circle img-headshot center" alt="Gravatar">
+ <a href="{{ $.Site.BaseURL }}">
+ <img src="https://www.gravatar.com/avatar/{{md5 .}}?s=200&d=mp" class="img-circle img-headshot center" alt="Gravatar">
+ </a>
</div>
{{ else }}
{{ with .Site.Params.profilePicture }}
<div class="author-image">
- <img src="{{ . | relURL }}" class="img-circle img-headshot center" alt="Profile Picture">
+ <a href="{{ $.Site.BaseURL }}">
+ <img src="{{ . | relURL }}" class="img-circle img-headshot center" alt="Profile Picture">
+ </a>
</div>
{{ end }}
{{ end }}
diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html
index 8423d9a..5b209eb 100644
--- a/layouts/partials/tags.html
+++ b/layouts/partials/tags.html
@@ -1,3 +1,4 @@
+{{ if isset .Params "tags" }}
<div>
<ul class="tags">
{{- range $tag := $.Params.tags -}}
@@ -11,3 +12,4 @@
{{- end -}}
</ul>
</div>
+{{ end }}
diff --git a/layouts/partials/theme-color.html b/layouts/partials/theme-color.html
index 9e69895..d7fee43 100644
--- a/layouts/partials/theme-color.html
+++ b/layouts/partials/theme-color.html
@@ -8,6 +8,10 @@
border-color: {{ . }};
}
+ .read-more-link a:hover {
+ background-color: {{ . }};
+ }
+
.pagination li a {
color: {{ . }};
border: 1px solid {{ . }};
diff --git a/static/css/hyde.css b/static/css/hyde.css
index 963a318..199ca8f 100644
--- a/static/css/hyde.css
+++ b/static/css/hyde.css
@@ -70,6 +70,7 @@ html {
footer {
margin-left: 19rem !important;
+ margin-right: 1rem !important;
}
}
@@ -109,8 +110,8 @@ a.sidebar-nav-item:focus {
*/
.content {
- padding-top: 2rem;
- padding-bottom: 2rem;
+ padding-top: 1rem;
+ padding-bottom: 1rem;
min-height: 50%;
}
@@ -125,8 +126,8 @@ footer {
font-size: .7rem;
text-align: center;
height: 40px;
- margin: 2rem 1rem 0 1rem;
padding: 1rem 0;
+ margin: 0 1rem;
border-top: 1px solid #e0e0e0;
}
@@ -186,6 +187,8 @@ footer a,
.read-more-link a:hover {
text-decoration: none;
+ color: #fff;
+ background-color: #49757a;
}
.pull-right {
@@ -194,6 +197,7 @@ footer a,
ul.posts {
list-style: none;
+ padding: 0 1rem;
}
.social-icons,
@@ -201,6 +205,29 @@ ul.posts {
margin-top: 1rem;
}
+ul.posts li,
+.sidebar nav li {
+ font-size: 1.2rem;
+ padding: 0.25rem 0;
+}
+
+.social-icons a {
+ font-size: 1.5rem;
+ padding: 0.2rem;
+}
+
+@media (min-width: 58rem) {
+ .social-icons a {
+ font-size: 1.2rem;
+ }
+
+ ul.posts li,
+ .sidebar nav li {
+ font-size: inherit;
+ padding: 0;
+ }
+}
+
.social-icons a,
.social-icons a:hover,
.social-icons a:focus {
@@ -273,7 +300,7 @@ ul.posts {
.share-buttons {
text-align: center;
- font-size: 1.5rem;
+ font-size: 2rem;
margin-top: 2rem;
}
@@ -288,7 +315,7 @@ ul.posts {
ul.tags {
list-style: none;
padding: 0;
- margin: 2rem 0 1rem 0;
+ margin: 1rem 0;
}
ul.tags li {
@@ -302,7 +329,7 @@ a.tag-link {
border-radius: 3px;
font-size: 0.75rem;
text-decoration: none;
- color: #757575;
+ color: #757575 !important;
}
a.tag-link:hover {
@@ -329,3 +356,18 @@ figcaption {
margin-bottom: .5rem;
font-weight: 400;
}
+
+.truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.flex {
+ display: flex;
+ justify-content: space-between;
+}
+
+.nowrap {
+ white-space: nowrap;
+}
diff --git a/static/css/poole.css b/static/css/poole.css
index cea3a9a..5118626 100644
--- a/static/css/poole.css
+++ b/static/css/poole.css
@@ -147,28 +147,22 @@ abbr[title] {
/* Code */
code,
-pre {
+pre,
+.highlight {
font-family: Menlo, Monaco, "Courier New", monospace;
}
code {
- padding: .25em .5em;
- font-size: 85%;
- color: #b3555e;
- background-color: #f9f9f9;
- border-radius: 3px;
+ color: #e83e8c;
+ white-space: pre;
}
pre {
display: block;
- margin-top: 0;
- margin-bottom: 1rem;
- padding: 1rem;
- font-size: .8rem;
+ overflow: auto;
+ margin: 0;
+ padding: 0;
line-height: 1.4;
white-space: pre;
- white-space: pre-wrap;
- word-break: break-all;
- word-wrap: break-word;
- background-color: #f9f9f9;
+ background-color: #fff;
}
pre code {
padding: 0;
@@ -177,12 +171,29 @@ pre code {
background-color: transparent;
}
.highlight {
+ font-size: 90%;
margin-bottom: 1rem;
border-radius: 4px;
+ border: 1px solid;
+ border-color: #ddd #ddd #ccc;
+ border-radius: 3px;
}
.highlight pre {
margin-bottom: 0;
}
+.chroma .lntable {
+ border-spacing: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+ width: auto;
+ overflow: auto;
+ display: block;
+}
+.chroma .lntd {
+ background-color: #fff;
+ border: 0;
+}
/* Quotes */
blockquote {
@@ -307,6 +318,11 @@ tbody tr:nth-child(odd) th {
margin-bottom: 2em;
}
+.page .title,
+.post .title {
+ font-size: 2rem;
+}
+
/* Blog post or page title */
.page-title,
.post-title,
@@ -315,16 +331,22 @@ tbody tr:nth-child(odd) th {
}
.page-title,
.post-title {
+ font-size: 1.6rem;
margin-top: 0;
}
/* Meta data line below post title */
.post-date {
display: block;
+ font-size: 1.0rem;
margin-bottom: 1rem;
color: #757575;
}
+.posts .post-date {
+ margin-bottom: 0.5rem;
+}
+
/* Related posts */
.related {
padding-top: 2rem;
diff --git a/static/css/print.css b/static/css/print.css
index 7c733f3..74cf1f1 100644
--- a/static/css/print.css
+++ b/static/css/print.css
@@ -1,4 +1,4 @@
-.sidebar, .post-date {
+.sidebar, .share-buttons, .comments, .readtime {
display: none !important;
}
--
GitLab