201 lines
8.0 KiB
HTML
201 lines
8.0 KiB
HTML
<head>
|
|
<title>Evan Pratten</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
|
|
<!-- Begin Jekyll SEO tag v2.6.1 -->
|
|
<title>Evan Pratten | Computer wizard, student, @frc5024 programming team lead, and radio enthusiast.</title>
|
|
<meta name="generator" content="Jekyll v3.8.6" />
|
|
<meta property="og:title" content="Evan Pratten" />
|
|
<meta property="og:locale" content="en_US" />
|
|
<meta name="description" content="Computer wizard, student, @frc5024 programming team lead, and radio enthusiast." />
|
|
<meta property="og:description" content="Computer wizard, student, @frc5024 programming team lead, and radio enthusiast." />
|
|
<link rel="canonical" href="http://0.0.0.0:4000/" />
|
|
<meta property="og:url" content="http://0.0.0.0:4000/" />
|
|
<meta property="og:site_name" content="Evan Pratten" />
|
|
<script type="application/ld+json">
|
|
{"@type":"WebSite","url":"http://0.0.0.0:4000/","name":"Evan Pratten","description":"Computer wizard, student, @frc5024 programming team lead, and radio enthusiast.","headline":"Evan Pratten","@context":"https://schema.org"}</script>
|
|
<!-- End Jekyll SEO tag -->
|
|
|
|
|
|
|
|
<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>
|
|
|
|
<!-- Header -->
|
|
<div class="header" style="height:30vh">
|
|
<div class="home-header">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="reactive-bg">
|
|
<div class="home container">
|
|
<div class="profile">
|
|
<img src="/assets/images/human-profile.jpg">
|
|
</div>
|
|
|
|
|
|
<div class="info">
|
|
<h1>Evan Pratten</h1>
|
|
<hr>
|
|
<div class="tagline">
|
|
<br><br>
|
|
<h2>Who am I?</h2>
|
|
<p>I am a 16 year old programming student. I enjoy learning new concepts, building projects out of random ideas and obscure technologies, and working with new tools. My projects range from building tools to help me with school work, and robotics, to radios and video production.</p>
|
|
|
|
<br><br>
|
|
<h2>Languages</h2>
|
|
|
|
<div class="progress" style="height:30px">
|
|
<div class="progress-bar" role="progressbar" style="width: 40%" aria-valuenow="15"
|
|
aria-valuemin="0" aria-valuemax="100">Python</div>
|
|
<div class="progress-bar bg-success" role="progressbar" style="width: 30%"
|
|
aria-valuenow="30" aria-valuemin="0" aria-valuemax="100">Java</div>
|
|
<div class="progress-bar bg-info" role="progressbar" style="width: 10%" aria-valuenow="20"
|
|
aria-valuemin="0" aria-valuemax="100">C</div>
|
|
<div class="progress-bar bg-secondary" role="progressbar" style="width: 20%"
|
|
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">Other</div>
|
|
</div>
|
|
|
|
<br>
|
|
<p>I have been programming since 2013, and started learning with Python3.<br>
|
|
Since then, I have picked up many other languages, and am currently mainly using Python,
|
|
Java, and C.<br>
|
|
I am working on learning a few new languages, including Ruby at the moment.</p>
|
|
|
|
<br><br>
|
|
<h2>Projects</h2>
|
|
|
|
<p>
|
|
To learn more about the projects I work on, check out my Projects page
|
|
</p>
|
|
|
|
<a href="/projects">
|
|
<button type="button" class="btn btn-success">View Page</button>
|
|
</a>
|
|
</div>
|
|
|
|
</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-11-30 11:30:39 -0500
|
|
</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>
|
|
|
|
<!-- Twitter embeds -->
|
|
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
|
|
|
</body> |