feat: add underline animation

- Implement underline-animation UnoCSS shortcut for navbar links
- Add dynamic hover and page transition effects for navigation
- Update Navbar component to use new underline-animation class
- Remove CDN configuration from preload settings
- Modify font class for date display in index page
- Add inline script to handle link animations during page transitions
This commit is contained in:
radishzzz 2025-01-28 02:46:38 +00:00
parent 0241091a8f
commit f1d2204337
7 changed files with 61 additions and 10 deletions

View file

@ -39,7 +39,7 @@ const postsByYear = await getPostsByYear()
{/* Post Title */}
<a class="hover:text-secondary" href={`/posts/${post.data.slug || post.slug}`}>{post.data.title}</a>
{/* Post Date */}
<div class="text-5.6 leading-7 font-date block lg:inline lg:before:content-['_']" aria-hidden="true">
<div class="text-5.6 leading-7 font-time block lg:inline lg:before:content-['_']" aria-hidden="true">
{post.data.published.toLocaleDateString('en-US', { month: '2-digit', day: '2-digit' }).replace('/', '-')}
{post.remarkPluginFrontmatter?.minutes && <span class="ml-2"> {post.remarkPluginFrontmatter.minutes} min</span>}
</div>