Animation update

lost0427 · Jan 25, 2025 · 25b033f · 25b033f
1 parent 4af6ef5
commit 25b033f
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/content/blog/markdown-style-guide.md b/src/content/blog/markdown-style-guide.md
@@ -39,7 +39,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 
 ### Output
 
-![blog placeholder](/blog-placeholder-about.jpg)
+![blog placeholder](/Reblog/blog-placeholder-about.jpg)
 
 ## Blockquotes
 

diff --git a/src/pages/blog/Abstract.astro b/src/pages/blog/Abstract.astro
@@ -20,7 +20,7 @@ const AbstractPosts = posts.filter(post => /^Abstract\/.*\.md$/.test(post.id));
                 {
                     AbstractPosts.map((post) => (
                         <li class="flex flex-col items-center">
-                            <a href={`/Reblog/blog/${post.slug}/`} class="flex flex-col items-center w-10/12 my-5 rounded-lg bg-gray-900">
+                            <a href={`/Reblog/blog/${post.slug}/`} class="flex flex-col items-center w-10/12 my-5 rounded-lg bg-gray-900 hover:-translate-y-1 hover:shadow-lg transition-transform duration-200 ease-in-out">
                                 <img src={post.data.heroImage} alt="" class="rounded-lg w-full" />
                                 <h4 class="title">{post.data.title}</h4>
                                 <p class="date">

diff --git a/src/pages/blog/Life.astro b/src/pages/blog/Life.astro
@@ -20,7 +20,7 @@ const LifePosts = posts.filter(post => /^Life\/.*\.md$/.test(post.id));
                 {
                     LifePosts.map((post) => (
                         <li class="flex flex-col items-center">
-                            <a href={`/Reblog/blog/${post.slug}/`} class="flex flex-col items-center w-10/12 my-5 rounded-lg bg-gray-900">
+                            <a href={`/Reblog/blog/${post.slug}/`} class="flex flex-col items-center w-10/12 my-5 rounded-lg bg-gray-900 hover:-translate-y-1 hover:shadow-lg transition-transform duration-200 ease-in-out">
                                 <img src={post.data.heroImage} alt="" class="rounded-lg w-full" />
                                 <h4 class="title">{post.data.title}</h4>
                                 <p class="date">

diff --git a/src/pages/blog/Tech.astro b/src/pages/blog/Tech.astro
@@ -20,7 +20,7 @@ const TechPosts = posts.filter(post => /^Tech\/.*\.md$/.test(post.id));
                 {
                     TechPosts.map((post) => (
                         <li class="flex flex-col items-center">
-                            <a href={`/Reblog/blog/${post.slug}/`} class="flex flex-col items-center w-10/12 my-5 rounded-lg bg-gray-900">
+                            <a href={`/Reblog/blog/${post.slug}/`} class="flex flex-col items-center w-10/12 my-5 rounded-lg bg-gray-900 hover:-translate-y-1 hover:shadow-lg transition-transform duration-200 ease-in-out">
                                 <img src={post.data.heroImage} alt="" class="rounded-lg w-full" />
                                 <h4 class="title">{post.data.title}</h4>
                                 <p class="date">

diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
@@ -17,7 +17,7 @@ const posts = (await getCollection('blog')).sort(
                 {
                     posts.map((post) => (
                         <li class="flex flex-col items-center">
-                            <a href={`/Reblog/blog/${post.slug}/`} class="flex flex-col items-center w-10/12 my-5 rounded-lg bg-gray-300 dark:bg-gray-900">
+                            <a href={`/Reblog/blog/${post.slug}/`} class="flex flex-col items-center w-10/12 my-5 rounded-lg bg-gray-300 dark:bg-gray-900 hover:-translate-y-1 hover:shadow-lg transition-transform duration-200 ease-in-out">
                                 <img src={post.data.heroImage} alt="" class="rounded-lg w-full" />
                                 <h4 class="title">{post.data.title}</h4>
                                 <p class="date">