Nice homepage
This commit is contained in:
parent
4fc081b402
commit
d88a06b3ec
@ -53,6 +53,5 @@
|
|||||||
|
|
||||||
{% if page.requires_graphs %}
|
{% if page.requires_graphs %}
|
||||||
<!-- Roughviz -->
|
<!-- Roughviz -->
|
||||||
<script src="https://unpkg.com/rough-viz@1.0.5"></script
|
<script src="https://unpkg.com/rough-viz@1.0.5"></script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
>
|
|
||||||
@ -19,6 +19,8 @@
|
|||||||
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/fontawesome.css">
|
<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/navigation.css">
|
||||||
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/page.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 -->
|
<!-- 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"
|
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i"
|
||||||
|
|||||||
@ -6,103 +6,20 @@
|
|||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
{% include nav.html %}
|
{% include nav.html %}
|
||||||
|
|
||||||
<div class="landing container">
|
<div class="color-hero">
|
||||||
|
<div class="hello container">
|
||||||
<h1>I am Evan Pratten</h1>
|
<h1>Hi,</h1>
|
||||||
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="home-secondary-panel edge--top">
|
||||||
|
<div class="inner-content-container home-content container">
|
||||||
|
{{content}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include footer.html %}
|
{% include footer.html %}
|
||||||
|
|||||||
@ -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"]
|
|
||||||
]
|
|
||||||
---
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -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"]
|
|
||||||
]
|
|
||||||
---
|
|
||||||
@ -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"]]
|
|
||||||
---
|
|
||||||
@ -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}
|
|
||||||
```
|
|
||||||
@ -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
22
assets/css/edges.css
Normal 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
24
assets/css/home.css
Normal 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;
|
||||||
|
}
|
||||||
@ -16,9 +16,6 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-container p,h1,h2,h3,h4,h5,h6,img,table{
|
|
||||||
@extend container
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlight{
|
.highlight{
|
||||||
background-color: var(--light-gray);
|
background-color: var(--light-gray);
|
||||||
|
|||||||
10
index.md
10
index.md
@ -5,3 +5,13 @@
|
|||||||
title: Home
|
title: Home
|
||||||
layout: 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)
|
||||||
@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
title: Portfolio
|
|
||||||
layout: portfolio
|
|
||||||
---
|
|
||||||
|
|
||||||
Loading…
x
Reference in New Issue
Block a user