style: simplify post cards by removing hover titles and refine home page title logic
All checks were successful
Deploy Theme / deploy (push) Successful in 31s

This commit is contained in:
2026-02-21 09:45:59 +01:00
parent 9275601f07
commit 90c8d56e3c
2 changed files with 2 additions and 5 deletions

View File

@@ -32,7 +32,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{meta_title}}{{#is "index"}}{{@site.title}}{{else}}{{@site.title}}{{/is}}</title> <title>{{#is "index"}}{{@site.title}}{{else}}{{meta_title}}{{@site.title}}{{/is}}</title>
<link rel="stylesheet" href="{{asset "built/screen.css"}}"> <link rel="stylesheet" href="{{asset "built/screen.css"}}">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

View File

@@ -1,5 +1,5 @@
<article class="post-grid-item opacity-0 relative bg-[var(--bg-secondary)] rounded-lg shadow-lg overflow-hidden group"> <article class="post-grid-item opacity-0 relative bg-[var(--bg-secondary)] rounded-lg shadow-lg overflow-hidden group">
<a href="{{url}}" class="block" @click.stop> <a href="{{url}}" class="block">
{{#if feature_image}} {{#if feature_image}}
<img <img
class="w-full h-72 object-cover transition-transform duration-300 ease-in-out group-hover:scale-105" class="w-full h-72 object-cover transition-transform duration-300 ease-in-out group-hover:scale-105"
@@ -15,8 +15,5 @@
{{else}} {{else}}
<div class="w-full h-72 flex items-center justify-center bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] text-2xl">No Image</div> <div class="w-full h-72 flex items-center justify-center bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] text-2xl">No Image</div>
{{/if}} {{/if}}
<div class="absolute inset-0 bg-black bg-opacity-50 flex items-end p-4 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
<h2 class="text-[var(--text-primary)] text-xl font-semibold leading-tight">{{title}}</h2>
</div>
</a> </a>
</article> </article>