Added my logo; Dark theme; Open Sans

6 files changed, 225 insertions, 8 deletions

diff --git a/pages/index.js b/pages/index.js
index 0e13c27..fc07221 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -13,6 +13,7 @@ export default function Home() {
         <main className={styles.main}>
             <div className={styles.titlelawrence}>
                 <h1>Welcome to Lawrence Hill website!</h1>
+                <img src="/Alee.svg" height="20%" width="20%"/>
                 <h2>Made by Andrew Lee in Next.JS</h2>
             </div>
             <img src="https://www.uoguelph.ca/arts/sites/default/files/styles/large/public/Lawrence-Hill-380.jpg?itok=JdSI90NJ" height="30%" width="30%"/>
diff --git a/public/Alee.svg b/public/Alee.svg
new file mode 100755
index 0000000..a4ef9fb
--- /dev/null
+++ b/public/Alee.svg
@@ -0,0 +1,218 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="Alee.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07, custom)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 200.67747 200.67747"
+   height="758.466"
+   width="758.466">
+  <defs
+     id="defs2">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter3581"
+       x="-0.059999999"
+       width="1.12"
+       y="-0.059999999"
+       height="1.12">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="11.72299"
+         id="feGaussianBlur3583" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4530"
+       id="linearGradient4532"
+       x1="4.1577382"
+       y1="58.875"
+       x2="199.57143"
+       y2="241.81548"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.56283301,0,0,0.56283301,117.90636,-8.7588788)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4530">
+      <stop
+         style="stop-color:#0b7f1f;stop-opacity:1;"
+         offset="0"
+         id="stop4526" />
+      <stop
+         style="stop-color:#165016;stop-opacity:1"
+         offset="1"
+         id="stop4528" />
+    </linearGradient>
+    <filter
+       height="1.1830652"
+       y="-0.09153261"
+       width="1.2633849"
+       x="-0.13169242"
+       id="filter2757"
+       style="color-interpolation-filters:sRGB"
+       inkscape:collect="always">
+      <feGaussianBlur
+         id="feGaussianBlur2759"
+         stdDeviation="4.0527743"
+         inkscape:collect="always" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient836"
+       id="linearGradient2879"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.06899162,0,0,0.06899162,218.68925,132.33277)"
+       x1="-376.76666"
+       y1="-189.83333"
+       x2="536.57501"
+       y2="915.06665" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient836">
+      <stop
+         style="stop-color:#ffcfaf;stop-opacity:1"
+         offset="0"
+         id="stop832" />
+      <stop
+         style="stop-color:#e0963c;stop-opacity:1"
+         offset="1"
+         id="stop834" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="36"
+     inkscape:window-x="569"
+     inkscape:window-height="908"
+     inkscape:window-width="1343"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="560"
+     inkscape:cx="400"
+     inkscape:zoom="0.35"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     units="px" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <g
+       id="g3746"
+       transform="matrix(2.0603891,0,0,2.0603937,-252.41375,-40.942948)"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96">
+      <path
+         d="m 219.88047,68.570229 a 48.673847,48.673847 0 0 1 -47.79061,48.665831 48.673847,48.673847 0 0 1 -49.52503,-46.899646 48.673847,48.673847 0 0 1 45.99324,-50.36792 48.673847,48.673847 0 0 1 51.19422,45.071689"
+         sodipodi:arc-type="arc"
+         sodipodi:open="true"
+         sodipodi:end="6.2105971"
+         sodipodi:start="0"
+         sodipodi:ry="48.673847"
+         sodipodi:rx="48.673847"
+         sodipodi:cy="68.570229"
+         sodipodi:cx="171.20662"
+         sodipodi:type="arc"
+         id="path817"
+         style="fill:#000c80;fill-opacity:1;stroke-width:0.224156" />
+      <path
+         d="M 343.00967,247.62526 A 234.45979,234.45979 0 0 1 109.73126,482.08208 234.45979,234.45979 0 0 1 -125.89801,249.98801 234.45979,234.45979 0 0 1 105.00582,13.192253 234.45979,234.45979 0 0 1 342.96205,242.89999"
+         sodipodi:arc-type="arc"
+         sodipodi:open="true"
+         sodipodi:end="6.2630301"
+         sodipodi:start="0"
+         sodipodi:ry="234.45979"
+         sodipodi:rx="234.45979"
+         sodipodi:cy="247.62526"
+         sodipodi:cx="108.54987"
+         sodipodi:type="arc"
+         id="path819-8"
+         style="fill:#191919;fill-opacity:1;stroke-width:1.78393;filter:url(#filter3581)"
+         transform="matrix(0.18545219,0,0,0.18545219,151.07581,22.647585)" />
+      <path
+         d="m 214.6877,68.570229 a 43.481083,43.481083 0 0 1 -43.26199,43.480531 43.481083,43.481083 0 0 1 -43.69797,-43.042354 43.481083,43.481083 0 0 1 42.82163,-43.914293 43.481083,43.481083 0 0 1 44.1295,42.599805"
+         sodipodi:arc-type="arc"
+         sodipodi:open="true"
+         sodipodi:end="6.2630301"
+         sodipodi:start="0"
+         sodipodi:ry="43.481083"
+         sodipodi:rx="43.481083"
+         sodipodi:cy="68.570229"
+         sodipodi:cx="171.20662"
+         sodipodi:type="arc"
+         id="path819"
+         style="fill:url(#linearGradient4532);fill-opacity:1;stroke-width:0.330834" />
+      <text
+         id="text1825-5"
+         y="68.570229"
+         x="169.15158"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.95665px;line-height:1.25;font-family:Play;-inkscape-font-specification:Play;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.148916"
+         xml:space="preserve"><tspan
+           style="stroke-width:0.148916"
+           y="68.570229"
+           x="169.15158"
+           id="tspan1823-6"
+           sodipodi:role="line">    </tspan></text>
+      <g
+         style="fill:#000000;fill-opacity:1;filter:url(#filter2757)"
+         transform="matrix(0.56283301,0,0,0.56283301,117.90631,-9.0280997)"
+         id="g2848">
+        <path
+           style="display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.0324324px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 61.638257,144.54859 c 0,0 -1.059352,-0.79936 -1.790579,-2.7482 -0.943463,-2.51449 -1.642514,-6.72702 -1.975626,-11.3478 -0.595253,-8.25715 1.410004,-18.85233 6.518188,-27.73412 10.18233,-17.704417 29.996601,-17.979612 29.996601,-17.979612 0,0 15.336349,-0.131995 26.254479,9.438702 2.77779,2.43498 4.42026,6.044 6.44823,9.80223 9.99885,18.53001 0.3627,35.91824 0.3627,35.91824 l -4.53228,-18.64239 -7.24711,-11.64397 -7.43503,-4.9716 -11.627655,-0.84661 -12.842363,-0.16156 -9.214109,5.89786 -7.026301,9.2663 -4.231361,10.22206 z"
+           id="path840"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cssscsscccccccccc" />
+        <path
+           style="display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.0324835;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 61.493346,148.34011 c 0.541436,10.85356 2.21244,22.31904 12.119577,31.85713 1.342894,1.37695 2.661829,2.54681 4.198262,3.74285 3.41555,2.65889 7.401962,4.94871 12.274455,6.29138 7.884666,2.1727 13.66735,-0.45159 19.92227,-5.25482 3.56187,-2.73516 6.79144,-6.17048 9.59468,-9.82412 7.43471,-9.69012 8.09346,-22.25628 8.09346,-22.25628 0,0 0.48284,-5.06217 -0.002,-12.38993 -0.91355,-13.79678 -7.01544,-34.03316 -20.72921,-36.13666 -14.032933,-2.15246 -24.763708,-3.43379 -31.484783,4.15347 -3.358621,3.79147 -7.730349,7.55778 -10.712256,15.6608 -0.480493,1.30567 -1.174498,2.48357 -1.312643,3.70972 -2.14453,19.03442 -1.961425,20.44646 -1.961425,20.44646 z"
+           id="path830"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccsssscssssscc" />
+      </g>
+      <g
+         id="g2755"
+         transform="translate(-47.394949,-72.027256)">
+        <path
+           style="display:inline;fill:#000000;stroke:#000000;stroke-width:0.018254px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 200.02968,144.36836 c 0,0 -0.63257,-0.46233 -1.04413,-1.5592 -0.53101,-1.41524 -0.92446,-3.78619 -1.11194,-6.38692 -0.33503,-4.6474 0.79359,-10.61071 3.66865,-15.60968 5.73095,-9.96463 16.88307,-10.11952 16.88307,-10.11952 0,0 8.63181,-0.0743 14.77689,5.31242 1.56343,1.37048 2.48787,3.40176 3.62928,5.51701 5.62768,10.42931 0.20414,20.21597 0.20414,20.21597 l -2.55092,-10.49255 -4.07891,-6.55361 -4.18468,-2.79818 -6.54443,-0.4765 -7.22811,-0.0909 -5.186,3.31951 -3.95464,5.21538 -2.38154,5.75331 z"
+           id="path840-5"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cssscsscccccccccc" />
+        <path
+           style="display:inline;fill:url(#linearGradient2879);fill-opacity:1;stroke:#000000;stroke-width:0.0182828;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 199.91179,146.48993 c 0.30474,6.10874 1.24523,12.56189 6.8213,17.93024 0.75582,0.77499 1.49816,1.43343 2.36292,2.1066 1.92238,1.49651 4.16607,2.7853 6.90847,3.541 4.43775,1.22286 7.69243,-0.25417 11.21291,-2.95759 2.00474,-1.53944 3.82244,-3.47295 5.4002,-5.52934 4.1845,-5.45392 4.55527,-12.52657 4.55527,-12.52657 0,0 0.27175,-2.84915 -10e-4,-6.97346 -0.51417,-7.76528 -3.94852,-19.15499 -11.66708,-20.3389 -7.8982,-1.21148 -13.93783,-1.93266 -17.72068,2.33771 -1.89034,2.13396 -4.35089,4.25376 -6.02921,8.81441 -0.27043,0.73487 -0.66104,1.39784 -0.7388,2.08795 -1.20701,10.7132 -1.10395,11.50795 -1.10395,11.50795 z"
+           id="path830-6"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccsssscssssscc" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index fbf0e25..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
-    xmlns="http://www.w3.org/2000/svg">
-    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
-</svg>
\ No newline at end of file
diff --git a/styles/Home.module.css b/styles/Home.module.css
index a2c5476..afea393 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -19,7 +19,7 @@
 .footer {
   width: 100%;
   height: 100px;
-  border-top: 1px solid #eaeaea;
+  border-top: 1px solid #3a3a3a;
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/styles/Page.module.css b/styles/Page.module.css
index 3763f3e..4d9e96b 100644
--- a/styles/Page.module.css
+++ b/styles/Page.module.css
@@ -15,7 +15,7 @@
 .footer {
   width: 100%;
   height: 100px;
-  border-top: 1px solid #eaeaea;
+  border-top: 1px solid #3a3a3a;
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/styles/globals.css b/styles/globals.css
index e5e2dcc..c9f261e 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,9 +1,11 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
 html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  font-family: Open Sans;
+  background-color: #212121;
+  color: #FFFFFF;
 }
 
 a {