Merge pull request #254 from gosuda/main

Add profile image

Author: lemon-mint

public/main.css

@@ -22,7 +22,6 @@
       "Courier New", monospace;
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-blue-600: oklch(54.6% 0.245 262.881);
-    --color-gray-300: oklch(87.2% 0.01 258.338);
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-gray-600: oklch(44.6% 0.03 256.802);
     --color-black: #000;
@@ -825,9 +824,6 @@
   .bg-blue-600 {
     background-color: var(--color-blue-600);
   }
-  .bg-gray-300 {
-    background-color: var(--color-gray-300);
-  }
   .p-1 {
     padding: var(--spacing);
   }

view/component_blog_post.templ

@@ -15,7 +15,7 @@ templ BlogPostCard(post *BlogPostPreview) {
 	<a class="border-2 border-black rounded-lg overflow-hidden transition hover:shadow-lg hover:drop-shadow-lg" href={ templ.SafeURL(post.URL) }>
 		<div class="p-4">
 			<div class="flex items-center mb-4">
-				<div class="w-10 h-10 bg-gray-300 rounded-full mr-3"></div>
+				<img src="/assets/apple-touch-icon.png" class="w-10 h-10 mr-3 rounded-full" alt="Author avatar"/>
 				<div>
 					<div class="font-semibold">{ post.Author }</div>
 					<div class="text-sm text-gray-500">{ post.Date.Format("January 2, 2006") }</div>