commit
79aa35f171
3 changed files with 140 additions and 0 deletions
|
After Width: | Height: | Size: 2.2 KiB |
@ -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> |
||||
Loading…
Reference in new issue