154 lines
5.9 KiB
HTML
154 lines
5.9 KiB
HTML
<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">
|
|
</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="/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 class="container">
|
|
<hr>
|
|
</div>
|
|
<nav class="navbar navbar-expand-lg ">
|
|
|
|
<!-- Navbar content -->
|
|
<div class="container">
|
|
|
|
<span class="navbar-text">
|
|
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
|
|
|
This site was last updated at: 2019-08-13 15:05:12 -0400
|
|
</span>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<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>
|
|
|
|
|
|
</body> |