website

Personal website
git clone http://git.omkov.net/website
Log | Tree | Refs | Download

AuthorJakob Wakeling <[email protected]>
Date2024-01-08 10:09:45
Commit85d1540ea15d8a514054e19d49414ed13372a574

Add redesigned simple portfolio HTML and CSS

Diffstat

A .gitignore | 1 +
A index.html | 83 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
A style.css | 15 +++++++++++++++

3 files changed, 99 insertions, 0 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..baa437d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/favicon.png
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5c0f0fb
--- /dev/null
+++ b/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8"/>
+		<title>Jake Wakeling</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+		<link rel="stylesheet" type="text/css" href="/style.css"/>
+		<link rel="icon" type="image/png" href="/favicon.png"/>
+	</head>
+	<body>
+		<main>
+			<header>
+				<h1>Jake Wakeling</h1>
+				<h2 id="subtitle">Software Engineer</h2>
+			</header>
+			Email: <a id="email" href="mailto:[email protected]">hidden</a><br>
+			Git: <a href="https://git.omkov.net/?u=deus">https://git.omkov.net/?u=deus</a><br>
+			GitHub: <a href="https://github.com/Jamozed/">https://github.com/Jamozed/</a><br>
+			<p>Send me an email if you'd like my CV.</p><hr>
+			<h3>Notable Projects</h3>
+			<table class="highlight-row">
+				<thead>
+					<tr>
+						<td><b>Name</b></td>
+						<td><b>Description</b></td>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td><a href="https://git.omkov.net/G/file/README.md">G</a></td>
+						<td>
+							A modern programming language intended to be fast, simple, and pleasant.<br>
+							Written in C with LLVM for code generation.
+						</td>
+					</tr>
+					<tr>
+						<td><a href="https://git.omkov.net/Goit/file/README.md">Goit</a></td>
+						<td>
+							A simple and lightweight Git web server, written in Go.<br>
+							This is what my personal Git web server runs.
+						</td>
+					</tr>
+					<tr>
+						<td><a href="https://git.omkov.net/OBFI/file/README.md">OBFI</a></td>
+						<td>
+							A highly performant interpreter for the Brainfuck language, written in C.
+						</td>
+					</tr>
+					<tr>
+						<td><a href="https://git.omkov.net/libutil/file/README.md">libutil</a></td>
+						<td>
+							A lightweight library to be included locally in projects, written in C.
+						</td>
+					</tr>
+					<tr>
+						<td><a href="https://git.omkov.net/coreutils/file/README.md">coreutils</a></td>
+						<td>
+							An implementation of core software utilities, written in C.
+						</td>
+					</tr>
+					<tr>
+						<td><a href="https://git.omkov.net/cryptutils/file/README.md">cryptutils</a></td>
+						<td>
+							An implementation of cryptographic software utilities, written in C.
+						</td>
+					</tr>
+					<tr>
+						<td><a href="https://git.omkov.net/ESH/file/README.md">ESH</a></td>
+						<td>
+							A modern shell with an emphasis on performance and usability, written in C.<br>
+							This is very unfinished.
+						</td>
+					</tr>
+				</tbody>
+			</table><hr>
+			<i>More projects can be found on my personal Git server, or my GitHub, both linked above.</i>
+		</main>
+		<script>
+			var l = "jake", h = "omkov.net", e = document.getElementById("email");
+			e.href = `mailto:${l}@${h}`; e.innerText = `${l}@${h}`;
+		</script>
+	</body>
+</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..71d2f07
--- /dev/null
+++ b/style.css
@@ -0,0 +1,15 @@
+html { background-color: #111111; color: #888888; height: 100%; }
+body { font-family: monospace; margin: 1rem; }
+
+a { color: #ff7e00; text-decoration: none; }
+a:hover { text-decoration: underline; }
+h1 { margin: 0; }
+h2 { font-size: 1rem; margin: 0 0 1rem 0; }
+h3 { margin: 0 0 1em 0; }
+hr { border: 0; height: 1rem; margin: 0; }
+
+table td { padding: 0 0.4rem; }
+table td:empty::after { content: "\00a0"; }
+table tbody td { padding: 0.2rem 0.4rem; }
+
+.highlight-row tr:hover td { background-color: #222222; }