1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
|
<!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;
line-height: 1.3;
}
a {
color: #1e90ff;
text-decoration: none;
cursor: alias;
}
a:hover {
text-decoration: underline;
font-size: 105%;
transition: all 0.2s ease-in-out;
}
a.disabled {
color: grey;
cursor: not-allowed;
}
a:hover.disabled {
text-decoration: none;
font-size: 100%;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #888;
}
/* Remove massive spacing between headers and p */
.deployment-section > h3,
.project-section > h3 {
margin-bottom: 0.25rem;
}
.deployment-section > p,
.project-section > p {
margin-top: 0;
}
.deployment-section > ul > li > h4 {
margin-bottom: 0.25rem;
}
.project-section > ul > li > h4 {
margin-bottom: 0;
}
.project-section > ul > li > p,
.deployment-section > ul > li > p {
margin-top: 0;
}
/* Dark mode theme support */
@media (prefers-color-scheme: dark) {
body {
background-color: #121212;
color: #e0e0e0;
}
a {
color: #66aaff;
}
}
/* Phone support */
@media (max-width: 600px) {
.container {
padding: 0 20px 20px 20px;
}
ul {
padding-left: 20px;
}
}
</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 email me at
<a href="mailto:mfoiani@mfoi.dev">mfoiani@mfoi.dev</a>!
</p>
</header>
<hr />
<main>
<article>
<section aria-label="Deployment List" class="deployment-section">
<h3>My Deployments</h3>
<p>
Here are some of my web deployments hosted on my server at home.
<br />Some are public, so please explore:
</p>
<ul class="deployment-list">
<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" href="#WIP">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="#WIP" 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>
<section aria-label="Project List" class="project-section">
<h3>My Projects</h3>
<p>
Here are some significant projects I have done, mostly from my
coursework:
</p>
<ul>
<li>
<h4>Weenix OS</h4>
<p>
(<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
>)
<br />
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</h4>
<p>
(<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
>)
<br />
Chaotic simulations in Julia investigating a power law between a
Lyapunov exponent and time to equipartition.
</p>
</li>
<li>
<h4>Ocean Simulator</h4>
<p>
(<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
>)
<br />
A project in C++ leveraging the GPU (OpenGL) and the fourier
series to efficiently and accurately simulate waves.
</p>
</li>
<li>
<h4>Ultrasonic Linklayer</h4>
<p>
(<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
>)
<br />
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</h4>
<p>
(<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
>)
<br />
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</h4>
<p>
(<a
target="_blank"
href="https://www.git.mfoi.dev/iptcp.git/about/"
>code</a
>)
<br />
A lightweight, multithreaded client/server 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</h4>
<p>
(<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
>)
<br />
A multithreaded server/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 in minimalism, privacy, and that
"comparison is the thief of joy". I'm not here to impress, just to
publicize what I want to be public.
<br />
© 2025 Michael Foiani
</p>
</footer>
</body>
</html>
|
