113 lines
4.6 KiB
HTML
113 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html prefix="schema: http://schema.org/ foaf: https://xmlns.com/foaf/0.1/ og: http://ogp.me/ns#"
|
|
typeof="schema:WebPage"
|
|
lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="color-scheme" content="light dark">
|
|
|
|
<title>Tibo De Peuter</title>
|
|
<meta name="description" content="Computer Science student. Personal portfolio">
|
|
<link rel="alternate" type="application/n-quads" href="https://tibo.depeuter.dev/tdpeuter.ttl">
|
|
|
|
<meta property="og:title" content="Tibo De Peuter">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image" content="https://tibo.depeuter.dev/assets/owl_circuit.png">
|
|
<meta property="og:url" content="https://tibo.depeuter.dev/">
|
|
<meta property="og:description" content="Computer Science student. Personal portfolio">
|
|
<meta property="og:locale" content="en_GB">
|
|
|
|
<meta property="foaf:name" content="Tibo De Peuter">
|
|
<meta property="foaf:givenName" content="Tibo">
|
|
<meta property="foaf:familyName" content="De Peuter">
|
|
<meta property="foaf:img" content="https://tibo.depeuter.dev/assets/owl_circuit.png">
|
|
<meta property="foaf:homepage" content="https://tibo.depeuter.dev/">
|
|
<meta property="foaf:gender" content="male">
|
|
<link rel="foaf:maker" content="https://tibo.depeuter.dev/">
|
|
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
<link rel="shortcut icon" type="image/png" href="assets/images/owl_circuit.png">
|
|
<link rel="apple-touch-icon" href="assets/images/owl_circuit.png">
|
|
</head>
|
|
<body>
|
|
<nav-bar></nav-bar>
|
|
|
|
<div class="wrapper">
|
|
<main>
|
|
<div class="landing">
|
|
<p data-i18n="landing.title">My name is Tibo De Peuter.</p>
|
|
<p data-i18n="landing.subtitle">I like to work with computers.</p>
|
|
</div>
|
|
|
|
<ul class="links">
|
|
<li>
|
|
<a href="mailto:tibo@depeuter.dev" title="Mail me" data-i18n="contact.email">
|
|
<img src="assets/images/icons/mail.svg" alt="" class="icon"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://git.depeuter.dev/tdpeuter" title="Visit my personal git" data-i18n="landing.git">
|
|
<img src="assets/images/icons/git.svg" alt="" class="icon"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/tdpeuter" title="My GitHub account" data-i18n="contact.github">
|
|
<img src="assets/images/icons/github.svg" alt="" class="icon"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.linkedin.com/in/tdpeuter/" title="My LinkedIn account" data-i18n="contact.linkedin">
|
|
<img src="assets/images/icons/linkedin.svg" alt="" class="icon"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</main>
|
|
</div>
|
|
<footer>
|
|
<!-- TODO Turn footer into a reusable component -->
|
|
<noscript>
|
|
<div class="quote">
|
|
<h2>JavaScript is disabled</h2>
|
|
<p>
|
|
I totally support your decision to disable JavaScript.
|
|
However, as of right now, this website does not completely work without JavaScript.
|
|
I am working on improving that.
|
|
</p>
|
|
<p>
|
|
Please consider allowing JavaScript for this website.
|
|
There is no tracking or ads.
|
|
</p>
|
|
<p>
|
|
Kind regards
|
|
</p>
|
|
<p class="signature">Tibo De Peuter</p>
|
|
</div>
|
|
</noscript>
|
|
<p>
|
|
<a href="./key.asc" title="Get my public PGP key" data-i18n="footer.key">
|
|
08A9 C1C8 CF91 59C9 172A BA12 9B11 F524 3089 DB5B
|
|
</a>
|
|
(<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/08A9C1C8CF9159C9172ABA129B11F5243089DB5B"
|
|
title="Get my public PGP key (alternative link)"
|
|
data-i18n="footer.key_alternative">alternative link</a>)
|
|
|
|
<a href="https://en.wikipedia.org/wiki/Public-key_cryptography"
|
|
title="What is public key cryptography?"
|
|
data-i18n="footer.key_help">
|
|
<img src="/assets/images/icons/question-mark.svg" alt="" class="icon inline-icon"/>
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<span data-i18n="footer.made_with">Made with</span> <span class="heart">♥</span>.
|
|
<a href="https://git.depeuter.dev/tdpeuter/tdpeuter"
|
|
about="source code of this webpage"
|
|
class="hidden"
|
|
data-i18n="footer.source_code">
|
|
Source code
|
|
</a>
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
<script src="script.js"></script>
|
|
</html>
|