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

uno.config.ts

@@ -28,13 +28,34 @@ export default defineConfig({
   theme: {
     colors: light,
     fontFamily: {
-      title: ['Snell-Black','EarlySummer-subset', 'EarlySummer', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
-      navbar: ['STIX-italic','EarlySummer-subset', 'EarlySummer', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
+      title: ['Snell-Black', 'EarlySummer-subset', 'EarlySummer', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
+      navbar: ['STIX-italic', 'EarlySummer-subset', 'EarlySummer', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
       time: ['Snell-Bold', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
       serif: ['STIX', 'EarlySummer', 'Georgia', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
     },
   },
-  shortcuts: [],
+  shortcuts: {
+    'underline-animation': [
+      'relative',
+      'after:content-empty',
+      'after:absolute',
+      'after:left-0',
+      'after:bottom--1',
+      'after:w-full',
+      'after:h-0.4',
+      'after:bg-secondary',
+      'after:scale-x-0',
+      'after:origin-right',
+      'after:transition-transform',
+      'after:duration-300',
+      'after:ease-out',
+      'hover:after:scale-x-100',
+      'hover:after:origin-left',
+      'transition-ready',
+      '[&.force-leave]:after:scale-x-0',
+      '[&.force-leave]:after:origin-right',
+    ],
+  },
   rules: [],
   transformers: [
     transformerDirectives(),