Author | Jakob Wakeling <[email protected]> |
Date | 2024-01-08 10:09:45 |
Commit | 85d1540ea15d8a514054e19d49414ed13372a574 |
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; }