evan/ewpratten.com
1
Fork 0
Code Actions

Nice homepage

Browse Source
This commit is contained in:
Evan Pratten 2020-07-20 18:23:38 -04:00
parent 4fc081b402
commit d88a06b3ec
No known key found for this signature in database
GPG Key ID: 93AC7B3D071356D3
13 changed files with 70 additions and 173 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
_includes/footer.html
View File

@ -53,6 +53,5 @@
{% if page.requires_graphs %}
<!-- Roughviz -->
<script src="https://unpkg.com/rough-viz@1.0.5"></script
<script src="https://unpkg.com/rough-viz@1.0.5"></script>
{% endif %}
>

2
_includes/head.html
View File

@ -19,6 +19,8 @@
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/fontawesome.css">
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/navigation.css">
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/page.css">
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/home.css">
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/edges.css">
<!-- Icons and Brands -->
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i"

105
_layouts/home.html
View File

@ -6,103 +6,20 @@
<!-- Navbar -->
{% include nav.html %}
<div class="landing container">
<h1>I am Evan Pratten</h1>
</div>
<div class="landing-more container">
<h5><a href="/blog">Blog</a> <a href="/projects">Projects</a> <a href="/events">Events</a> <a href="#whoami">More</a></h5>
</div>
<div class="reactive-bg">
<div class="home container">
<!-- <div class="profile">
<img src="{{site.baseurl}}/assets/images/human-profile.jpg">
</div> -->
<div class="info">
<div id="mobile-title">
<div style="height:25vh;"></div>
<h1 class="blocky">{{site.title}}</h1>
<h3 id="me-landing" style="text-align:center">Programmer</h3>
</div>
<!-- <hr> -->
<div>
<!-- class="tagline"> -->
<br><br><br><br><br>
<!-- <div style="height:20vh;"></div> -->
<div id="whoami">
<h2 class="blocky">WHOAMI</h2>
<p>{{site.about}}</p>
</div>
<br><br><br><br><br>
<!-- <div style="height:20vh;"></div> -->
<div id="languages">
<h2 class="blocky">Programming</h2>
<p>I have been programming since 2013, and started learning with Python3.
Since then, I have picked up many other languages, and am currently mainly using Python,
Java, and C.
I am also working on learning a few new languages, including Ruby at the moment.</p>
</div>
<br><br><br><br><br>
<!-- <div style="height:20vh;"></div> -->
<div id="whoami">
<h2 class="blocky">Projects</h2>
<p>In my <a href="/projects">Projects page</a>, I have a list of projects I have worked on,
ranging from unfinished
ideas, to codebases that took months to develop. Feel free to check them out, and let me
know what you think!</p>
</div>
<!-- <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="{{site.baseurl}}/projects">
<button type="button" class="btn btn-success">View Page</button>
</a> -->
</div>
</div>
<div class="color-hero">
<div class="hello container">
<h1>Hi,</h1>
<h1>I am Evan&nbsp;Pratten</h1>
</div>
</div>
<div class="home-secondary-panel edge--top">
<div class="inner-content-container home-content container">
{{content}}
</div>
</div>
</div>
{% include footer.html %}

32
_music/imagined.md
View File

@ -1,32 +0,0 @@
---
layout: album
title: Imagined Soundtracks
date: 2017-04-06
has_art: true
description: The official album for the 'Imagined' show put on by the grade 8 classes of Lester B. Pearson School For The Arts.
tracks: [
["Intro / Act 1 Scene 1", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=2574926232&ts=1577154353&t=9d35dc91ddd9543700a52db59a4fa54d72a1f99d"],
["Act 1 Scene 2", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=117178558&ts=1577154353&t=66b6e13511685b65f628be9800c56459d83e7da1"],
["Act 1 Scene 3", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=2349916149&ts=1577154353&t=8305dbef4e7efacdf099b8281920c8c49510a9d2"],
["Act 1 Scene 4", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=4252327209&ts=1577154353&t=45e6477c6971f33f81f68daa7d75da479d554a91"],
["Act 1 Scene 5", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=3092307775&ts=1577154353&t=f5a4c320d7d05b09d3369cf5960dedc6a21784c7"],
["Intermission Intro", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=813119460&ts=1577154353&t=3239ef0e51eb85fe74c6efdd6681a8a1fed69369"],
["Intermission Outro", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=3040457631&ts=1577154353&t=8136a103a0e9fa398b546989cc8b80144c83482f"],
["Act 2 Scene 2", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=2044616442&ts=1577154353&t=873de53a2fac6b263453de5d2f9f97fa26df78c1"],
["Act 2 Scene 3", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=3933827043&ts=1577154353&t=25971fdf2a470cbf7b7e8bc86c27d352b8e09ea8"],
["Act 2 Scene 4", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=1600505852&ts=1577154353&t=df61dfddee4bca1d4aaffd0732321ac61bdb0fe2"],
["End / Bows", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=3893465329&ts=1577154353&t=303c4fb5a764fc6df94638c14d1b66078829228f"],
["Bows 2 ", "https://bandcamp.com/stream_redirect?enc=mp3-128&track_id=943058474&ts=1577154353&t=a1ca4d41b6bbe4375951cbc8168f209ce5f84070"]
]
---

10
_music/retroactive.md
View File

@ -1,10 +0,0 @@
---
layout: album
title: Retroactive
date: 2019-12-24
has_art: false
description: An ambient experiment
tracks: [
["Retroactive", "/assets/audio/retroactive.wav"]
]
---

9
_music/spamcalls.md
View File

@ -1,9 +0,0 @@
---
layout: album
title: Spam Phone Calls
date: 2019-06-17
has_art: false
description: A song I helped produce for my Audio production class
tracks: [
["Spam Phone Calls", "/assets/audio/SpamPhoneCalls.mp3"]]
---

10
_notes/godmode.md
View File

@ -1,10 +0,0 @@
---
layout: note
title: "Windows GodMode"
---
I don't remember why this works, or if it is intended to be removed, but creating a folder, then naming it the following will turn it into a quick link that gives access to all system administration tools.
```
GodMode.{ED7BA470-8E54-465E-825C-99712043E01C}
```

8
_notes/index.md
View File

@ -1,8 +0,0 @@
---
layout: noteindex
index: true
title: "My notes"
---
Here is a collection of notes I have taken and docs I have written about various projects and topics, along with some notes from school.

22
assets/css/edges.css Normal file
View File

@ -0,0 +1,22 @@
.edge--top {
position: relative;
z-index: 1;
}
.edge--top:before {
background: inherit;
content: '';
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
}
.edge--top:before {
top: 0;
-webkit-transform: skewY(2.5deg);
transform: skewY(2.5deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}

24
assets/css/home.css Normal file
View File

@ -0,0 +1,24 @@
.color-hero{
height:108vh;
background-color: var(--color-purple)!important;
}
.color-hero .hello{
padding-top: 30vh;
color:white;
}
.home-secondary-panel{
transform: translateY(-50px);
background-color:white;
min-height: 500px;
}
.home-content{
padding-top: 6rem;
}
.header-space{
padding-top: 6rem;
}

3
assets/css/page.css
View File

@ -16,9 +16,6 @@
}
.content-container p,h1,h2,h3,h4,h5,h6,img,table{
@extend container
}
.highlight{
background-color: var(--light-gray);

10
index.md
View File

@ -5,3 +5,13 @@
title: Home
layout: home
---
# Who I am
### I am a senior-year Highschool student who studies computer science, an intern Technical Director at [Industrial Brothers](https://industrialbrothers.com) and one of the primary software developers writing the code that powers competition-ready robots at [Raider Robotics](https://github.com/frc5024).
<div class="header-space"></div>
# What I do
### I am a software developer, and photographer. I use this website to host [blog posts](/blog) about my learnings as a programmer, and to share the best of my [photos](/photography)

5
portfolio.md
View File

@ -1,5 +0,0 @@
---
title: Portfolio
layout: portfolio
---