Added styling for <img> tags, updated image link in markdown

jstamant · Apr 10, 2024 · 69dd540 · 69dd540
1 parent d743138
commit 69dd540
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/app/contact/contact.md b/app/contact/contact.md
@@ -12,7 +12,7 @@ If you have any comments or feedback, feel free to send me an email at
 of updating this page, I'm not receiving many emails, so there's a
 good chance that I reply.
 
-{{< figure src="/img/author.jpg" alt="Image of Justin St-Amant" class="post image avatar" >}}
+![Image of the author](/img/author.jpg "Author")
 
 Since I like programming and I developed this website by myself, I better link
 to my [GitHub profile](https://github.com/jstamant).

diff --git a/utils/markdown.js b/utils/markdown.js
@@ -31,6 +31,7 @@ const processMarkdownFile = async (path) => {
     h4: (props) => <h4 className='my-8 text-2xl'>{ props.children }</h4>,
     h5: (props) => <h5 className='my-8 text-2xl'>{ props.children }</h5>,
     h6: (props) => <h6 className='my-8 text-2xl'>{ props.children }</h6>,
+    img: (props) => <img className='w-3/4 md:w-1/2 mx-auto rounded-2xl' src={props.src} alt={props.alt} title={props.title} />,
     li: (props) => <li className='ml-8'>{ props.children }</li>,
     p: (props) => <p className='my-6'>{ props.children }</p>,
     strong: (props) => <strong className='font-bold'>{ props.children }</strong>,