add mastodon

_content/resume.json

@@ -12,19 +12,24 @@
         "url": "https://kremalicious.com"
       },
       {
-        "network": "Twitter",
-        "username": "kremalicious",
-        "url": "https://twitter.com/kremalicious"
+        "network": "Mastodon",
+        "username": "@krema@mas.to",
+        "url": "https://mas.to/@krema"
       },
       {
         "network": "GitHub",
         "username": "kremalicious",
         "url": "https://github.com/kremalicious"
+      },
+      {
+        "network": "Twitter",
+        "username": "kremalicious",
+        "url": "https://twitter.com/kremalicious"
       }
     ],
     "location": {
-      "city": "Berlin",
-      "countryCode": "DE"
+      "city": "Lisboa",
+      "countryCode": "PT"
     }
   },
   "work": [

src/components/Icon/index.tsx

@@ -22,6 +22,7 @@ import {
   Info,
   Dribbble
 } from 'react-feather'
+import Mastodon from '../../images/mastodon.svg'
 import styles from './index.module.css'
 
 export default function Icon({ name, ...props }: { name: string }) {
@@ -52,7 +53,8 @@ export default function Icon({ name, ...props }: { name: string }) {
     Award,
     BookOpen,
     Star,
-    Info
+    Info,
+    Mastodon
   }
 
   const IconMapped = components[name]

src/components/Networks/NetworkLink.tsx

@@ -14,6 +14,7 @@ export const NetworkLink = ({ name, url }: { name: string; url: string }) => {
         variants={moveInTop}
         className={linkClasses}
         href={url}
+        rel="me"
       >
         <Icon name={name} />
         <span className={styles.title}>{name}</span>

src/images/mastodon.svg

@@ -0,0 +1,17 @@
+<svg
+  width="23px"
+  height="24px"
+  viewBox="0 0 23 24"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+  <path
+    d="M11.1389411,0.999993778 C15.1557741,1.01416416 16.7473788,1.23481315 17.1783883,1.29841985 C18.3313004,1.46747357 19.3937885,1.99097107 20.1999985,2.75158094 C20.9569508,3.46571922 21.4889781,4.39165318 21.6343115,5.43151763 C21.7813759,6.9318143 21.7037248,9.17597971 21.6679563,10.2556321 C21.6585475,10.5396299 21.6518868,10.7490424 21.6514688,10.858 C21.6514688,11.0030493 21.6307235,12.3326945 21.6235144,12.4640702 C21.5346485,13.8512834 21.113538,14.8729669 20.4649497,15.6015074 C19.6721555,16.4920303 18.5662158,16.9360768 17.4413768,17.1504279 C15.8427017,17.4616573 14.2437749,17.5358688 12.7278117,17.5783554 C12.3616974,17.5881184 11.9965584,17.588 11.6294688,17.588 C10.1478473,17.588 8.67097085,17.4142182 7.23018707,17.0694558 C6.8896014,16.9879577 6.55154219,16.8970272 6.21661506,16.7969957 C6.09537285,17.1716208 6.01671279,17.5677292 5.99836978,17.9995611 C5.96931605,18.6835454 6.09863964,19.2910625 6.3113228,19.8725181 C6.49802659,20.3459237 6.92996227,21.1938253 8.11240559,21.778932 C8.75896027,22.0988656 9.65840415,22.347 10.9225613,22.3469982 C12.1817178,22.3494 13.4378003,22.2400491 14.6760819,22.0206499 C14.3535619,22.2788961 13.9971636,22.3801671 13.6780342,22.4803277 C13.373536,22.5756477 13.1342459,22.6407565 12.896407,22.6955141 C10.668931,23.1980149 8.3433463,23.0768861 6.188872,22.3464624 C4.31619324,21.6953569 2.34808534,20.1334495 1.87201172,18.1971362 C1.58840543,17.0338698 1.38941398,15.8513738 1.27624754,14.6622133 C1.15337549,13.3291944 1.11298856,11.9935531 1.07192233,10.6561173 C1.05603947,10.1388479 1.04013554,9.62130953 1.01970724,9.1039792 C0.971894391,7.87959516 0.994224802,6.54288533 1.2527175,5.34365311 C1.48629333,4.29114993 2.07935638,3.39627026 2.86921016,2.7140337 C3.73726689,1.96424931 4.84307565,1.46792978 5.99949407,1.29842796 C6.69861883,1.17787985 7.74245158,1 11.1389411,0.999993778 Z"
+    id="Path"
+  ></path>
+  <path
+    d="M16.5659892,13.9105 L16.5659892,8.50060332 C16.5659892,7.36172349 15.8912746,5.91137004 14.2429876,5.91137004 C12.5947006,5.91137004 11.7668593,7.46873817 11.7668593,8.82599755 L11.7668593,11.7867371 L11.2918185,11.7867371 L11.2918185,8.82512751 C11.2918185,7.46786813 10.4692552,5.9105 8.81395009,5.9105 C7.15864498,5.9105 6.49268853,7.36172349 6.49094845,8.50060332 L6.49094845,13.9105"
+    id="Path"
+  ></path>
+</svg>