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
All checks were successful
Deploy Theme / deploy (push) Successful in 31s
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user