Add themed favicons and fix small issues

skatiruas · Apr 10, 2024 · 102d397 · 102d397
1 parent eb76a29
commit 102d397
Show file tree

Hide file tree

Showing 11 changed files with 24 additions and 15 deletions.
diff --git a/public/favicon-dark.svg b/public/favicon-dark.svg
diff --git a/public/favicon-light.svg b/public/favicon-light.svg
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
@@ -13,7 +12,16 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link
+      href="%PUBLIC_URL%/favicon-light.svg"
+      rel="shortcut icon"
+      media="(prefers-color-scheme: light)"
+    />
+    <link
+      href="%PUBLIC_URL%/favicon-dark.svg"
+      rel="shortcut icon"
+      media="(prefers-color-scheme: dark)"
+    />
     <link
       href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto"
       rel="stylesheet"

diff --git a/src/Home.tsx b/src/Home.tsx
@@ -53,6 +53,7 @@ const greetings = [
     Hello, I&apos;m a <b>Software Engineer</b> currently working at:
   </div>,
   <Button
+    key="company"
     onClick={() => window.open("https://www.smart-reporting.com/", "_blank")}
     color="inherit"
     sx={{ marginTop: 5 }}
@@ -84,8 +85,9 @@ const ContentItem = ({
         primary={title}
         secondary={
           <>
-            <div>{infoLine1}</div>
-            <div style={{ fontWeight: 600 }}>{infoLine2}</div>
+            {infoLine1}
+            <br />
+            <b>{infoLine2}</b>
           </>
         }
       />
@@ -99,12 +101,12 @@ export const Home = (): ReactElement => (
       <ListSubheader>Education</ListSubheader>
       <Divider />
       {education.map((props) => (
-        <ContentItem {...props} />
+        <ContentItem {...props} key={props.title} />
       ))}
       <ListSubheader>Honor & Award</ListSubheader>
       <Divider />
       {award.map((props) => (
-        <ContentItem {...props} />
+        <ContentItem {...props} key={props.title} />
       ))}
     </List>
   </Section>

diff --git a/src/Personal.tsx b/src/Personal.tsx
@@ -45,7 +45,6 @@ const InstagramEmbed = ({ href, title }: Embed) => (
       <Typography
         gutterBottom
         variant="h5"
-        component="div"
         sx={{
           fontFamily: "Gunny Rewritten, Open Sans, serif",
           display: "flex",

diff --git a/src/assets/GitHubIcon.tsx b/src/assets/GitHubIcon.tsx
@@ -13,7 +13,7 @@ export default createSvgIcon(
         <path
           d="m0 0c-33.347 0-60.388-27.035-60.388-60.388 0-26.68 17.303-49.316 41.297-57.301 3.018-0.559 4.126 1.31 4.126 2.905 0 1.439-0.056 6.197-0.082 11.243-16.8-3.653-20.345 7.125-20.345 7.125-2.747 6.979-6.705 8.836-6.705 8.836-5.479 3.748 0.413 3.671 0.413 3.671 6.064-0.426 9.257-6.224 9.257-6.224 5.386-9.231 14.127-6.562 17.573-5.019 0.543 3.902 2.107 6.567 3.834 8.075-13.413 1.526-27.513 6.705-27.513 29.844 0 6.592 2.359 11.98 6.222 16.209-0.627 1.521-2.694 7.663 0.586 15.981 0 0 5.071 1.622 16.61-6.191 4.817 1.338 9.983 2.009 15.115 2.033 5.132-0.024 10.302-0.695 15.128-2.033 11.526 7.813 16.59 6.191 16.59 6.191 3.287-8.318 1.22-14.46 0.593-15.981 3.872-4.229 6.214-9.617 6.214-16.209 0-23.195-14.127-28.301-27.574-29.796 2.166-1.874 4.096-5.549 4.096-11.183 0-8.08-0.069-14.583-0.069-16.572 0-1.608 1.086-3.49 4.147-2.898 23.982 7.994 41.263 30.622 41.263 57.294 0 33.353-27.037 60.388-60.388 60.388"
           fill="inherit"
-          fill-rule="evenodd"
+          fillRule="evenodd"
         />
       </g>
       <g transform="matrix(.29807 0 0 -.29807 122.76 196.72)">

diff --git a/src/assets/GitLabIcon.tsx b/src/assets/GitLabIcon.tsx
@@ -8,9 +8,7 @@ export default createSvgIcon(
     viewBox="0 0 500 500"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <title>logo-square</title>
-    <desc>Created with Sketch.</desc>
-    <g fill="none" fill-rule="evenodd">
+    <g fill="none" fillRule="evenodd">
       <g id="logo-square">
         <g id="logo-no-bg" transform="translate(2 19)">
           <g id="gitlab_logo">

diff --git a/src/assets/LinkedInIcon.tsx b/src/assets/LinkedInIcon.tsx
@@ -4,7 +4,7 @@ export default createSvgIcon(
   <svg
     width="36"
     height="36"
-    enable-background="new 0 0 50 50"
+    enableBackground="new 0 0 50 50"
     version="1.1"
     viewBox="0 0 36 36"
     xmlns="http://www.w3.org/2000/svg"

diff --git a/src/assets/SmartReportingLogo.tsx b/src/assets/SmartReportingLogo.tsx
@@ -2,7 +2,7 @@ import { createSvgIcon } from "@mui/material";
 
 export default createSvgIcon(
   <svg
-    enable-background="new 0 0 718.41 52.48"
+    enableBackground="new 0 0 718.41 52.48"
     version="1.1"
     viewBox="0 0 718.41 52.48"
     xmlns="http://www.w3.org/2000/svg"

diff --git a/src/assets/UfmgSquareLogo.tsx b/src/assets/UfmgSquareLogo.tsx
@@ -11,8 +11,8 @@ export default createSvgIcon(
     <g transform="translate(-1701.3 -957.68)" fill="#c80019">
       <path
         d="m1765.7 984.68c-1.268 1.354-5.83 5.318-7.346 5.318-0.598 0-1.365-0.337-1.365-1.015 0-0.927 0.768-2.621 1.191-3.962l6.752-19.755c0.42-1.188 0.85-2.788 0.85-4.133 0-1.865-0.762-3.458-3.381-3.458-8.02 0-20.684 14.173-25.24 19.915h-0.17l4.053-12.581c0.516-1.514 0.926-3.206 0.926-4.549 0-1.611-1.186-2.785-3.795-2.785-7.506 0-20.004 13.921-24.047 19.749h-0.168l4.379-12.75c0.338-1.015 0.934-2.612 0.934-4.052 0-1.597-0.842-2.947-2.871-2.947-5.577 0-11.482 6.749-14.684 10.708 0 0-0.827 1.005-0.168 1.563 0.744 0.638 1.44-0.037 1.44-0.037l2.274-2.531c1.519-1.521 3.127-2.954 4.893-2.954 1.018 0 1.35 0.753 1.35 1.688 0 0.753-0.25 1.597-0.332 2.105l-8.789 26.549c-0.192 0.957 1.599 1.481 2.45 1.481 2.138 0 3.121-0.636 3.37-1.32l1.528-4.426c2.279-6.417 5.906-12.236 10.556-17.222 2.699-2.949 7.762-8.855 12.32-8.855 1.178 0 1.6 0.934 1.6 2.106 0 2.196-1.176 5.399-1.439 6.248l-7.377 22.021c-0.162 0.691 0.582 1.657 2.873 1.662 2.113 9e-3 2.699-0.737 2.949-1.503l1.395-3.453c2.352-6.072 4.725-10.457 8.688-15.345 2.705-3.3 10.387-11.815 14.777-11.815 0.914 0 1.936 0.666 1.936 2.015 0 0.839-0.512 2.274-0.92 3.465l-6.832 19.584c-0.605 1.685-1.025 3.03-1.025 3.968 0 2.187 1.525 2.861 3.125 2.861 4.631 0 8.607-3.8 11.908-7.421l2.611-2.877s0.73-0.758 0-1.362c-0.621-0.513-1.183 0.102-1.183 0.102z"
-        clip-rule="evenodd"
-        fill-rule="evenodd"
+        clipRule="evenodd"
+        fillRule="evenodd"
       />
       <rect x="1702.9" y="1007.3" width="58.366" height="14.069" />
     </g>