Portfolio website written in pure HTML/CSS https://dev.omkov.net/
web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

126 lines
4.8 KiB

<!--
index.html
Index HTML file for portfolio
Copyright (C) 2020, Jakob Wakeling
All rights reserved.
-->
<!DOCTYPE html>
<html lang="en" data-color-scheme="dark">
<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: #000000; --fg: #FFFFFF; --fg-1: #AAAAAA; --ac: #FF7E00; }
html { background-color: var(--bg); color: var(--fg); }
body { font-family: sans-serif; margin: 0; }
a { color: inherit; text-decoration: none; }
[data-color-scheme="light"] { color-scheme: light; }
[data-color-scheme="dark"] { color-scheme: dark; }
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 > #links { flex-direction: column; }
main > #links > a { border-color: var(--ac); border-radius: 6px; border-style: solid; border-width: 2px; }
main > #links > a { margin: 0.5rem 0; padding: 1rem; }
main > #links > a > * { margin: 0; }
main > #links > a > h3 { font-variant: small-caps; }
main > #links > 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 Engineer</h2>
</section>
<section id="about">
<h1>About Me</h1>
<p>
Primarily a "low-level" programmer, I have a particular enthusiasm for writing minimal, clean
and performant code. I have experience with C, C++, Java, and Go, as well as Linux and pfSense.
I studied computer science at university, graduating at the end of 2021. Some of my primary
software interests are programming languages and systems programming.
</p>
</section>
<section id="links">
<h1>Notable Projects</h1>
<a href="https://git.omkov.net/Jamozed/OBFI">
<h3>OBFI</h3>
<p>A highly performant interpreter for the Brainfuck language, written in C.</p>
</a>
<a href="https://git.omkov.net/Jamozed/ESH">
<h3>ESH</h3>
<p>A modern shell with an emphasis on performance and usability, written in C.</p>
</a>
<a href="https://git.omkov.net/Jamozed/libutil">
<h3>libutil</h3>
<p>A lightweight library to be included locally in projects, written in C.</p>
</a>
<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/cryptutils">
<h3>cryptutils</h3>
<p>An implementation of cryptographic software utilities, written in C.</p>
</a>
<a href="https://git.omkov.net/Jamozed/Pong">
<h3>Pong</h3>
<p>A small Pong implementation using SFML, written in C++.</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>
<a href="https://git.omkov.net/Jamozed">
<h3>more projects...</h3>
</a>
</section>
</main>
</body>
</html>