blog: Make headlines clickable

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/scss/style.scss b/src/scss/style.scss
index a303ec9f30a7c8367b45dadfaa35c4650c4ce4ca..c5a9175078a4c365caf1a454d92b67c50901b8cc 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -220,10 +220,14 @@ footer {
 }
 
 .blog-post {
-       // Custom CSS for blog posts goes here
+       h5:first-of-type {
+               a {
+                       color: $body-color;
+               }
+       }
 
        &.lightning-wire-labs {
-               h5:first-of-type, a {
+               h5:first-of-type a, a {
                        color: $lwl;
                }
        }

diff --git a/src/templates/blog/modules/post.html b/src/templates/blog/modules/post.html
index 42670b7798ec2ee71be6b645095b58f9e57bb159..92a671dbac6a989b5916f477adc508f6a9d038a0 100644 (file)
--- a/src/templates/blog/modules/post.html
+++ b/src/templates/blog/modules/post.html
@@ -1,5 +1,9 @@
 <div class="blog-post {% if "lightning-wire-labs" in post.tags %}lightning-wire-labs{% end %}">
-       <h5 class="mb-0">{{ post.title }}</h5>
+       <h5 class="mb-0">
+               <a href="https://blog.ipfire.org/post/{{ post.slug }}">
+                       {{ post.title }}
+               </a>
+       </h5>
 
        <p class="small text-muted">
                {{ _("by") }} <a href="/authors/{{ post.author.uid }}">{{ post.author.name }}</a>,