Portfolio website written in pure HTML/CSS
https://dev.omkov.net/
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
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>
|
|
|