Browse Source

Add portfolio with about and projects

Jake Wakeling 3 years ago
  1. BIN
  2. 126
  3. 14


Binary file not shown.


Width:  |  Height:  |  Size: 2.2 KiB


@ -0,0 +1,126 @@
Index HTML file for portfolio
Copyright (C) 2020, Jakob Wakeling
All rights reserved.
<!DOCTYPE html>
<meta charset="UTF-8"/>
<title>Jake Wakeling</title>
<meta name="author" content="Jake Wakeling"/>
<meta name="description" content="Developer Portfolio"/>
<meta name="keywords" content="developer, portfolio, C, C++, C#, Java"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="theme-color" content="#121212"/>
<meta property="og:description" content="Developer Portfolio"/>
<meta property="og:image" content=""/>
<meta property="og:title" content="Jake Wakeling"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content=""/>
<link rel="icon" href="favicon.png"/>
:root { font-size: 12pt; }
:root { --bg: #121212; --fg: #FFFFFF; --fg-1: #888888; --ac: #FF7E00; }
html { background-color: var(--bg); color: var(--fg); }
body { font-family: sans-serif; margin: 0; }
a { color: inherit; text-decoration: none; }
header { display: flex; justify-content: space-between; padding: 1rem 2rem; }
header > h1 { font-size: 16pt; margin: 0; }
header > nav { display: flex; }
header > nav > a { display: block; font-size: 16pt; font-weight: bold; }
header > nav > .sp { padding: 0 0.5rem; }
@media (max-width: 400px) { header { flex-direction: column; align-items: center; }}
@media (max-width: 400px) { header > h1 { display: none; }}
main { display: flex; flex-direction: column; margin: 0 auto; max-width: 50rem; width: 100%; }
main > section { display: flex; padding: 1rem 2rem; }
main > #splash { align-items: center; flex-direction: column; text-align: center; }
main > #splash > img { margin: 1rem 0; max-width: 12em; }
main > #splash > h1 { font-size: 2em; margin: 0.5rem 0; }
main > #splash > h2 { color: var(--fg-1); font-weight: normal; margin: 0.5rem 0; }
main > #about { flex-direction: column; }
main > #about > p { font-size: 12pt; line-height: 1.5; margin: 0; text-align: justify }
main > #projects { flex-direction: column; }
main > #projects > a { border-color: var(--ac); border-style: solid; border-width: 2px; }
main > #projects > a { margin: 0.5rem 0; padding: 1rem; }
main > #projects > a > * { margin: 0; }
main > #projects > a > h3 { font-variant: small-caps; }
main > #projects > a > p { font-size: 10pt; }
<h1><a href="">Portfolio</a></h1>
<a href="">Git</a>
<div class="sp"></div>
<a href="">GitHub</a>
<div class="sp"></div>
<a href="mailto:[email protected]">Contact</a>
<section id="splash">
<img src="omkov-red.svg">
<h1>Jake Wakeling</h1>
<h2>Software Developer</h2>
<section id="about">
<h1>About Me</h1>
Primarily a "mid-level" backend developer, I have a particular enthusiasm for writing minimal, clean
and performant code. I have experience with C, C++, C# and Java, as well as pfSense. From the
beginning of 2019 I have been studying computer science at Auckland University of Technology. Some
of my primary software interests are programming languages and operating systems.
It should be noted that most of my projects were created either to solve a particular problem for
myself, or to experiment with something I found to be interesting. This means that they are often
poorly or not at all documented, and frequently have major shifts in trajectory mid development.
<section id="projects">
<h1>Notable Projects</h1>
<a href="">
<p>An implementation of core software utilities, written in C.</p>
<a href="">
<p>A command-line argument parser, written in C.</p>
<a href="">
<p>A minimal command line shell, written in C.</p>
<a href="">
<p>An experimental archive file format, written in C.</p><br>
This constantly changes and frequently breaks as I change my mind on its design, and is very
much an experiment that should not be used for anything important.
<a href="">
<p>A minimal full-screen clock for Android, written in Kotlin.</p>
<p>This is my bedside clock, that is all.</p>
<a href="">
<p>This website, a single HTML file with inline CSS, incredible!</p>


@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="" xmlns:xlink="" x="0px" y="0px"
viewBox="0 0 1200 1200" enable-background="new 0 0 1200 1200" xml:space="preserve">
<path fill="#990000" d="M870.708,4.737C868.683,2.132,864.325,0,861.025,0h-522.05c-3.3,0-7.657,2.132-9.683,4.737L3.683,423.538
c0.717-3.221-0.354-7.988-2.38-10.594L870.708,4.737z M785.091,701.719c-0.717,3.221-3.724,7.052-6.683,8.514L605.38,795.702


Width:  |  Height:  |  Size: 1.1 KiB