/ index.html
index.html
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <title>Martijn</title> 5 <link rel="icon" type="image/ico" href="favicon.ico" /> 6 <meta charset="utf-8" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 8 <meta name="robots" content="noindex, nofollow" /> 9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 10 <meta name="language" content="English" /> 11 <meta name="theme-color" content="#000" /> 12 <meta name="msapplication-navbutton-color" content="#000" /> 13 <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 14 <meta http-equiv="X-Content-Type-Options" content="nosniff" /> 15 <meta http-equiv="Referrer-Policy" content="no-referrer" /> 16 <meta http-equiv="Permissions-Policy" content="interest-cohort=()" /> 17 <link rel="stylesheet" type="text/css" href="css/jetbrains-mono.css" /> 18 <link rel="stylesheet" type="text/css" href="css/reset.css" /> 19 <link rel="stylesheet" type="text/css" href="css/main.css" /> 20 <script type="module" src="js/main.js"></script> 21 </head> 22 23 <body> 24 <div id="container"></div> 25 <header> 26 <div class="info"> 27 <ul class="header-section"> 28 <li class="blocked"> 29 <h1>Martijn Sebastiaan Boers</h1> 30 </li> 31 <li class="blocked"> 32 <h2>Software Developer, The Hague</h2> 33 </li> 34 <li class="blocked"> 35 <p> 36 Music lover still holding out for <span id="year"></span> as the 37 year of the Linux desktop. I run homelabs, care about data 38 sovereignty, and believe in the personal web. Always taking things 39 apart to see how they work. 40 </p> 41 </li> 42 </ul> 43 <ul class="visual-section"> 44 <li class="animation-container"> 45 <div id="container-mobile"></div> 46 </li> 47 </ul> 48 <ul class="contact-section"> 49 <li class="blocked divider-top"> 50 <strong>Work</strong> 51 <span class="group"> 52 <a href="https://resume.boers.email" rel="noopener noreferrer" 53 >Resume</a 54 ><br /> 55 </span> 56 </li> 57 <li class="blocked"> 58 <strong>Contact</strong> 59 <span class="group"> 60 <a href="mailto:martijn@boers.email">Email</a> (<a 61 href="/assets/martijnpublic.asc" 62 >PGP</a 63 >)<br /> 64 <a rel="me" href="https://noisesfrom.space/@martijn">Mastodon</a 65 ><br /> 66 <a 67 href="https://matrix.to/#/@martijn:boers.email" 68 rel="noopener noreferrer" 69 >Matrix</a 70 ><br /> 71 </span> 72 </li> 73 <li class="blocked"> 74 <strong>Forges</strong> 75 <span class="group"> 76 <a href="https://git.boers.email" rel="noopener noreferrer" 77 >Radicle 78 </a> 79 <br /> 80 <a 81 href="https://github.com/martijnboers" 82 rel="noopener noreferrer" 83 >Github 84 </a> 85 <br /> 86 </span> 87 </li> 88 <li class="blocked divider-top subtle"> 89 <strong class="subtle" 90 ><a href="https://nixwebr.ing/">Webring</a></strong 91 > 92 <span class="group subtle"> 93 <a href="https://nixwebr.ing/prev/boers">← Prev</a> • 94 <a href="https://nixwebr.ing/next/boers">Next →</a> 95 </span> 96 </li> 97 </ul> 98 </div> 99 </header> 100 101 <script type="module" src="js/main.js"></script> 102 </body> 103 </html>