<head>
<title>Evan Pratten</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/github-syntax.css">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<div class="site-ctr">
<!-- Navbar -->
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
<!-- Navbar content -->
<!-- <div class="container"> -->
<a class="navbar-brand" href="/">Evan Pratten</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link" href="/blog">Blog</a>
<a class="nav-item nav-link" href="/projects">Projects</a>
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
<a class="nav-item nav-link" href="/about">About</a>
</div>
<!-- </div> -->
</div>
</nav>
<!-- <div style="height:5vh"></div> -->
<!-- Header -->
<!-- <div class="header" style="height:35%">
<div class="container">
<div class="content">
</div>
</div>
<div class="header-gap"></div>
</div> -->
<div class="reactive-bg">
<div class="post container" style="min-height:100vh">
<h1>My Projects</h1>
<hr>
<div class="card">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://i.ytimg.com/vi/aifZLWQ_N7U/maxresdefault.jpg" class="card-img" alt="Project image">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">DeepSpace Offseason Codebase</h5>
<p class="card-text">This is the code behind <a href="https://frc5024.github.io">@frc5024</a>'s robot for the 2019 offseason. I have spent a large amount of my free time adding every feature that I wished we had during the season as a way to familiarize myself with the WPIlib Java API.</p>
<a href="https://github.com/frc5024/DeepSpace-SWI">
<button type="button" class="btn btn-info">View Project</button>
</a>
</div>
</div>
</div>
</div>
<br><br>
<div class="card-deck">
<div class="card">
<div class="card-body">
<h5 class="card-title">ThriftyField</h5>
<p class="card-text">ThriftyField is an open source replacement for the FIRST FMS software. This tool allows mass control over robots, along with real-time scoring and an audience display.</p>
<a href="https://github.com/frc5024/ThriftyField">
<button type="button" class="btn btn-info">View Project</button>
</a>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">DevDNS</h5>
<p class="card-text">DevDNS is a <a href="https://devrant.com/">devRant</a> bot for resolving DNS queries send via devRant’s comments system.</p>
<a href="https://github.com/Ewpratten/devDNS">
<button type="button" class="btn btn-info">View Project</button>
</a>
</div>
</div>
</div>
<br><br>
<div class="card-deck">
<div class="card">
<div class="card-body">
<h5 class="card-title">Dirobium</h5>
<p class="card-text">Dirobium is a fantasy CPU emulator that I built to teach myself basic low-level programming</p>
<a href="https://github.com/Ewpratten/Dirobium">
<button type="button" class="btn btn-info">View Project</button>
</a>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">devCredits</h5>
<p class="card-text">My first community project, a tool help people credit contributors on their devRant community projects</p>
<a href="https://github.com/Ewpratten/devCredits">
<button type="button" class="btn btn-info">View Project</button>
</a>
</div>
</div>
</div>
<br><br>
<br><br>
<div class="centre">
<p>This site is still under development. More projects will be listed soon.</p>
</div>
</div>
</div>
</div>
<!-- <div id="particles-js"></div> -->
<div class="container foot" style="text-align:center;">
<br>
<span class="site-info">
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
This site was last updated at: 2019-08-31 14:36:54 -0400
</span>
</div>
<!-- Brython -->
<script src="/assets/js/brython.js"></script>
<script src="/assets/js/brython_stdlib.js"></script>
<script>
function startPY(){
brython();
console.log("Started Python")
}
window.onload = startPY;
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- Offsets for links -->
<script>
(function ($, window) {
var adjustAnchor = function () {
var $anchor = $(':target'),
fixedElementHeight = 100;
if ($anchor.length > 0) {
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
}
};
$(window).on('hashchange load', function () {
adjustAnchor();
});
})(jQuery, window);
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-74118570-2');
</script>
<!-- particles -->
<script>
var body = document.body
var particles = document.getElementById("particles-js")
particles.style.height = body.scrollHeight + "px"
console.log(body.scrollHeight)
</script>
<script src="/assets/js/particles.min.js"></script>
<script>
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
console.log('callback - particles.js config loaded');
});
</script>
</body>