This commit is contained in:
2026-08-09 00:17:48 +02:00
parent dbf83d48cf
commit f70b51986e
5 changed files with 769 additions and 36 deletions
+32 -5
View File
@@ -2,6 +2,10 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<script>
/* The website stays deleted for visitors who deleted it (see footer) */
try { if (localStorage.getItem('siteDeleted')) location.replace('404.html'); } catch (e) {}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Nikolaj Gade 💻 Software Developer</title>
@@ -33,7 +37,7 @@
<header id="header">
<nav>
<a href="#home" class="nav-logo" aria-label="Nikolaj Gade — home">
<span class="bracket">&lt;</span>NG<span class="bracket">/&gt;</span>
NG
</a>
<button class="burger" id="burger" aria-label="Menu">
<span></span><span></span><span></span>
@@ -48,14 +52,24 @@
<li><a href="#education" class="nav-link">Education</a></li>
</ul>
<!-- Scroll hint: shown by script.js after idling at the top -->
<a href="#about" class="scroll-hint" id="scrollHint" aria-label="Scroll to the About section">
<i class="fas fa-chevron-down" aria-hidden="true"></i>
</a>
<main>
<!-- HERO -->
<section id="home" class="hero">
<div class="hero-content">
<h1 class="hero-name">Nikolaj <span class="hero-name-accent">Gade</span></h1>
<p class="hero-role">Software Developer</p>
<p class="hero-pronouns">they/them · he/him</p>
<h1 class="hero-name">Nikolaj Gade</h1>
<div class="hero-chips">
<p class="hero-role" id="heroRole">
<span class="slot"><span class="reel"><span>Software</span></span></span>
<span class="slot"><span class="reel"><span>Developer</span></span></span>
</p>
<p class="hero-pronouns">they/them · he/him</p>
</div>
<div class="hero-links">
<a href="https://github.com/NikolajDanger" class="hero-link" target="_blank" rel="noopener">
@@ -100,7 +114,7 @@
<div class="about-text">
<p>Hi 👋 I'm Nikolaj, a software developer based in <strong>Nørrebro, Copenhagen</strong>. I started programming around 2007 as a kid tinkering in <strong>Game Maker</strong>, and I haven't stopped since.</p>
<p>My main language is <strong>Python</strong>, but I'm a chameleon by nature: I love picking up new tools and languages, and there's nothing quite like the feeling of new concepts snapping into place. I do my best work when I can sink my teeth into something and not let go until it's done.</p>
<p>When I'm not at the keyboard, you might find me reading a book or running a <strong>Dungeons &amp; Dragons</strong> campaign as a Dungeon Master. I live in an apartment in Nørrebro with my cat, <strong>Pepsi</strong> (pictured here).</p>
<p>When I'm not at the keyboard, you might find me reading a book or running a <strong class="dnd-roll">Dungeons &amp; Dragons</strong> campaign as a Dungeon Master. I live in an apartment in Nørrebro with my cat, <strong>Pepsi</strong> (pictured here).</p>
</div>
<div class="about-right">
<div class="pepsi-card">
@@ -361,10 +375,23 @@
</main>
<div class="delete-site-wrap">
<button id="deleteSite" class="delete-site">Delete website</button>
</div>
<footer>
<p>This website was built by a horde of angry rats masquerading as a software developer</p>
</footer>
<dialog id="deleteDialog" class="delete-dialog">
<p class="delete-dialog-title">Are you sure?</p>
<p>This is a permanent deletion of this entire website.</p>
<div class="delete-actions">
<button id="deleteCancel" class="dialog-button" autofocus>Cancel</button>
<button id="deleteConfirm" class="dialog-button dialog-button--danger">Yes, I'm sure</button>
</div>
</dialog>
<script src="script.js" defer></script>
</body>
</html>