Browse Source

Add portfolio with about and projects

master
Jake Wakeling 3 years ago
commit
79aa35f171
  1. BIN
      favicon.png
  2. 126
      index.html
  3. 14
      omkov-red.svg

BIN
favicon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

126
index.html

@ -0,0 +1,126 @@
<!--
index.html
Index HTML file for portfolio
Copyright (C) 2020, Jakob Wakeling
All rights reserved.
-->
<!DOCTYPE html>
<html>
<head>
<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="https://dev.omkov.net/"/>
<link rel="icon" href="favicon.png"/>
<style>
: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; }
</style>
</head>
<body>
<header>
<h1><a href="https://dev.omkov.net/">Portfolio</a></h1>
<nav>
<a href="https://git.omkov.net/Jamozed">Git</a>
<div class="sp"></div>
<a href="https://github.com/Jamozed">GitHub</a>
<div class="sp"></div>
<a href="mailto:[email protected]">Contact</a>
</nav>
</header>
<main>
<section id="splash">
<img src="omkov-red.svg">
<h1>Jake Wakeling</h1>
<h2>Software Developer</h2>
</section>
<section id="about">
<h1>About Me</h1>
<p>
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.
</p><br>
<p>
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.
</p>
</section>
<section id="projects">
<h1>Notable Projects</h1>
<a href="https://git.omkov.net/Jamozed/coreutils">
<h3>coreutils</h3>
<p>An implementation of core software utilities, written in C.</p>
</a>
<a href="https://git.omkov.net/Jamozed/optget">
<h3>optget</h3>
<p>A command-line argument parser, written in C.</p>
</a>
<a href="https://git.omkov.net/Jamozed/OPSH">
<h3>OSH</h3>
<p>A minimal command line shell, written in C.</p>
</a>
<a href="https://git.omkov.net/Jamozed/OAR">
<h3>OAR</h3>
<p>An experimental archive file format, written in C.</p><br>
<p>
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.
</p>
</a>
<a href="https://git.omkov.net/Jamozed/Chrono">
<h3>Chrono</h3>
<p>A minimal full-screen clock for Android, written in Kotlin.</p>
<p>This is my bedside clock, that is all.</p>
</a>
<a href="https://git.omkov.net/Jamozed/portfolio">
<h3>portfolio</h3>
<p>This website, a single HTML file with inline CSS, incredible!</p>
</a>
</section>
</main>
</body>
</html>

14
omkov-red.svg

@ -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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1200 1200" enable-background="new 0 0 1200 1200" xml:space="preserve">
<g>
<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
c-2.026,2.605-3.096,7.372-2.38,10.594l116.231,522.337c0.717,3.221,3.724,7.052,6.683,8.514l470.403,232.36
c2.959,1.461,7.8,1.461,10.759,0l470.404-232.36c2.959-1.461,5.966-5.293,6.683-8.514l116.231-522.337
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
c-2.959,1.461-7.8,1.461-10.759,0l-173.029-85.469c-2.959-1.461-5.966-5.293-6.683-8.514l-42.785-192.276
c-0.717-3.221,0.354-7.988,2.38-10.594l119.82-154.113c2.026-2.605,6.383-4.737,9.683-4.737h191.989c3.3,0,7.657,2.132,9.683,4.737
l119.82,154.113c2.026,2.605,3.096,7.372,2.38,10.594L785.091,701.719z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Loading…
Cancel
Save