diff options
Diffstat (limited to 'resume.html')
-rw-r--r-- | resume.html | 343 |
1 files changed, 343 insertions, 0 deletions
diff --git a/resume.html b/resume.html new file mode 100644 index 0000000..ded8a88 --- /dev/null +++ b/resume.html @@ -0,0 +1,343 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8" /> + <title>Michael Foiani Resume</title> + <meta name="description" content="Michael Foiani's Resume 2025" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <style> + /* minimalist reset */ + * { + padding: 0; + margin: 0; + } + + body { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", + Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", + sans-serif; + background-color: #fff; + color: #121212; + + /* 1rem = 16px = 12pt font */ + font-size: 1rem; + + /* margins */ + margin: 1rem 2rem; + } + + header { + line-height: 1.2; + } + + .main-title { + text-align: center; + font-size: 1.167rem; /* 18.67px = 14pt font */ + font-weight: bold; + } + + .contact-details { + text-align: center; + } + + a { + text-decoration: none; + color: #007bff; + } + + .summary { + text-align: center; + } + + header { + padding-bottom: 1rem; + } + + main { + font-size: 0.875rem; /* 14px = 10.5pt font */ + line-height: 1.5; + } + + ul { + padding-left: 30px; + padding-bottom: 1rem; + } + + .line-with-spacer { + display: flex; + justify-content: space-between; + align-items: center; + gap: 1rem; + } + + .job-title, + .project-name { + font-style: italic; + } + + /* print css media query */ + @media print { + body { + /* Arial font preferred for resumes */ + font-family: Arial, Helvetica, sans-serif; + + /* Max width of normal letter paper */ + max-width: 8.5in; + + /* Margins */ + margin: 0.25in 0.5in; + } + } + + /* Dark mode theme support */ + @media (prefers-color-scheme: dark) { + body { + background-color: #121212; + color: #e0e0e0; + } + + a { + color: #66aaff; + } + } + </style> + + <script defer> + // Change the title specifically when printing + window.onbeforeprint = () => (document.title = "michael_foiani_resume"); + window.onafterprint = () => (document.title = "Michael Foiani Resume"); + </script> + </head> + + <body> + <header> + <h2 class="main-title" aria-label="Name">Michael Foiani</h2> + <nav class="contact-details" aria-label="Contact Details"> + <span> + <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>|</span> + <span> + <a target="_blank" href="https://www.git.mfoi.dev/" + >www.git.mfoi.dev</a + ></span + > + </nav> + + <p class="summary" aria-label="Summary"> + U.S. citizen moving to NYC in November but can work remote or move + sooner if needed. + </p> + </header> + + <main> + <article aria-label="Summary"></article> + + <article aria-label="Education List"> + <h3>Education</h3> + <ul> + <li> + <section> + <div class="line-with-spacer"> + <span + >Sc.M. in Computer Science from Brown University, 4.0 + GPA</span + > + <span class="aligned-right">Graduated 2024</span> + </div> + <div> + <span + >Specialties: UI/UX, HCI, Graphics, Computational Physics, + Operating Systems</span + > + </div> + </section> + </li> + <li> + <section> + <div class="line-with-spacer"> + <span + >Sc.B. in Computer Science & A.B. in Physics from Brown + University, 3.94 GPA</span + > + <span class="aligned-right">Graduated 2023</span> + </div> + <div> + <span + >Awards: Alfred H. Joslin Award, Magna Cum Laude, and + Departmental Honors</span + > + </div> + </section> + </li> + </ul> + </article> + + <article> + <h3>Work History</h3> + <section> + <div class="line-with-spacer job-title"> + <span>Owner of MFOI Consulting LLC; Naples FL</span> + <span class="aligned-right">July 2024 to Current</span> + </div> + <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. + </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. + </li> + </ul> + </section> + + <section> + <div class="line-with-spacer job-title"> + <span + >Head Teaching Assistant; Brown University, Providence RI</span + > + <span class="aligned-right">January 2022 - May 2024</span> + </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). + </li> + <li> + Revamped the main course website(s) CI/CD pipeline to include + comprehensive tests for traversing links in GitHub Actions to + 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%. + </li> + <li> + Organized the creation and review of all course materials relating + to HTML5, CSS3, JavaScript, React, web accessibility, and UI/UX + design. + </li> + </ul> + </section> + + <section> + <div class="line-with-spacer job-title"> + <span + >Research Assistant for Prof. Van Dam's Graphics Lab; Brown + University</span + > + <span class="aligned-right">January 2022 - May 2023</span> + </div> + <ul> + <li> + Developed innovative features in a large TypeScript React webapp + (called Dash) used by thousands. + </li> + <li> + 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. + </li> + <li> + Ported light video processing from the Node.js backend to the + client using WebAssembly FFMPEG libraries, reducing heavy CPU + usage and network load on the Azure server during peak hours. + </li> + </ul> + </section> + + <section> + <div class="line-with-spacer job-title"> + <span + >Fullstack Software Engineer Intern; Tagg.Id, Palo Alto CA</span + > + <span class="aligned-right">Summer 2021</span> + </div> + <ul> + <li> + Served as the main point of contact for cross-functional + collaboration among the design, frontend, and backend engineering + teams, determining feature integration feasibility. + </li> + <li> + Developed a touch-based video editing frontend for mobile devices + in React Native with native GPU support to double editing + performance and increase video resolution to native. + </li> + </ul> + </section> + </article> + + <article aria-label="project-list"> + <h3>Relevant Projects</h3> + <section> + <ul> + <li> + <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 + target="_blank" + href="https://www.git.mfoi.dev/watchdogs.git/tree/?h=master" + >code</a + >). + </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 + target="_blank" + href="https://www.git.mfoi.dev/mao-pwa.git/tree/" + >code</a + >). + </li> + + <li> + <span class="project-name">Brown's UIUX Course Website:</span> led + a team of 12 to design and develop a simple, lightweight, and + accessible site in plain HTML, CSS, and JS used by hundreds of + students. (<a + target="_blank" + href="https://cs.brown.edu/courses/csci1300/fall2022/" + >site</a + >, + <a + target="_blank" + href="https://www.git.mfoi.dev/cs1300-2022-website.git/tree/" + >code</a + >). + </li> + + <li> + <span class="project-name">Simple AB Template:</span> + A local AB test stencil in vanilla JS using local browser storage + (<a + target="_blank" + href="https://www.git.mfoi.dev/ab-testing-stencil.git/tree/?h=main" + >code</a + >). + </li> + </ul> + </section> + </article> + </main> + </body> +</html> |