luccapirovano/websites-resume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added a ton of stuff, carproject website, etc

Browse Source
This commit is contained in:
Lucca Pirovano
2026-04-02 18:09:34 -04:00
parent e5e5eefa3b
commit 8b154f8e99
9 changed files with 170 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.index.html.kate-swp
BIN
View File
Binary file not shown.
carproject/1fan.webm
BIN
View File
Binary file not shown.
carproject/2fans.webm
BIN
View File
Binary file not shown.
carproject/index.html
+138
View File
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fan Car Showcase</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #111;
color: #fff;
}
h1 {
text-align: center;
margin: 20px 0 10px;
}
#playBtn {
display: block;
margin: 10px auto 20px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 8px;
border: none;
background: #ff4444;
color: white;
transition: background 0.2s;
}
#playBtn:hover {
background: #ff2222;
}
.container {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
max-width: 1200px;
margin: auto;
}
.video-card {
background: #000;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0,0,0,0.6);
}
/* 16:9 video */
.wide video {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
}
/* Bottom row layout */
.bottom-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
/* 9:16 videos */
.vertical video {
width: 100%;
aspect-ratio: 9 / 16;
object-fit: cover;
display: block;
}
.description {
padding: 14px;
font-size: 14px;
color: #ccc;
line-height: 1.5;
}
.description strong {
color: #fff;
}
/* Mobile tweak */
@media (max-width: 600px) {
.vertical video {
aspect-ratio: 9 / 16;
}
}
</style>
</head>
<body>
<h1>Aerodrive Fan Car Showcase</h1>
<button id="playBtn">Play Videos</button>
<div class="container">
<!-- Top 16:9 Video --> <div class="video-card wide"> <video id="leftVideo" muted loop> <source src="1fan.webm" type="video/webm"> </video> <div class="description"> <strong>Fan Control System:</strong><br> This part of the project demonstrates generating a PWM signal with an Arduino to control computer fans. These fans were used as propulsion for the car, allowing precise speed control through software. </div> </div> <!-- Bottom Videos --> <div class="bottom-row"> <div class="video-card vertical"> <video id="video1" muted loop> <source src="video1.webm" type="video/webm"> </video> <div class="description"> <strong>Control & Camera Interface:</strong><br> A unified web interface combining real-time car controls with a live camera feed, allowing full remote operation and visibility directly from the browser. </div> </div> <div class="video-card vertical"> <video id="video2" muted loop> <source src="video2.webm" type="video/webm"> </video> <div class="description"> <strong>Car in Motion:</strong><br> Footage of the fan-powered car driving in action.</div> </div> </div>
</div>
<script>
const btn = document.getElementById("playBtn");
const vids = [
document.getElementById("leftVideo"),
document.getElementById("video1"),
document.getElementById("video2")
];
let isPlaying = false;
btn.addEventListener("click", () => {
if (!isPlaying) {
vids.forEach(v => {
v.currentTime = 0;
v.play();
});
btn.textContent = "Pause Videos";
isPlaying = true;
} else {
vids.forEach(v => v.pause());
btn.textContent = "Play Videos";
isPlaying = false;
}
});
</script>
</body>
</html>
carproject/video1.webm
BIN
View File
Binary file not shown.
carproject/video2.webm
BIN
View File
Binary file not shown.
gianluccapirovano.com-qr.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 402 B

images/peppermint.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 KiB

index.html
+32 -12
View File
@@ -27,7 +27,7 @@
} else if (months > 0) { } else if (months > 0) {
str = months + ' Month' + (months !== 1 ? 's' : ''); str = months + ' Month' + (months !== 1 ? 's' : '');
} else { } else {
str = '0 Months'; str = '1 Month';
} }
return str; return str;
} }
@@ -39,6 +39,12 @@
browardDuration.textContent = calculateDuration(2025, 8, 30); // September 30, 2025 browardDuration.textContent = calculateDuration(2025, 8, 30); // September 30, 2025
} }
}); });
document.addEventListener('DOMContentLoaded', function () {
var browardPythonAssistantDuration = document.getElementById('browardPythonAssistantDuration');
if (browardPythonAssistantDuration) {
browardPythonAssistantDuration.textContent = calculateDuration(2026, 3, 09); // March 9, 2026
}
});
</script> </script>
</head> </head>
<body> <body>
@@ -55,9 +61,9 @@
<div> <div>
Technical Skills: Technical Skills:
<ul> <ul>
<li><u>Linux</u>: Debian, Ubuntu, Fedora, CentOS/Rocky, Arch, Manjaro, Alpine, FreeBSD</li> <li><u>Linux / Unix-Like</u>: Debian, Ubuntu, Fedora, CentOS/Rocky, Arch, Alpine, FreeBSD, MacOS</li>
<li><u>Windows</u>: XP, 7, 8, 8.1, 10, 10 Enterprise, 10 Enterprise LTSB/LTSC, 11, 11 Enterprise, Server 2012-R2, Server 2019, Server 2022</li> <li><u>Windows</u>: XP, 7, 8, 8.1, 10, 10 Enterprise, 10 Enterprise LTSB/LTSC, 11, 11 Enterprise, Server 2012-R2, Server 2019, Server 2022</li>
<li><u>Software & Tools</u>: Active Directory, Proxmox VE, KVM, PCIe passthrough, Python, HTML, CSS, pfSense, Apache, PHP, Docker, UFW + firewalld, vsftpd, stunnel, SSH, stable-diffusion-webui, ConnectWise, Peppermint.sh</li> <li><u>Software & Tools</u>: Active Directory, Proxmox VE, KVM, PCIe passthrough, Python, HTML, CSS, pfSense, Apache, PHP, Docker, UFW + firewalld, vsftpd, stunnel, SSH, stable-diffusion-webui, ConnectWise, Peppermint.sh, Arduino</li>
</ul> </ul>
</div> </div>
@@ -65,22 +71,36 @@
<div> <div>
Work Experience: Work Experience:
<ul> <ul>
<li><a href="https://www.wheelhouseit.com/">Wheelhouse IT</a> - IT Support Agent - 9 Months</li> <li><a href="https://www.wheelhouseit.com/">Wheelhouse IT</a> - MSP IT Support Agent - 9 Months</li>
<li><a href="https://www.wheelhouseit.com/">Wheelhouse IT</a> - IT Support Technician - 9 Months</li> <li><a href="https://www.wheelhouseit.com/">Wheelhouse IT</a> - MSP IT Support Technician - 9 Months</li>
<li><a href="https://www.broward.edu/">Broward College</a> - Computer Lab Tutor / Robot Technician - <span id="broward-duration"></span></li> <li><a href="https://www.broward.edu/">Broward College</a> - Computer Lab Tutor / Robot Technician - [Current] - <span id="broward-duration"></span></li>
<li><a href="https://www.broward.edu/">Broward College</a> - Computer Science Professor Assistant [FIU Study Coach Grant] - [Current] - <span id="browardPythonAssistantDuration"></span></li>
</ul> </ul>
</div> </div>
<!-- Personal Endeavors --> <!-- Projects -->
<div> <div>
Personal Endeavors: Projects:
<ul> <ul>
<li>A <a href="https://readonlywiki.luccapirovano.com">knowledgebase</a> to document projects and processes I've learned in my career.</li> <li>A <a href="https://readonlywiki.luccapirovano.com">knowledgebase</a> to document projects and processes I've learned in my career.</li>
<li>A complex home <a href="images/setup.jpg">computer setup</a> that uses virtualization and PCIe passthrough to segment different workflows.</li> <li>A complex home <a href="images/setup.jpg">computer setup</a> that uses virtualization and PCIe passthrough to segment different workflows.</li>
<li>Deployed and self-host <strong>Peppermint.sh</strong> — a lightweight open-source ticketing system (currently managing 11 open issues, 161 completed issues).</li> <li>Deployed and self-host <a href="images/peppermint.png">Peppermint.sh</a> — a lightweight open-source ticketing system for my own personal projects (currently managing 11 open issues, 161 completed issues).</li>
<li>Skilled at configuring and managing switches, routers, and firewalls.</li> <li><a href="https://readonlywiki.luccapirovano.com/index.php/Infared_Reciever_w/_Alpine_on_the_Bulldozer_Datto">Infrared Receiver on Alpine Linux</a> — Configured NetworkManager WiFi and full LIRC infrared support with custom remote mapping and bash scripting for remote-triggered bash commands.</li>
<li>Took a CyberPatriot competition team to gold semifinals in Windows 10, Windows Server, and Debian Linux.</li> <li>Deployed a <a href="https://www.pfsense.org/">pfSense</a> router with multiple subnets, IP whitelisting, and advanced firewall rules.</li>
<li>Won first place nationally in the Business Professionals of America Leadership Competition for the Linux category.</li> <li><a href="carproject">Aerodrive: Arduino Fan Car</a> — Built a fan-propelled car prototype controlled by Arduino. Generated custom PWM signals on the Arduino to drive the fans. Integrated a Raspberry Pi as a wireless Access Point with a live camera feed and web interface that allowed real-time control of fan speeds. AI Tools were used extensively to complete the project before the deadline.</li>
<li>Kali NetHunter on Pixel 3a — Installed and configured a mobile penetration testing environment, experimenting with USB (HID/device emulation), Bluetooth, NFC, and Wi-Fi attack vectors.</li>
</ul>
</div>
<!-- Competitions & Hackathons -->
<div>
Competitions & Hackathons:
<ul>
<li>Achieved Gold Semifinals in <a href="https://www.uscyberpatriot.org/">CyberPatriot</a> (Windows 10, Windows Server, and Debian Linux).</li>
<li>Won 1st Place nationally in <a href="https://bpa.org/">Business Professionals of America (BPA)</a> Leadership Competition – Linux category.</li>
<li>Participated in <a href="https://shellhacks.net/">ShellHacks 2025</a> at Florida International University.</li>
<li>Participated in <a href="https://www.plutohacks.com/">PlutoHacks 2025</a> at Broward College.</li>
<li>Participated in <a href="https://luma.com/0ft353ya">FlagOps 2025</a> – FIU Capture The Flag cybersecurity competition.</li>
</ul> </ul>
</div> </div>