print compatibility and small work changes

author: sotech117 <michael_foiani@brown.edu> 2025-09-17 12:10:50 -0400
committer: sotech117 <michael_foiani@brown.edu> 2025-09-17 12:10:50 -0400
commit: 3eef3f0e4d35541c4251d85df06d09121aed2255 (patch)
tree: ca311be108dc9e68553f99754544608cf54b29d3
parent: 92c9d9661a6a09bbf721003aad8c815105345cbb (diff)
1 files changed, 63 insertions, 36 deletions
diff --git a/resume.html b/resume.html
index 6d67b63..550da22 100644
--- a/resume.html
+++ b/resume.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>Michael Foiani Resume</title>
+    <title>Michael Foiani's Resume</title>
     <meta name="description" content="Michael Foiani's Frontend Resume 2025" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="favicon.ico" />
@@ -25,7 +25,7 @@
 
         /* Margins */
         margin: 1rem auto;
-        max-width: 850px;
+        max-width: 800px;
         padding: 0 2.5vw;
       }
 
@@ -78,8 +78,19 @@
         font-style: italic;
       }
 
+      footer {
+        font-size: 0.75rem; /* 12px = 9pt font */
+        text-align: center;
+        padding-top: 1rem;
+      }
+
       /* print css media query */
       @media print {
+        /* Remove margins given by browser on print */
+        @page {
+          margin: 0;
+        }
+
         body {
           /* Arial font preferred for resumes */
           font-family: Arial, Helvetica, sans-serif;
@@ -91,6 +102,11 @@
           margin: 0.25in 0.5in;
           padding: 0;
         }
+
+        /* Remove footer when printing */
+        footer {
+          display: none;
+        }
       }
 
       /* Dark mode theme support */
@@ -109,7 +125,7 @@
     <script defer>
       // Change the title specifically when printing
       window.onbeforeprint = () => (document.title = "michael_foiani_resume");
-      window.onafterprint = () => (document.title = "Michael Foiani Resume");
+      window.onafterprint = () => (document.title = "Michael Foiani's Resume");
     </script>
   </head>
 
@@ -117,15 +133,20 @@
     <header>
       <h2 class="main-title" aria-label="Name">Michael Foiani</h2>
       <nav class="contact-details" aria-label="Contact Details">
-        <span>
+        <span
+          >email:
           <a target="_blank" href="mailto:mfoiani@mfoi.dev"
             >mfoiani@mfoi.dev</a
           ></span
         >
         <span>|</span>
-        <span><a target="_blank" href="tel:4402279674">(440)-227-9674</a></span>
+        <span
+          >phone:
+          <a target="_blank" href="tel:4402279674">(440)-227-9674</a></span
+        >
         <span>|</span>
         <span>
+          git:
           <a target="_blank" href="https://www.git.mfoi.dev/"
             >www.git.mfoi.dev</a
           ></span
@@ -153,12 +174,6 @@
                 >
                 <span class="aligned-right">Graduated 2024</span>
               </div>
-              <div>
-                <span
-                  >Specialties: UI/UX, HCI, Graphics, Computational Physics,
-                  Operating Systems</span
-                >
-              </div>
             </section>
           </li>
           <li>
@@ -171,10 +186,14 @@
                 <span class="aligned-right">Graduated 2023</span>
               </div>
               <div>
-                <span
-                  >Awards: Alfred H. Joslin Award, Magna Cum Laude, and
-                  Departmental Honors</span
-                >
+                <p>
+                  Awards: Alfred H. Joslin Award, Magna Cum Laude, and
+                  Departmental Honors
+                </p>
+                <p>
+                  Specialties: UI/UX, HCI, Graphics, Computational Physics,
+                  Operating Systems
+                </p>
               </div>
             </section>
           </li>
@@ -191,16 +210,16 @@
           <ul>
             <li>
               Deployed locally-hosted, secure, private, and cost-effective IT
-              solutions for small businesses and non-profits that reduce
-              operational costs and modernize infrastructure.
+              solutions on Proxmox Servers for small businesses and non-profits
+              that replace monthly subscriptions and modernize infrastructure.
             </li>
             <li>
               Migrate infrastructure like Apache and Ruby on Rails with Nginx
               and Next.JS to ensure future compatibility.
             </li>
             <li>
-              Made landing sites for advertisement purposes in either HTML/CSS
-              or Next.JS/TailwindCSS.
+              Made landing sites for advertisement purposes using either
+              HTML/CSS or Vite+React/TailwindCSS.
             </li>
           </ul>
         </section>
@@ -214,9 +233,16 @@
           </div>
           <ul>
             <li>
-              Automated many manual tasks and data pipeline processes as the
-              Head Teaching Assistant for two 400+ student and 50+ staff courses
-              (including the largest UI/UX course in the country).
+              Automated tasks and data pipelines in JavaScript (Google Apps
+              Script), Node.js, and Python as the Head Teaching Assistant for
+              two 400+ student and 50+ staff courses (incl. the largest UI/UX
+              course in the U.S.).
+            </li>
+            <li>
+              Reverse engineered Gradescope's RESTful API using Postman to
+              create a locally-hosted dockerized Node.js backend and TypeScript
+              React frontend (with tRPC) that simplifies management of grading
+              data for professors.
             </li>
             <li>
               Revamped the main course website(s) CI/CD pipeline to include
@@ -224,13 +250,8 @@
               ensure students would not access broken links.
             </li>
             <li>
-              Reverse engineered Gradescope's API using Postman to create a
-              self-hosted dockerized Typescript Next.JS app to simplify
-              management of grading data for professors.
-            </li>
-            <li>
-              Integrated UX Factor, a peer-to-peer grading system in vanilla JS,
-              reducing manual grading by ~80%.
+              Integrated UX Factor, a peer-to-peer grading system in vanilla
+              JavaScript, removing 80% of manual grading.
             </li>
             <li>
               Organized the creation and review of all course materials relating
@@ -250,11 +271,11 @@
           </div>
           <ul>
             <li>
-              Developed innovative features in a large TypeScript React webapp
-              (called Dash) used by thousands.
+              Developed innovative features in Dash, a large TypeScript React
+              hypermedia web app used by thousands.
             </li>
             <li>
-              Designed and implemented an efficient interactive storytelling
+              Designed and implemented an efficient, interactive storytelling
               platform in Dash using a custom Typescript trie parser on MongoDB
               documents for my honors thesis, sponsored by and presented to
               Adobe and Figma.
@@ -297,7 +318,7 @@
               <span class="project-name">Watchdogs:</span> a React frontend with
               a Java Spring and SQLite3 backend that takes data from the SEC on
               CEOs, determines related trades using PageRank, then displays the
-              results visually in an HTML canvas (<a
+              results graphically in an HTML canvas (<a
                 target="_blank"
                 href="https://www.git.mfoi.dev/watchdogs.git/tree/?h=master"
                 >code</a
@@ -305,9 +326,9 @@
             </li>
 
             <li>
-              <span class="project-name">MAO-PWA:</span> a progressive webapp in
-              Polymer3 with a Firebase backend to manage tutoring and signups
-              for my high school's math team (<a
+              <span class="project-name">MAO-PWA:</span> a progressive web app
+              using Polymer3, Redux, and a Firebase backend to manage tutoring
+              and signups for my high school's math team (<a
                 target="_blank"
                 href="https://www.git.mfoi.dev/mao-pwa.git/tree/"
                 >code</a
@@ -342,6 +363,12 @@
           </ul>
         </section>
       </article>
+
+      <footer>
+        <p>
+          <a href="javascript:window.print();">Click here</a> to print this.
+        </p>
+      </footer>
     </main>
   </body>
 </html>
author	sotech117 <michael_foiani@brown.edu>	2025-09-17 12:10:50 -0400
committer	sotech117 <michael_foiani@brown.edu>	2025-09-17 12:10:50 -0400
commit	3eef3f0e4d35541c4251d85df06d09121aed2255 (patch)
tree	ca311be108dc9e68553f99754544608cf54b29d3
parent	92c9d9661a6a09bbf721003aad8c815105345cbb (diff)