Add a component for contact-me and use on all pages (#537)

_posts/complementing-python-with-rust.mdx

@@ -259,5 +259,3 @@ Something I didn’t explore was to check if the benefits will be much higher fo
 There are a few talks that I borrowed ideas from — [here](https://www.youtube.com/watch?v=-ylbuEzkG4M), [here](https://blog.sentry.io/2016/10/19/fixing-python-performance-with-rust.html) and [here](https://www.youtube.com/watch?v=3CwJ0MH-4MA). The first talk takes a different approach and uses [rust-cpython](https://github.com/dgrunwald/rust-cpython) for binding Python and Rust.
 
 You can also watch a recording of the video, but if you have already read so far, there is nothing new in the video. I start at 3 mins.
-
-Happy to hear comments/suggestions on [twitter](https://twitter.com/caulagi).

_posts/look-ma-kubernetes-objects.mdx

@@ -32,4 +32,4 @@ There are already projects like [config-connector](https://cloud.google.com/conf
 
 What I want to achieve is a platform that will fix itself when there are problems so I can have beers on an island. Occasionally the system can’t fix itself and I will write some more yaml’s.
 
-What do you think? Happy to hear thoughts/comments/critique [on twitter](https://twitter.com/caulagi)
+What do you think?

_posts/secret-sauce.mdx

@@ -74,5 +74,3 @@ Given these arguments, my preferred observability story would look something lik
   about one request/transaction/user/payment etc, in my book.
 
 In other words, for a primitive observability story, I only need error-reporting to support a distributed sytem!
-
-Happy to hear thoughts/comments/criticism on [twitter](https://twitter.com/caulagi).

_posts/standups-are-not-cool.mdx

@@ -30,4 +30,4 @@ My last crib about standup’s is that it is disruptive to my schedule. Paul Gra
 
 So I find it strange that we start with the principle of self-organizing teams and then conclude — standup’s at 9! How does open-source work if standup’s are how development should be done?
 
-These are my thoughts as an individual, of course. I am happy to hear disagreements/criticism on [twitter](https://twitter.com/caulagi).
+These are my thoughts as an individual, of course.

components/contact-me.tsx

@@ -0,0 +1,39 @@
+import { Link } from '@nextui-org/react'
+
+const ContactMe: React.FC = () => {
+  return (
+    <div className="pb-12">
+      Happy to hear your thoughts:{' '}
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        height="1em"
+        width="1em"
+        className="inline-block align-text-bottom"
+        viewBox="0 0 512 512"
+      >
+        <path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" />
+      </svg>{' '}
+      caulagi AT gmail DOT com or &nbsp;
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        height="1em"
+        width="1em"
+        className="inline-block align-text-bottom"
+        viewBox="0 0 448 512"
+      >
+        <path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z" />
+      </svg>
+      <Link
+        rel="me"
+        href="https://mastodon.social/@caulagi"
+        className="mb-2 font-sans font-semibold"
+        target="_blank"
+      >
+        &nbsp; mastodon
+      </Link>
+      &nbsp; .
+    </div>
+  )
+}
+
+export default ContactMe

pages/about.tsx

@@ -3,8 +3,8 @@ import Header from '../components/header'
 import Avatar from '../components/avatar'
 import Layout from '../components/layout'
 import Head from 'next/head'
-import Link from 'next/link'
 import { AUTHOR_NAME, HOME_OG_IMAGE_URL } from '../lib/constants'
+import ContactMe from '../components/contact-me'
 
 const intro = `
 I am Pradip Caulagi. I am an experienced developer and platform engineer.
@@ -29,18 +29,7 @@ const aboutMe = () => {
         listening to music (ask me about Indian classical) and recently, taking
         long walks.
       </p>
-      <p>
-        Feel free to contact me via caulagi AT gmail DOT com or on{' '}
-        <Link
-          rel="me"
-          href="https://mastodon.social/@caulagi"
-          className="hover:underline text-black"
-          target="_blank"
-        >
-          mastodon
-        </Link>
-        .
-      </p>
+      <ContactMe />
     </div>
   )
 }

pages/posts/[slug].tsx

@@ -19,6 +19,7 @@ import PostHeader from '../../components/post-header'
 import PostTitle from '../../components/post-title'
 import PostType from '../../types/post'
 import { MDXRemoteSerializeResult } from 'next-mdx-remote'
+import ContactMe from '../../components/contact-me'
 
 interface PostProps {
   post: PostType
@@ -86,6 +87,7 @@ const Post: React.FC<PostProps> = ({ post, source }) => {
                 date={post.date}
               />
               <PostBody source={source} />
+              <ContactMe />
             </article>
           </>
         )}