fix: update info

tbh this is still quite out of date and could use a lot more updates,
but this is fine for now

src/App.css

@@ -164,21 +164,14 @@ li::before {
 }
 
 .contacts-container {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
+  display:  grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+  grid-template-rows: 1fr;
   justify-content: center;
-  text-align: center;
-  margin-top: 30px;
 }
 
 .contacts-container * {
-  width: max(30px, 5vmin);
-  font-size: max(30px, 5vmin);
-}
-
-.contacts-container>* {
-  padding: 0 5vmin 0 5vmin;
+  margin: auto;
 }
 
 footer * {
@@ -194,11 +187,3 @@ Section[id='who i am'] ul li a {
 Section[id='who i am'] ul li a:hover {
   color: white;
 }
-
-.contacts-container a img {
-  filter: brightness(45%);
-}
-
-.contacts-container a img:hover {
-  filter: none;
-}

src/components/About.js

@@ -5,15 +5,17 @@ export default function About() {
     <Section name="who i am">
       <ul>
         <li>
-          a <strong>student</strong> at UIUC studying{" "}
+          a <strong>software engineer</strong> at <a href='https://pmg.com' target="_blank" rel='noreferrer'>PMG</a> focused on developing internal advertising automation tools.
+        </li>
+        <li>a graduate from <strong>UIUC</strong> with a B.S. in{" "}
           <a
             href="https://ischool.illinois.edu/"
             target="_blank"
             rel="noreferrer"
           >
             information science
           </a>{" "}
-          and{" "}
+          and a B.A. in{" "}
           <a
             href="https://music.illinois.edu/area/music-technology"
             target="_blank"
@@ -24,29 +26,8 @@ export default function About() {
           ,
         </li>
         <li>
-          an <strong>operations support intern</strong> at the{" "}
-          <a href="https://iti.illinois.edu/" target="_blank" rel="noreferrer">
-            Information Trust Institute
-          </a>
-          ,
-        </li>
-        <li>
-          an <strong>undergraduate researcher</strong> helping build a{" "}
-          <a
-            href="https://uiucdstl.wixsite.com/uiucdstl"
-            target="_blank"
-            rel="noreferrer"
-          >
-            data storytelling toolkit for librarians
-          </a>
-          ,
-        </li>
-        <li>
-          a <strong>musician</strong> interested in algorithmic composition and
-          computer music, and
-        </li>
-        <li>
-          a <strong>team lead</strong> at UIUC's tech services help desk.
+          a <strong>musician</strong> interested in algorithmic composition,
+          computer music, and other electronic music.
         </li>
       </ul>
     </Section>

src/components/Contact.js

@@ -1,33 +1,37 @@
-import ghLogo from "../assets/icons/github64.png";
-import liLogo from "../assets/icons/linkedin.png";
-import emailLogo from "../assets/icons/alternate_email_FILL0_wght400_GRAD0_opsz48.svg";
-import scLogo from "../assets/icons/soundcloud.png";
 import Section from "./subcomponents/Section";
 
 export default function Contact() {
   return (
-    <Section name="where you can find me">
+    <Section name="contact me">
       <div className="contacts-container">
-        <a
-          href="https://www.linkedin.com/in/rafael-gil-diaz/"
-          rel="noreferrer"
-          target="_blank"
-        >
-          <img src={liLogo} alt="linkedin" />
-        </a>
-        <a href="https://github.com/rgildiaz" rel="noreferrer" target="_blank">
-          <img src={ghLogo} alt="github" />
-        </a>
-        <a href="mailto:[email protected]" rel="noreferrer" target="_blank">
-          <img src={emailLogo} alt="email" />
-        </a>
-        <a
-          href="https://soundcloud.com/rafigildiaz"
-          rel="noreferrer"
-          target="_blank"
-        >
-          <img src={scLogo} alt="soundcloud" />
-        </a>
+        <div>
+          <a
+            href="https://www.linkedin.com/in/rafael-gil-diaz/"
+            rel="noreferrer"
+            target="_blank"
+          >
+            linkedin
+          </a>
+        </div>
+        <div>
+          <a href="https://github.com/rgildiaz" rel="noreferrer" target="_blank">
+            github
+          </a>
+        </div>
+        <div>
+          <a href="mailto:[email protected]" rel="noreferrer" target="_blank">
+            email
+          </a>
+        </div>
+        <div>
+          <a
+            href="https://soundcloud.com/rafigildiaz"
+            rel="noreferrer"
+            target="_blank"
+          >
+            soundcloud
+          </a>
+        </div>
       </div>
     </Section>
   );

src/components/Experience.js

@@ -4,7 +4,7 @@ import Link from "./subcomponents/Link";
 
 export default function Experience() {
   return (
-    <Section name="what i've done">
+    <Section name="projects">
       <Card name="dstl" date="fall 22" align="right">
         <Link href="https://uiucdstl.wixsite.com/uiucdstl">website</Link>|<Link href="https://github.com/rgildiaz/dstl-mockups">github</Link>
         <p>

src/components/Footer.js

@@ -1,16 +1,16 @@
 const footerStyles = {
-    fontSize: "12px",
-    color: "gray",
-    textAlign: "center",
-    paddingBottom: "30px",
-  };
+  fontSize: "12px",
+  color: "gray",
+  textAlign: "center",
+  paddingBottom: "30px",
+};
 
 export default function Footer() {
   return (
     <footer className="footer" style={{ ...footerStyles }}>
-      &copy; Rafi Gil Diaz 2022 |{" "}
+      &copy; Rafi Gil Diaz 2025 |{" "}
       <a
-        href="https://github.com/rgildiaz/rafi.web.illinois.edu"
+        href="https://github.com/rgildiaz/blog"
         rel="noreferrer"
         target="_blank"
       >