main page

.markdownlint.json

@@ -0,0 +1,4 @@
+{
+    "MD033": false,
+    "MD013": false
+}

config.toml

@@ -0,0 +1,21 @@
+# The URL the site will be built for
+base_url = "https://va3zza.com"
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = true
+# Generate feeds
+generate_feed = true
+
+[markdown]
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = true
+
+[extra]
+name = "Evan Pratten"
+profession = "Software Developer"
+email = "mail@va3zza.com"
+twitter = "ewpratten"
+github = "ewpratten"
+qrz = "va3zza"

content/_index.md

@@ -0,0 +1,7 @@
+---
+title: Home
+---
+
+## About me
+
+I am a first-year college student, studying Information Security at Sheridan College, starting this fall. I develop software both as a hobby, and professionally, and have been programming since I was in the 5th grade. I am also a Canadian amateur radio operator (callsign **VA3ZZA**), and the former Lead Software Developer at [Raider Robotics](https://github.com/frc5024).

public/styles/layout.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5,h6{font-family:"Urbanist", sans-serif}p{font-family:"Roboto", sans-serif}.container{max-width:700px;margin:auto}.profile-card{margin-top:30px;margin-bottom:30px}.profile-card .row{width:max-content;max-width:100vw;margin:auto;overflow-wrap:normal}.profile-card .row .headshot-container{display:inline-block;max-width:150px}.profile-card .row .headshot-container img{width:100%}.profile-card .row .text-container{display:inline-block;margin-left:20px}.profile-card .row .text-container h1,.profile-card .row .text-container p{margin:0px}.profile-card .row .text-container h1 a,.profile-card .row .text-container p a{text-decoration:none}.navigation-bar{text-align:center}.navigation-bar p{margin:0px}.navigation-bar p a{text-decoration:none}

sass/styles/layout.scss

@@ -0,0 +1,56 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Urbanist", sans-serif;
+}
+p {
+  font-family: "Roboto", sans-serif;
+}
+
+.container {
+  max-width: 700px;
+  margin: auto;
+}
+
+.profile-card {
+  margin-top: 30px;
+  margin-bottom: 30px;
+  .row {
+    width: max-content;
+    max-width: 100vw;
+    margin: auto;
+    overflow-wrap: normal;
+
+    .headshot-container {
+      display: inline-block;
+      max-width: 150px;
+      img {
+        width: 100%;
+      }
+    }
+    .text-container {
+      display: inline-block;
+      margin-left: 20px;
+      h1,
+      p {
+        margin: 0px;
+        a {
+          text-decoration: none;
+        }
+      }
+    }
+  }
+}
+
+.navigation-bar {
+  text-align: center;
+  p {
+    margin: 0px;
+    a {
+      text-decoration: none;
+    }
+  }
+}

templates/index.html

@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+{% block title %}
+{{section.title}}
+{% endblock title %}
+
+{% block profile %}
+<div class="row">
+    <div class="headshot-container">
+        <img src="https://avatars.githubusercontent.com/u/21065412" alt="Headshot">
+    </div>
+    <div class="text-container">
+        <h1>{{config.extra.name}}</h1>
+        <p>
+            {{config.extra.profession}}
+            <br><br><br>
+            <a href="mailto:{{config.extra.email}}"><i class="las la-envelope"></i> {{config.extra.email}}</a><br>
+            <a href="https://github.com/{{config.extra.github}}"><i class="lab la-github"></i> {{config.extra.github}}</a><br>
+            <a href="https://qrz.com/db/{{config.extra.qrz}}"><i class="las la-broadcast-tower"></i> {{config.extra.qrz}}</a>
+        </p>
+    </div>
+</div>
+{% endblock profile %}
+
+{% block content %}
+{{section.content | safe}}
+{% endblock content %}