evan/ewpratten.com
1
Fork 0
Code Actions

snazzy new home page

Browse Source
This commit is contained in:
Evan Pratten 2022-05-27 14:27:54 -04:00
parent 18d24692f9
commit b511911df2
5 changed files with 166 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
content/_index.md
View File

@ -20,7 +20,99 @@ As always, I'm working on multiple projects at the same time and have my head cr
- Contributing to the Rust library and tooling ecosystem over on [GitHub](https://github.com/ewpratten)
- Working with low-power radio communication modes
## Am I on air?
## Amateur Radio
I am a fairly active Amateur Radio operator. The following table is a reference list of my current, future, and past callsigns:
<article class="markdown-body">
| Callsign | Status | Usage |
|----------------------|:--------:|-----------------------------------|
| **VA3ZZA** | *Active* | My primary callsign |
| **VA3UJF** | *Active* | Testing & automated transmissions |
| [**VB3YEET**](/yeet) | *Future* | Special Event |
| **VG3ZZA** | *Active* | Special Event |
| **VG3UJF** | *Active* | Special Event |
</article>
My current license class is *Basic with Honours*, and I have been on-air since late 2020. More station information may be found at [my QRZ page](https://www.qrz.com/db/VA3ZZA).
<article class="markdown-body">
<table><tr>
<td><img src="https://hamalert.org/myspot?c=VA3ZZA&amp;h=e0fa3b8ff28e81a5&amp;a=12" srcset="https://hamalert.org/myspot?c=VA3ZZA&amp;h=e0fa3b8ff28e81a5&amp&amp;hr=1&amp;a=12 2x"></td>
<td><img src="https://hamalert.org/myspot?c=VB3YEET&amp;h=43adad96f1c09138&amp;a=12" srcset="https://hamalert.org/myspot?c=VB3YEET&amp;h=43adad96f1c09138&amp;hr=1&amp;a=12 2x"></td>
</tr></table>
</article>
## Music
I make music too! Nearly all electronic; a mix of samplers, raw sound design from oscillators, and everything in-between. The following are my three most recent releases:
<div class="project-mosaic">
<div class="project project-small conform-height">
<img src="https://i.scdn.co/image/ab67616d00001e02c0921eceecc13b079e07e602" alt="Album Art" loading="lazy">
<!-- <h3>Space & Time, Vol. 1</h3>
<p>An album comprised of unrelated songs.</p> -->
<span style="border:none;padding:0;">
<a href="https://open.spotify.com/album/718OAeNsyhO1znebsXVSdf" target="blank"><i class="lab la-spotify"></i></a>
<a href="https://music.apple.com/us/album/space-time-vol-1-ep/1623507117" target="blank"><i class="lab la-apple"></i></a>
<a href="https://music.youtube.com/playlist?list=OLAK5uy_n1Q3M-zO8gloIvZD4NqMCvz2i9BOHoqIg" target="blank"><i class="lab la-youtube"></i></a>
</span>
</div>
<div class="project project-small conform-height">
<img src="https://i.scdn.co/image/ab67616d00001e026ceff2b5e55799d32b9d1b44" alt="Album Art" loading="lazy">
<!-- <h3>Scale Hop</h3>
<p>My reintroduction to Ableton after a 2-year break in music production.</p> -->
<span style="border:none;padding:0;">
<a href="https://open.spotify.com/album/6tpUJQlZ1I7bWK4X4pwiOj" target="blank"><i class="lab la-spotify"></i></a>
<a href="https://music.apple.com/us/album/scale-hop-single/1611874192" target="blank"><i class="lab la-apple"></i></a>
<a href="https://music.youtube.com/playlist?list=OLAK5uy_lbBo7a4AT-3s1xhs9FkL5yLM1-QNv3v7c" target="blank"><i class="lab la-youtube"></i></a>
</span>
</div>
<div class="project project-small conform-height">
<img src="https://i.scdn.co/image/ab67616d00001e0212903dc5bfc506c84fb16205" alt="Album Art" loading="lazy">
<!-- <h3>Studio225 Remasters</h3>
<p>My personal remasters of some old tracks produced in HighSchool audio production classes.</p> -->
<span style="border:none;padding:0;">
<a href="https://open.spotify.com/album/7BNFpIlZMbTksFJzMeiynE" target="blank"><i class="lab la-spotify"></i></a>
<a href="https://music.apple.com/us/album/studio225-remasters-remastered-single/1621595606" target="blank"><i class="lab la-apple"></i></a>
<a href="https://music.youtube.com/playlist?list=OLAK5uy_mzt8HGbC1A34irVWolKa6ApC3fCkSeEf8" target="blank"><i class="lab la-youtube"></i></a>
</span>
</div>
</div>
For more music content, check out [my music page](/music).
<!-- ## Projects
<div class="project-mosaic">
<div class="project">
<h3>The Freeform Internet Exchange Project</h3>
<p>FFIXP is a virtual internet exchange for connecting experimental and research networks in a reasonably safe and controlled manner.</p>
<span>
<a href="https://ffixp.net" target="blank"><i class="las la-globe"></i></a>
<a href="https://github.com/ffixp" target="blank"><i class="lab la-github"></i></a>
</span>
</div>
<div class="project">
<img src="https://raw.githubusercontent.com/Ewpratten/vb3yeet-aprs/master/assets/vb3yeet.png" alt="VB3YEET" loading="lazy">
<h3>VB3YEET APRS Station</h3>
<p>This application is a part of Meme Appreciation Month and powers the automatic APRS messaging capabilities behind <a href="/yeet">VB3YEET</a>.</p>
<span>
<a href="https://github.com/Ewpratten/vb3yeet-aprs" target="blank"><i class="lab la-github"></i></a>
</span>
</div>
</div> -->
<!-- ## Am I on air?
...given how little time I leave for hobbies some days, probably not. But it's worth a check anyways. If I happen to be reaching you with my transmissions, please QSL.
@ -39,7 +131,7 @@ Every once in a while, I get around to uploading a new track or two. If you'd li
- [YouTube](https://www.youtube.com/channel/UCrHT3Lt0Mg90bspbMHJfTcA)
- [Amazon Music](https://music.amazon.com/artists/B09TBHQCM1/evan-pratten)
## Recent events
## The Timeline
<ul class="events-list">
<li>2022</li>
@ -88,6 +180,6 @@ Every once in a while, I get around to uploading a new track or two. If you'd li
<li><div><span>Mar</span> <span>FRC Waterloo district event <em>quarter-finalists</em> as part of Raider Robotics</span></div></li>
<li><div><span>Mar</span> <span>FRC Georgian district event <em>quarter-finalists</em> as part of Raider Robotics</span></div></li>
</ul>
</ul>
</ul> -->

51
sass/styles/project_mosaic.scss Normal file
View File

@ -0,0 +1,51 @@
.project-mosaic {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
width: 100%;
@media (min-width: 437px) {
.project-small {
max-width: 175px !important;
}
}
.conform-height {
height: unset !important;
}
.project {
border: 1px solid #ccc;
border-radius: 5px;
padding: 1rem;
margin-bottom: 1rem;
max-width: 300px;
height: max-content;
img {
margin-bottom: 0.5em;
border-bottom: 1px solid #ccc;
padding-bottom: 0.75em;
width: 100%;
}
h3 {
margin: 0;
margin-bottom: 0.25em;
}
p {
margin-top: 0;
color: rgb(84, 84, 84);
}
span {
display: inline-block;
border-top: 1px solid #ccc;
font-size: 2em;
width: 100%;
padding-top: 0.25em;
text-align: center;
}
}
}

21
templates/base.html
View File

@ -17,7 +17,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/jpg" href="{{config.extra.profile_photo}}"/>
<link rel="shortcut icon" type="image/jpg" href="{{config.extra.profile_photo}}" />
{% if current_url %}
<link rel="canonical" href="{{current_url}}" />
{% endif %}
@ -32,11 +32,20 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Urbanist:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet">
<link rel="preconnect" href="https://maxst.icons8.com">
<link rel="stylesheet"
href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
<link rel="stylesheet" href="/styles/layout.css">
<link rel="stylesheet" href="/styles/project_mosaic.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"
integrity="sha512-Oy18vBnbSJkXTndr2n6lDMO5NN31UljR8e/ICzVPrGpSud4Gkckb8yUpqhKuUNoE+o9gAb4O/rAxxw1ojyUVzg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<meta name="twitter:card" content="summary" />
<meta name="og:site" content="va3zza.com" />
@ -79,9 +88,9 @@
<p>
<a href="/">Home</a> |
<a href="/blog">Blog</a> |
<a href="/contact">Contact</a>
{# <a href="/hobbies">Hobbies</a> #}
{# <a href="/whois">WHOIS</a> #}
<a href="/contact">Contact</a>
{# <a href="/hobbies">Hobbies</a> #}
{# <a href="/whois">WHOIS</a> #}
{# <a href="/rfc">RFC</a> #}
</p>
<hr>
@ -90,7 +99,7 @@
{% block content %}
{% endblock content %}
</div>
{# <div id="footer">
<div>
<h2>Evan Pratten</h2>

3
templates/index.html
View File

@ -10,6 +10,9 @@
<meta name="description" content="{{config.description}}">
<meta name="og:title" content="Evan Pratten (VA3ZZA)" />
<script type="application/ld+json">
{% set person_ld = load_data(path="static/person.jsonld")%}
{% if person_ld %}{{person_ld | safe}}{% endif %}

4
templates/page.html
View File

@ -4,9 +4,9 @@
{% endblock title %}
{% block head %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"
{# <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"
integrity="sha512-Oy18vBnbSJkXTndr2n6lDMO5NN31UljR8e/ICzVPrGpSud4Gkckb8yUpqhKuUNoE+o9gAb4O/rAxxw1ojyUVzg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
crossorigin="anonymous" referrerpolicy="no-referrer" /> #}
{{ super() }}