commit 3407fa4ba35d0868b3e617164a6e848c4f5c88b0
parent 1902b9944c40cbb521cc79ac40db7619b17ffb85
Author: Martin Kloeckner <mjkloeckner@gmail.com>
Date: Tue, 1 Sep 2026 12:45:56 -0300
Update style
Diffstat:
7 files changed, 29 insertions(+), 16 deletions(-)
diff --git a/about.html b/about.html
@@ -5,7 +5,7 @@
<title>About | Martin Klöckner's Webpage</title>
<!--#include virtual="/common/head.shtml" -->
- <link rel='stylesheet' type='text/css' href="/css/about.css?ver=0.3">
+ <link rel='stylesheet' type='text/css' href="/css/about.css?ver=0.5">
</head>
<body>
diff --git a/blog.html b/blog.html
@@ -10,8 +10,8 @@
<!--#include virtual="/common/header.shtml" -->
<article>
<hr class="article_top_bar">
- <link rel='stylesheet' type='text/css' href="/css/article.css?ver=0.3">
- <link rel='stylesheet' type='text/css' href="/css/blog.css?ver=0.3">
+ <link rel='stylesheet' type='text/css' href="/css/article.css?ver=0.5">
+ <link rel='stylesheet' type='text/css' href="/css/blog.css?ver=0.5">
<h1 id="blog-title">Blog</h1>
<div id="blog_entries">
<!--#include virtual="/common/blog_index.shtml" -->
diff --git a/common/head.shtml b/common/head.shtml
@@ -13,6 +13,6 @@
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=contrast"/>
-<link rel='stylesheet' type='text/css' href="/css/style.css?ver=0.5.4">
+<link rel='stylesheet' type='text/css' href="/css/style.css?ver=0.5.6">
<link rel="icon" type="image/x-icon" href="favicon.webp">
<script type="text/javascript" src="/scripts/js/color-scheme-toggle.js"></script>
diff --git a/css/article.css b/css/article.css
@@ -85,7 +85,7 @@ ul {
blockquote {
border-left: 4px solid var(--grey1);
- padding-left: 1em;
+ padding-left: .50em;
font-style: italic;
pre {
font-style: normal;
diff --git a/css/colors.css b/css/colors.css
@@ -7,6 +7,7 @@
--secondary-accent-color: peru;
--hover-fg-color: peru;
--hover-bg-color: #443A32;
+ --hover-brightness: 1.25;
--code-bg: #262626;
--link-color: peru;
--link-hover-color: crimson;
@@ -23,7 +24,8 @@
--accent-color: #CC2936;
--secondary-accent-color: #141414;
--hover-fg-color: #A04A00;
- --hover-bg-color: #DADADA;
+ --hover-bg-color: #E9E9E9;
+ --hover-brightness: 0.95;
--link-hover-color: #CC2936;
--link-color: #A04A00;
--title-color: #000000;
diff --git a/css/style.css b/css/style.css
@@ -33,6 +33,7 @@ body {
margin-right: .5em;
font-size: 18px;
font-family: "Nimbus Sans", "Nimbus Sans L", "Inter", "Helvetica", "inconsolata", "DejaVu Sans", sans, "Verdana", sans-serif, "Georgia", serif, monospace;
+ font-weight: 500;
}
header {
@@ -373,6 +374,7 @@ pre code {
word-break: normal;
overflow-wrap: normal;
white-space: pre;
+ hyphens: none;
}
/* #command { color: #33ff11; } */
@@ -454,6 +456,10 @@ hr {
text-decoration: none;
}
+ a:hover {
+ filter: brightness(1.0);
+ }
+
tr:hover {
/* background: #000; */
background: var(--hover-bg-color);
@@ -465,6 +471,19 @@ hr {
}
}
+@media (hover: hover) and (pointer: fine) {
+ a:hover {
+ filter: brightness(var(--hover-brightness));
+ }
+
+ #latest-uploads-blog-entries, #blog_entries {
+ tr:hover {
+ filter: brightness(var(--hover-brightness));
+ }
+ }
+}
+
+
#urgent-announcement {
color: var(--fg-color);
font-weight: bold;
@@ -537,6 +556,7 @@ b-time {
#index-title {
padding-top: 0;
padding-bottom: .25em;
+ font-size: 1.60em;
}
@@ -579,15 +599,6 @@ b-time {
}
}
- /*
- @media (hover: hover) and (pointer: fine) {
- tr:hover {
- cursor: pointer;
- background-color: #000;
- }
- }
- */
-
#latest-uploads {
tr:nth-child(n + 6) {
display: none !important;
diff --git a/scripts/template.html b/scripts/template.html
@@ -12,7 +12,7 @@
<title>$article-title$ | $pagetitle$</title>
<!--#include virtual="/common/head.shtml" -->
- <link rel='stylesheet' type='text/css' href="/css/article.css?ver=0.0.3">
+ <link rel='stylesheet' type='text/css' href="/css/article.css?ver=0.0.5">
</head>
<body>
