first

2026-03-16 13:08:54 +01:00
commit 9ed735c133
12 changed files with 3218 additions and 0 deletions
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Home</title>
+  <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Syne:wght@400;700;800&display=swap" rel="stylesheet"/>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <div class="container">
+
+    <header>
+      <p class="tag">// personal space</p>
+      <h1>Hello,<br/>Friend<span>.</span></h1>
+      <p class="subtitle">Developer, tinkerer, investor. This is my little corner of the internet.</p>
+    </header>
+
+    <nav>
+      <div class="nav-grid">
+
+        <a href="/about" class="nav-item">
+          <p class="nav-number">01 —</p>
+          <p class="nav-title">About Me <span class="arrow">↗</span></p>
+          <p class="nav-desc">Who I am, what I'm working on, and how to get in touch.</p>
+        </a>
+
+        <a href="/portfolio" class="nav-item">
+          <p class="nav-number">02 —</p>
+          <p class="nav-title">Portfolio <span class="arrow">↗</span></p>
+          <p class="nav-desc">Investment thesis, positions, and market observations.</p>
+        </a>
+
+
+        <a href="/gitpage" target="_blank" rel="noopener" class="nav-item">
+          <p class="nav-number">03 —</p>
+          <p class="nav-title">Git <span class="arrow">↗</span></p>
+          <p class="nav-desc">Personal repositories, open-source projects and code experiments.</p>
+        </a>
+
+        <a href="/Klacq ApS" class="nav-item">
+          <p class="nav-number">04 —</p>
+          <p class="nav-title">Klacq ApS<span class="arrow">↗</span></p>
+          <p class="nav-desc">Small personaly owned streaming service</p>
+        </a>
+
+        <a href="/infra" class="nav-item">
+          <p class="nav-number">05 —</p>
+          <p class="nav-title">Infrastructure <span class="arrow">↗</span></p>
+          <p class="nav-desc">Computer setups for company efficiency </p>
+        </a>
+
+        <a href="/cyber" class="nav-item">
+          <p class="nav-number">06 —</p>
+          <p class="nav-title">Cyber Security<span class="arrow">↗</span></p>
+          <p class="nav-desc">Protect data, personal and companies.</p>
+        </a>
+
+        
+      </div>
+    </nav>
+
+
+
+    <footer>
+      <a href="mailto:contact@samantha42.xyz">contact@samantha42.xyz</a>
+      <p class="footer-copy">&copy; 2026 — All rights reserved</p>
+    </footer>
+
+  </div>
+</body>
+</html>