added twitter link

components/About.js

@@ -2,6 +2,7 @@ import Link from 'next/link'
 
 const About = (props) => {
   const info = props.info
+  const twitter = info.profiles.find(profile => profile.network === 'Twitter')
 
   return (
     <div className="section mt-2">
@@ -15,7 +16,9 @@ const About = (props) => {
           </h2>
         </div>
 
-        <img className="my-2 mx-4 w-16 rounded-full ring-4 ring-green-400 ring-offset-2" src={info.image} alt={`Picture of ${info.name}`} />
+          <Link href={twitter.url}>
+            <a className="relative z-10"><img className="w-20 h-20 md:w-16 md:h-16 rounded-full ring-4 ring-green-400 ring-offset-2 dark:ring-offset-gray-900" src={info.image} alt={`Picture of ${info.name}`} /></a>
+          </Link>
 
         <div className="m-2 text-xs text-gray-500">
           <div>