I noticed that links were not underlined, which isn't great for
accessibility, and isn't exactly consistent with sourcehut services.
I've attempted to match the style of links on sourcehut services to
the sourcehut.org website in this patch set.
Jackson Chen (3):
do not override text decoration on links
make button links not underlined
remove underline from homepage blog link
assets/main.scss | 10 +++++++++-
layouts/index.html | 2 +-
2 files changed, 10 insertions(+), 2 deletions(-)
--
2.42.0
[PATCH sourcehut.org 1/3] do not override text decoration on links
links can be hard to distinguish when there is no color, so don't
prevent link underlining.
---
assets/main.scss | 1 -
1 file changed, 1 deletion(-)
diff --git a/assets/main.scss b/assets/main.scss
index 7e5bbc6..e6afe80 100644
--- a/assets/main.scss+++ b/assets/main.scss
@@ -187,7 +187,6 @@ form {
a {
color: $primary;
- text-decoration: none; &:hover {
color: darken($primary, 15);
--
2.42.0
[PATCH sourcehut.org 2/3] make button links not underlined
---
it feels a bit too much to underline that link as well, and there is an
arrow within the link which should help indicate "you can go to it".
assets/main.scss | 4 ++++layouts/index.html | 2 +-
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/assets/main.scss b/assets/main.scss
index 0c61afe..66c8c97 100644
--- a/assets/main.scss+++ b/assets/main.scss
@@ -249,6 +249,10 @@ a {
}
}
+a.blog-link {+ text-decoration: none;+}+.form-group {
margin-bottom: 1rem;
}
diff --git a/layouts/index.html b/layouts/index.html
index 0a8111b..012ef4b 100644
--- a/layouts/index.html+++ b/layouts/index.html
@@ -18,7 +18,7 @@
</div>
<div class="content">
<h1>
- <a href="{{.Permalink}}">+ <a href="{{.Permalink}}" class="blog-link"> <small>
From the blog
<span class="icon">
--
2.42.0
Two issues here:
- The latest blog post heading no longer shows an underline on hover
- The navigation links should not be underlined for consistency with
sr.ht.
Otherwise LGTM
On 2023-09-15 9:39, Drew DeVault wrote:
> - The navigation links should not be underlined for consistency with> sr.ht.
The "blog", "pricing" links etc. on the top of the page?
--
Jackson
I use plaintext email! You should too. https://useplaintext.email/
PGP (ask for public key): 786EFFD632E233EF3AB9B9CC9E4FA9055FFD9E30