118 lines
4.1 KiB
HTML
118 lines
4.1 KiB
HTML
---
|
|
title: Home
|
|
uses:
|
|
- masonry
|
|
---
|
|
|
|
{% include head.html %}
|
|
|
|
<body>
|
|
|
|
<div class="site-ctr">
|
|
<!-- Navbar -->
|
|
{% include nav.html %}
|
|
|
|
<div class="color-hero">
|
|
<div class="hello container">
|
|
<h1>Hi,</h1>
|
|
<h1>I am Evan Pratten</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="home-secondary-panel edge--top">
|
|
<div class="inner-content-container home-content container">
|
|
<h1>Who I am</h1>
|
|
|
|
<h3>I am a senior-year Highschool student who studies computer science, just finished a pipeline
|
|
internship
|
|
at <a href="https://industrialbrothers.com">Industrial Brothers</a> and am one of the primary
|
|
software
|
|
developers
|
|
writing the code that powers competition-ready robots at <a href="https://github.com/frc5024">Raider
|
|
Robotics</a>.</h3>
|
|
|
|
<div class="header-space"></div>
|
|
|
|
<!-- <h1>What I do</h1>
|
|
|
|
<h3> I am a software developer, and photographer. I use this website to host
|
|
<a href="/blog">blog posts</a>
|
|
about my learnings as a programmer, and to share the best of my
|
|
<a href=" /photography">photos</a></h3>
|
|
|
|
|
|
<div style="padding-top:3rem;"></div>
|
|
<hr>
|
|
<div style="padding-top:3rem;"></div> -->
|
|
|
|
<h1>My notable projects</h1>
|
|
|
|
<h3>I develop and provide many web and desktop applications for public use. I host them all on my
|
|
private backend infrastructure. The network of servers that powers these applications was originally
|
|
set up to help me learn server management and distributed application development.</h3>
|
|
|
|
|
|
<div style="padding-top:3rem;"></div>
|
|
|
|
<div class="row" id="project-grid">
|
|
|
|
{% for project in site.data.projects %}
|
|
<div class="col-sm-4 project-item">
|
|
<div class="card home-project">
|
|
{% if project.hero %}
|
|
<img src="{{project.hero.img_src}}" class="card-img-top" alt="{{project.title}}" loading="auto">
|
|
{% endif %}
|
|
<div class="card-body">
|
|
<h5 class="card-title"><strong>{{project.title}}</strong></h5>
|
|
<p class="card-text">{{project.description}}</p>
|
|
|
|
{% for text_btn in project.text_buttons %}
|
|
<a href="{{text_btn.url}}" class="btn btn-{{text_btn.color}}">{{text_btn.text}}</a>
|
|
{% endfor %}
|
|
|
|
{% for icon_btn in project.icon_buttons %}
|
|
<a href="{{icon_btn.url}}" class="btn btn-dark"><i class="{{icon_btn.icon}}"></i></a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Xss warning -->
|
|
<script>
|
|
if ((new URLSearchParams(window.location.search)).get("dnsxss") == "") {
|
|
alert("It looks like the DNS lookup service you just used is vulnerable to XSS. Anyways, welcome to my website! Don't worry about the code I just executed ;)");
|
|
}
|
|
</script>
|
|
|
|
|
|
{% include footer.html %}
|
|
|
|
<!-- Project grid -->
|
|
<script>
|
|
|
|
function orderProjectGrid() {
|
|
$('#project-grid').masonry({
|
|
// options
|
|
itemSelector: '.project-item',
|
|
// columnWidth: 500,
|
|
transitionDuration: '0s'
|
|
});
|
|
}
|
|
|
|
// Do a primary order call
|
|
orderProjectGrid();
|
|
|
|
// re-order in 2 seconds in case anything was still lazy-loading
|
|
setTimeout(orderProjectGrid, 1500);
|
|
setTimeout(orderProjectGrid, 2000);
|
|
setTimeout(orderProjectGrid, 5000);
|
|
</script>
|
|
|
|
</body> |