samantha/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better design

Browse Source
This commit is contained in:
samantha42
2026-03-17 08:49:22 +01:00
parent fdd74064ea
commit 1f80e7cf9b
5 changed files with 192 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
-72
View File
@@ -1,72 +0,0 @@
<!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>