Added blog link in home page

pages/index.tsx

@@ -22,6 +22,7 @@ import MediumIcon from "components/icons/MediumIcon";
 import SectionItemReference from "components/SectionItemReference";
 import DataItem from "components/DataItem";
 import MineIcon from "@material-ui/icons/Brightness5Outlined";
+import BlogIcon from "components/icons/DrupalIcon";
 import settings from "data.json";
 import gravatar from "gravatar.json";
 
@@ -117,6 +118,13 @@ export default function Index() {
                   href="https://minesweeper.rulyotano.com"
                 />
               </Grid>
+              <Grid item>
+                <ReferenceIcon
+                  icon={BlogIcon}
+                  description="My blog"
+                  href="https://blog.rulyotano.com"
+                />
+              </Grid>
             </Grid>
           </Box>
 

src/components/icons/DrupalIcon.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useTheme } from '@material-ui/core';
+
+export default function DrupalIcon({ height = null, width = null, useOriginalColor = false }) {
+    const theme = useTheme();
+
+    const color = useOriginalColor ? "#009DDE" : theme.palette.text.primary
+
+    const heightValue = height || theme.spacing(3)
+    const widthValue = width || theme.spacing(3)
+    return (
+        <svg width={widthValue} height={heightValue} viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+            <g>
+                <path
+                    d="M128.047512,7.3783408e-06 C198.721844,0.0237668475 256.000007,57.3256748 256.000007,128.000007 L256.000007,128.000007 L256.000007,128.047512 C255.976248,198.73372 198.650588,256.023752 127.952503,256.000007 C57.2662946,255.976248 -0.0237373249,198.638712 7.3783408e-06,127.952503 C0.0237668475,57.2662946 57.3494269,-0.0237373249 128.047512,7.3783408e-06 Z M127.394329,32.9204063 C123.87902,46.2215745 112.026729,58.0382374 99.6162644,70.4487025 C81.054009,89.058462 59.9502804,110.114686 59.9502804,141.740589 C59.9977845,178.936356 90.1154299,209.08963 127.311197,209.184638 C164.57822,209.184638 194.80275,178.995736 194.838378,141.740589 C194.838378,110.114686 173.79403,89.0703381 155.172394,70.4487025 L155.172394,70.4487025 L153.509304,68.7850783 C141.716229,56.9780684 130.740892,45.6373441 127.394329,32.9204063 Z M128.308785,133.914277 C136.051965,142.168127 140.968646,147.856751 146.063469,154.067922 C146.443502,154.531088 146.787908,155.029881 147.096685,155.564303 C153.331607,164.554468 152.488408,176.668032 145.065881,184.696237 C136.325114,194.161444 121.575068,194.74337 112.109862,186.002602 C102.644655,177.261834 102.062729,162.511789 110.803497,153.046582 C115.767683,147.179817 121.765085,141.40806 128.308785,133.914277 Z M97.4904526,102.965309 L100.744488,106.041204 L115.850815,121.491936 C116.420865,122.145118 116.420865,123.107078 115.850815,123.76026 L115.850815,123.76026 L100.055678,141.218043 L94.5333179,147.939884 C92.4312583,150.505109 90.6498518,153.295979 89.2247266,156.288742 C89.0228339,156.787536 88.5952963,157.155693 88.0727505,157.274454 L88.0727505,157.274454 L87.5145764,157.274454 C85.9825669,157.143817 84.2249125,154.317319 84.2249125,154.317319 L84.2249125,154.317319 L83.945588,153.893962 C83.5807559,153.325432 83.2463265,152.74018 82.9422998,152.132127 L82.9422998,152.132127 L82.6453988,151.490821 C80.4839589,144.460203 80.3176943,136.96642 82.1347289,129.840794 L82.1347289,129.840794 L82.3393123,129.09986 C84.0164452,123.184984 86.6633017,117.575692 90.1748101,112.513647 C92.4312583,109.188355 94.8777232,106.005576 97.4904526,102.965309 L97.4904526,102.965309 Z M127.489338,71.7313151 C131.515316,76.3035917 136.051965,80.8877444 140.32734,85.1631199 L140.32734,85.1631199 L140.422348,85.460021 C149.365009,93.7851272 157.440718,102.989061 164.554468,112.929309 C170.587498,121.408803 173.889038,131.527192 174.007798,141.942482 C174.007798,146.443502 173.330864,150.908895 172.000747,155.208022 L172.000747,155.208022 L171.934858,155.385394 C171.576967,156.256918 170.798298,156.892936 169.863059,157.048809 L169.863059,157.048809 L169.435522,157.048809 C168.50919,156.751908 167.737248,156.134354 167.25033,155.291154 L167.25033,155.291154 L166.534081,154.215912 C162.683313,148.503112 158.341202,143.140565 153.557252,138.177776 L153.557252,138.177776 L147.393586,131.669705 L126.848031,110.269075 C123.380227,106.931907 117.180932,100.946381 114.568203,97.6923454 C114.48507,97.5142047 114.390062,97.3479401 114.271302,97.1816755 C113.558739,96.20784 113.012441,95.1271201 112.644284,93.9751439 L112.644284,93.9751439 L112.644284,93.3338375 C112.288002,91.243654 112.573027,89.0940902 113.451855,87.1701712 C114.021905,85.9469387 114.805723,84.8305907 115.767683,83.8805072 C119.746157,79.9020328 123.724632,76.0066907 127.489338,71.7313151 Z"
+                    fill={color}>
+                </path>
+            </g>
+        </svg>
+    );
+}