index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<title>Quinn Ciccoretti's Personal Site</title>
	<!-- Bootstrap -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="shortcut icon" type="image/png" href="./img/favicon.png" />
	<link rel="stylesheet" type="text/css" href="./style.css">
	<!-- Styling -->
	<link rel="stylesheet" media="all" href="./Resume_Files/stockholm.css">
	<script src="./Resume_Files/application.js"></script>
	<!-- Webpack bundle -->
	<script src="./dist/bundle.js"></script>

</head>

<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">

	<img id="stance" src="./img/stance2.png">

	<div style="position: relative; z-index: -99;" class="jumbotron" id="maintitle">
		<h1 style="margin:auto; text-align: center;">Quinn Ciccoretti
			<hr>
		</h1>

	</div>


	<nav class="navbar navbar-default navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			</div>
			<div class="collapse navbar-collapse" id="myNavbar">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#projcontainer">Project Cylinder</a></li>
					<li><a href="#resume">Resume</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<div class="text-center" id="projcontainer">
		<h2 style="padding-top: 15px;">Project Cylinder</h2>
		<hr>
		<div class="col-sm-4 project" id="physvr">
			<a href="https://www.youtube.com/watch?v=CF4xALFeEYY" target="_blank">
				<div class="thumbnail">
					<iframe width="560" height="315" src="https://www.youtube.com/embed/CHEET4r40cs?controls=0"
						frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
						allowfullscreen></iframe>
					<h2><strong>Projected Art</strong></h2>
				</div>
			</a>
		</div>
		<div class="col-sm-4 project" id="sicko">
			<a href="https://devpost.com/software/sicko-code/" target="_blank">
				<div class="thumbnail">
					<img class="img-thumbnail" src="./img/sickocode.png" alt="SickoCode">
					<h2><strong>SickoCode</strong></h2>
				</div>
			</a>
		</div>
		<div class="col-sm-4 project" id="stacks">
			<a href="https://github.com/QuinnCiccoretti/stacksonstacks" target="_blank">
				<div class="thumbnail">
					<img class="img-thumbnail" src="./img/stacksonstacks.png" alt="stacksonstacks logo">
					<h2><strong>StacksOnStacks</strong></h2>
				</div>
			</a>
		</div>
		<div class="col-sm-4 project" id="imm">
			<a href="https://github.com/QuinnCiccoretti/iWiimote" target="_blank">
				<div class="thumbnail">
					<iframe src="https://www.youtube.com/embed/4x07fuPlfCU?controls=0" frameborder="0"
						allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
						allowfullscreen></iframe>
					<h2><strong>iWiimote</strong></h2>
				</div>
			</a>
		</div>
		<div class="col-sm-4 project" id="rc">
			<a href="/raycaster" target="_blank">
				<div class="thumbnail">
					<img class="img-thumbnail" src="./img/soccer-hd.png" alt="raycaster logo">
					<h2><strong>My Very Own Raycaster!</strong></h2>
				</div>
			</a>
		</div>
	</div>

	<div class="container-fluid" id="resume">

		<!-- <div class="col-xl-12"> -->
		<h1 style="margin:auto;text-align: center;">Yes, It's Me.</h1>
		<div class="preview-box">
			<div class="container">
				<div class="main">
					<hr>
					<div class="experience-group row">
						<div class="col-sm-11">
							<div class="group-title">
								<div class="group-title-icon work col-sm-1"></div class="col-sm-1">Work Experience
							</div>
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">Software Engineer - ASTi</div>
								<div class="item-caption setting--primary-text">2022 &nbsp;&nbsp;–&nbsp;&nbsp;Present
								</div>
								<div class="item-description">
									<ul>
										<li>Architected a Golang service to relay embedded comm panel data back to
											acoustic models, enabling higher fidelity in a major flight simulator
											contract.</li>
										<li>Designed an agent in Golang to simultaneously deploy software updates to
											100s of connected Windows workstations.</li>
										<li>Integrated an AI transcription model into legacy recording software so
											customers can search for radio transmissions by keyword, saving hours of
											playing back audio.</li>
										<li>Experimented with virtual machine job threading on my own initiative,
											improving the build time of our primary product by ~45%.</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-sm-11">
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">Software Engineer Intern — ASTi</div>
								<div class="item-caption setting--primary-text">Summer 2021</div>
								<div class="item-description">
									<ul>
										<li>Developed C++ plugin to stream real-time data for compatibility with a
											previously unsupported product.</li>
										<li>Remedied a Golang application using the Windows API so users can easily
											switch audio devices.</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-sm-11">
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">WebXR Engineer — 3Data</div>
								<div class="item-caption setting--primary-text">June &nbsp;&nbsp;–&nbsp;&nbsp;Dec 2020
								</div>
								<div class="item-description">
									<ul>
										<li>Rescued core data visualization library from the brink of retirement by
											porting plotting algorithms to modern browser APIs.</li>
										<li>Organized a TypeScript compilation pipeline to boost code quality of VR
											business visualizations.</li>
										<li>Assisted with a React-based management page as a part-time employee after
											the internship.</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-sm-11">
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">Software Engineer Intern — Leidos</div>
								<div class="item-caption setting--primary-text">Summer 2019</div>
								<div class="item-description">
									<ul>
										<li>Prototyped a product to stream results from CUDA AI models on devices with
											poor internet connection.</li>
										<li>Researched and wrote scripts to automate the highest-burden tasks involved
											in provisioning and authenticating large fleets of IoT devices.</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-sm-11">
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">Apprentice — U.S. Naval Research Laboratory</div>
								<div class="item-caption setting--primary-text">Summer 2017</div>
								<div class="item-description">
									<ul>
										<li>Created C++ application that synchronized eye- and head-trackers to
											determine the real-world accuracy of each device.</li>
										<li>Won 2nd place in IT division for presentation of project.</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<hr>
					<div class="experience-group row">
						<div class="group-title">
							<div class="group-title-icon education col-sm-1"></div class="col-sm-1">Education
						</div>
						<div class="col-sm-11">
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">University of Virginia</div>
								<div class="item-caption setting--primary-text">Class of 2022</div>
								<div class="item-description">
									<p></p>
									<div>Overall GPA 3.91</div>
									<div>Relevant courses: Advanced Calculus and Linear Algebra 1&amp;2, Discrete Math,
										Computer Architecture, Algorithms, Elementary Numerical Analysis, Basic Real
										Analysis, Linear Programming</div>
									<p></p>
								</div>
							</div>
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">Thomas Jefferson High School for Science and Technology
								</div>
								<div class="item-caption setting--primary-text">Class of 2018</div>
							</div>
						</div>
					</div>
					<hr>
					<div class="experience-group row">
						<div class="group-title">
							<div class="group-title-icon custom col-sm-1"></div class="col-sm-1">Awards
						</div>
						<div class="col-sm-11">
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">Eagle Scout</div>
								<div class="item-caption setting--primary-text"></div>
								<div class="item-description"></div>
							</div>
						</div>
					</div>
					<hr>
					<div class="experience-group row">
						<div class="group-title">
							<div class="group-title-icon neeson col-sm-1">
							</div class="col-sm-1">I Have a Very Particular Set of Skills
						</div>
						<div class="col-sm-5">
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">Golang, C++, Typescript, Python, C# (dotnet), bash, GLSL</div>
							</div>
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">git, ffmpeg, tcpdump, Wireshark</div>
							</div>
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">Docker, containerd, RHEL</div>
							</div>
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">Software Development Life Cycle</div>
							</div>
						</div>
						<div class="col-sm-5">
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">AWS Greengrass, IoT, Lambda</div>
							</div>
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">JavaScript &#38; express</div>
							</div>
							<div class="experience-item" style="page-break-inside: avoid;">
								<div class="item-title">TypeScript &#38; webpack</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- </div> -->
		<!-- <div class="col-sm-4">
      <span class="glyphicon glyphicon-signal logo"></span>
    </div> -->

	</div>
	<div id="cage"></div>

	<div class="container-fluid bg-white">

		<div class="row">

			<div class="col-sm-4 col-sm-offset-4">
				<h2 style="margin:auto; text-align: center;">Enough said.</h2>
				<img style="border: none; padding-top: 10px;" class="img-thumbnail" src="./img/signature2.png">
			</div>

		</div>
	</div>


</body>

</html>