summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorsotech117 <michael_foiani@brown.edu>2025-09-16 21:46:37 -0400
committersotech117 <michael_foiani@brown.edu>2025-09-16 21:46:37 -0400
commitd475517c9b2e2eb8826a30aef8f3413c8e982c35 (patch)
treef9457e2d1d6232dace975cce7ed4e391d0e127bb
intial commit
Diffstat
-rw-r--r--index.html370
-rw-r--r--resume.html343
2 files changed, 713 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..db62af1
--- /dev/null
+++ b/index.html
@@ -0,0 +1,370 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <title>mfoiani site</title>
+ <meta name="description" content="Michael Foiani's personal website" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="icon" href="favicon.ico" />
+ <style>
+ html {
+ scroll-behavior: smooth;
+ }
+
+ 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;
+ }
+
+ a {
+ color: #1e90ff;
+ text-decoration: none;
+ cursor: alias;
+ }
+
+ a.disabled {
+ color: grey;
+ cursor: not-allowed;
+ }
+
+ .container {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 20px;
+ }
+
+ footer {
+ text-align: center;
+ margin-top: 40px;
+ font-size: 0.9em;
+ color: #888;
+ }
+
+ /* Dark mode theme support */
+ @media (prefers-color-scheme: dark) {
+ body {
+ background-color: #121212;
+ color: #e0e0e0;
+ }
+
+ a {
+ color: #66aaff;
+ }
+ }
+ </style>
+ </head>
+
+ <body class="container">
+ <header>
+ <h2>Ciao a tutti, I'm Michael!</h2>
+ <p>
+ I have been making websites for 13 years, starting with a basic HTML
+ page on my Mom's old Windows XP laptop in 6th grade. Since then, I have
+ built upon this initial interest into a passion for all things
+ technology. Recently, I graduated with my Masters in Computer Science
+ from Brown University, specializing in UI/UX, Graphics, and Operating
+ Systems.
+ </p>
+
+ <p>
+ While I love making minimalist websites, I also enjoy deploying
+ open-source applications and writing low-level code. See my deployments
+ and projects below for more!
+ </p>
+
+ <p>
+ If you want to contact me for any reason, don't hesistate to
+ <a href="mailto:mfoiani@mfoi.dev"> email me</a>!
+ </p>
+ </header>
+
+ <hr />
+
+ <main>
+ <article aria-label="Deployments">
+ <h3>My Deployments</h3>
+ <p>
+ Some of these sites are public so take a look!
+ <br />There's also some secret sites at x.mfoi.dev, if you're up for
+ the challenge.
+ </p>
+ <section aria-label="Deployment List">
+ <ul>
+ <li>
+ <h4>
+ <a target="_blank" href="https://git.mfoi.dev">git.mfoi.dev</a>
+ </h4>
+ <p>
+ My home for all my cool code (using
+ <a target="_blank" href="https://git.zx2c4.com/cgit/">cgit</a>)!
+ </p>
+ </li>
+ <li>
+ <h4>
+ <a target="_blank" href="https://invest.mfoi.dev"
+ >invest.mfoi.dev</a
+ >
+ </h4>
+ <p>
+ A frontend showing the buy and sell signals of my handmade
+ physics-informed trading algorithm, along with the yield over
+ time. Designed specifically for crypto, my algorithm is actively
+ trading 24/7 on
+ <a target="_blank" href="https://alpaca.markets">alpaca</a>!
+ </p>
+ </li>
+ <li>
+ <h4>
+ <a target="_blank" href="https://ai.mfoi.dev">ai.mfoi.dev</a>
+ </h4>
+ <p>
+ My AI playground using
+ <a
+ target="_blank"
+ href="https://github.com/open-webui/open-webui"
+ >
+ OpenWebUI
+ </a>
+ with an
+ <a target="_blank" href="https://github.com/ollama/ollama"
+ >Ollama</a
+ >
+ backend running on my old gaming rig. I train and use my own
+ custom models and enjoy the privacy of running everything
+ locally.
+ </p>
+ </li>
+ <li>
+ <h4>
+ <a target="_blank" href="https://drive.mfoi.dev"
+ >drive.mfoi.dev</a
+ >
+ </h4>
+ <p>
+ A locally-hosted google drive "clone" using
+ <a target="_blank" href="https://github.com/nextcloud/server"
+ >nextcloud</a
+ >
+ for myself, friends, and family. Also has conferencing using
+ WebRTC for video calls, which has been convenient for my
+ consulting firm.
+ </p>
+ </li>
+ <li>
+ <h4>
+ <a target="_blank" href="https://browndash.mfoi.dev"
+ >browndash.mfoi.dev</a
+ >
+ </h4>
+ <p>
+ My own personal deployment of a hypermedia dashboard software I
+ worked on during my research at Brown, since
+ <a target="_blank" href="https://browndash.com"
+ >browndash.com</a
+ >
+ has been consistently down since I graduated (lmao). It's
+ basically Prezi on steroids, and I use it to spice up
+ presentations for my consulting firm. You can find some example
+ use cases on their
+ <a
+ target="_blank"
+ href="https://brown-dash.github.io/Dash-Documentation/about/"
+ >documentation website</a
+ >.
+ </p>
+ </li>
+ <li>
+ <h4>
+ <a class="disabled" target="_blank" href="#">mail.mfoi.dev</a>
+ </h4>
+ <p>
+ This is my own personal email server setup using Luke Smith's
+ <a
+ target="_blank"
+ href="https://github.com/LukeSmithxyz/emailwiz"
+ >
+ emailwiz.</a
+ >
+ I've reviewed the script, and it's very solid and secure. Uses
+ dovecot and postfix under the hood with many other open-source
+ plugins to beat spam, phishing, and filtering.
+ </p>
+ </li>
+ <li>
+ <h4>
+ <a class="disabled" href="#" a>blog.mfoi.dev [WIP]</a>
+ </h4>
+ <p>
+ My personal blog where I write about tech, life, and random
+ thoughts - including some entries from my diary in 6th grade.
+ Planning a release in 2026!
+ </p>
+ </li>
+ </ul>
+ </section>
+ </article>
+
+ <article aria-label="Projects">
+ <h3>My Projects</h3>
+ <p>
+ Below are some projects I have highlighted, mostly from my coursework.
+ </p>
+ <section aria-label="Project List">
+ <ul>
+ <li>
+ <h4>
+ Weenix OS (<a
+ target="_blank"
+ href="https://www.youtube.com/watch?v=IlQnA11jGYM"
+ >video</a
+ >,
+ <a
+ target="_blank"
+ href="https://www.git.mfoi.dev/weenix.git/about/"
+ >code</a
+ >)
+ </h4>
+ <p>
+ An x86 operating system in C from scratch, including a
+ scheduler, filesystem, and (virtual) memory manager.
+ </p>
+ </li>
+ <li>
+ <h4>
+ Investigation into the Chaotic Fermi Pasta Ulam Chain (<a
+ target="_blank"
+ href="https://drive.mfoi.dev/s/cb2G495pyWdd7WT"
+ >paper</a
+ >,
+ <a
+ target="_blank"
+ href="https://www.youtube.com/watch?v=YfniUqQ1EaQ"
+ >video</a
+ >,
+ <a
+ target="_blank"
+ href="https://www.git.mfoi.dev/computational-physics.git/tree/final-project/fpu.jl"
+ >code</a
+ >)
+ </h4>
+ <p>
+ Chaotic simulations in Julia investigating a power law between a
+ Lyapunov exponent and time to equipartition.
+ <br />
+ </p>
+ </li>
+ <li>
+ <h4>
+ Ocean Simulator (<a
+ target="_blank"
+ href="https://youtube.com/playlist?list=PLAF6pqeeEdDFOsMCrmeBBdutyUhxff_NP&si=BntkL-2Jnu_5OvHC"
+ >videos</a
+ >,
+ <a
+ target="_blank"
+ href="https://www.git.mfoi.dev/ocean-simulation.git/tree/"
+ >code</a
+ >)
+ </h4>
+ <p>
+ A project in C++ leveraging the GPU (OpenGL) and the fourier
+ series to efficiently and accurately simulate waves.
+ </p>
+ </li>
+ <li>
+ <h4>
+ Ultrasonic Linklayer
+ <a
+ target="_blank"
+ href="https://www.youtube.com/watch?v=N2Lnv_yb9E8"
+ >video</a
+ >,
+ <a
+ target="_blank"
+ href="https://www.git.mfoi.dev/basic-ultrasonic-linklayer.git/about/"
+ >code</a
+ >
+ </h4>
+ <p>
+ A link-layer protocol in Python allowing for communication of
+ data among nodes using silent soundwaves (frequencies that
+ computers can pick up but humans cannot hear).
+ </p>
+ </li>
+ <li>
+ <h4>
+ Neural Oscilliscope
+ <a
+ target="_blank"
+ href="https://drive.mfoi.dev/s/oDmMsL98JzdQ2gw"
+ >paper</a
+ >,
+ <a
+ target="_blank"
+ href="https://www.git.mfoi.dev/oscilloscope.git/about/"
+ >code</a
+ >
+ </h4>
+ <p>
+ A neural net in Python applied on a oscilloscope to more
+ accurately tune instruments in thermodynamically diverse
+ environments.
+ </p>
+ </li>
+ <li>
+ <h4>
+ Implementing TCP/IP
+ <a
+ target="_blank"
+ href="https://drive.mfoi.dev/s/oDmMsL98JzdQ2gw"
+ >paper</a
+ >,
+ <a
+ target="_blank"
+ href="https://www.git.mfoi.dev/oscilloscope.git/about/"
+ >code</a
+ >
+ </h4>
+ <p>
+ A lightweight, performant implementation of the TCP/IP stack in
+ Go, following the exact spec of
+ <a href="https://www.ietf.org/rfc/rfc793.txt">RFC 793</a>.
+ </p>
+ </li>
+
+ <li>
+ <h4>
+ Music Streamer
+ <a
+ target="_blank"
+ href="https://drive.mfoi.dev/s/oDmMsL98JzdQ2gw"
+ >paper</a
+ >,
+ <a
+ target="_blank"
+ href="https://www.git.mfoi.dev/snowcast-streamer.git/about/"
+ >code</a
+ >
+ </h4>
+ <p>
+ A multithreaded server and client package in C to stream music
+ in UDP and broadcast the channel list in TCP.
+ </p>
+ </li>
+ </ul>
+ </section>
+ </article>
+ </main>
+
+ <footer>
+ <p>
+ Thats all? Yup, I really believe that "comparison is the thief of joy",
+ and I will not partake in it.
+ </p>
+ <p>© 2025 Michael Foiani</p>
+ </footer>
+ </body>
+</html>
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>
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2025-10-05 22:24:03 +0000