refine article styling

5 files changed, 12 insertions, 7 deletions

diff --git a/clams-server/src/main/java/no/eliashaugsbakk/clams/server/controller/ArticlesController.java b/clams-server/src/main/java/no/eliashaugsbakk/clams/server/controller/ArticlesController.java
index fb53d86..f013419 100644
--- a/clams-server/src/main/java/no/eliashaugsbakk/clams/server/controller/ArticlesController.java
+++ b/clams-server/src/main/java/no/eliashaugsbakk/clams/server/controller/ArticlesController.java
@@ -51,7 +51,6 @@ public class ArticlesController {
     ctx.render("templates/article.html", Map.of(
         "page_title", article.title() + " -- Elias Haugsbakk",
         "page_css", "article",
-        "title", article.title(),
         "published_date", formattedDate,
         "author", "by Elias Haugsbakk",
         "content", MarkdownConverter.convertToHtml(article.content()),
diff --git a/clams-server/src/main/resources/public/css/article.css b/clams-server/src/main/resources/public/css/article.css
index 2ba2b18..318df62 100644
--- a/clams-server/src/main/resources/public/css/article.css
+++ b/clams-server/src/main/resources/public/css/article.css
@@ -13,6 +13,13 @@ h1 {
     text-align: left;
 }
 
+blockquote {
+    border-left: 4px solid var(--accent-color);
+    padding-left: 1rem;
+    margin-left: 0;
+    font-style: italic;
+}
+
 .article-content {
     line-height: 1.8;
     font-size: var(--font-size-body);
diff --git a/clams-server/src/main/resources/public/css/common.css b/clams-server/src/main/resources/public/css/common.css
index 431d62e..89748f0 100644
--- a/clams-server/src/main/resources/public/css/common.css
+++ b/clams-server/src/main/resources/public/css/common.css
@@ -4,9 +4,10 @@
     --bg-color: #f4f4f0;
     --text-color: #363737;
     --border-color: #ccc;
+    --accent-color: #8fae8f;
     --font-serif: "Spectral", Georgia, serif;
     --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-    --font-size-body: 1.05rem;
+    --font-size-body: 1.2rem;
     --font-size-small: 0.9rem;
     --font-size-caption: 0.85rem;
 }
@@ -85,11 +86,11 @@ a {
     color: var(--text-color);
     text-decoration: underline;
     font-weight: bold;
-    transition: opacity 0.2s;
+    transition: color 0.2s ease;
 }
 
 a:hover {
-    opacity: 0.7;
+    color: var(--accent-color);
 }
 
 footer {
@@ -172,7 +173,7 @@ footer p {
     text-decoration: none;
     font-weight: bold;
     opacity: 0.7;
-    transition: opacity 0.2s;
+    transition: color 0.2s ease;
 }
 
 .back-link-top:hover {
diff --git a/clams-server/src/main/resources/templates/article.html b/clams-server/src/main/resources/templates/article.html
index 7d0c23f..98b135b 100644
--- a/clams-server/src/main/resources/templates/article.html
+++ b/clams-server/src/main/resources/templates/article.html
@@ -8,8 +8,6 @@
         <span class="article-author">{{ author }}</span>
     </header>
 
-    <h1>{{ title }}</h1>
-
     <article class="article-content">
         {{ content | raw }}
     </article>
diff --git a/clams-server/src/main/resources/templates/blog-search.html b/clams-server/src/main/resources/templates/articles-search.html
index dd435e5..dd435e5 100644
--- a/clams-server/src/main/resources/templates/blog-search.html
+++ b/clams-server/src/main/resources/templates/articles-search.html