4 files changed, 210 insertions, 0 deletions
diff --git a/out/contact.html b/out/contact.html
new file mode 100644
index 0000000..da88a83
--- /dev/null
+++ b/out/contact.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title><No title> - vosjedev.net</title>
+		<link href="static/style.css" rel="stylesheet">
+	</head>
+	<body>
+		<header>
+			
+<div class="title">
+	<div class="left">
+		<img src="https://static.vosjedev.net/logo/vosjedev-art-64x.png" alt="LOGO">
+		<span><span style="color: var(--brand-colour);">vosjedev</span>.net</span>
+	</div>
+	<div class="right">
+	</div>
+</div>
+
+<nav class="second">
+	<ul>
+	<li><a href="/">Home</a></li>
+	<li><a href="/projects.html">Projects</a></li>
+	<li><a href="/archive.html">Archive</a></li>
+	<li><a href="/contact.html">Contact</a></li>
+	<li><a href="/services.html">Services</a></li>
+	</ul>
+</nav>
+
+		</header>
+
+		<div class="main-layout">
+			<nav>
+			<details open> <summary>Tap to toggle TOC</summary>
+				<div class="toc">
+<ul>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</div>
+
+			</details>
+			</nav>
+
+			<main>
+				<h1 id="contact">Contact</h1>
+<p>Given you are on this page you are seeking contact with me.</p>
+<p>I employ different ways of contacting for different purposes.</p>
+<ul>
+<li>If you are looking to contact me for <span class="orange">anything related to this website</span> or another service hosted under the vosjedev.net domain, you should send an email to <code class="orange">vosje+web [at] vosjedev.net</code> (replace the <code>[at]</code> with <code>@</code>) unless stated otherwise in the service.</li>
+<li>
+<p>If you are looking to contact me <span class="orange">for anything else</span>, shoot an email to <code class="orange">vosje [at] vosjedev.net</code> (once again, replace the <code>[at]</code> with <code>@</code>)</p>
+</li>
+<li>
+<p>If you are seeking contact <span class="orange">for professional reasons</span>, unless you're a friend, you're probably out of luck right now, but it's still worth a try. Use <code>vosje [at] vosjedev.net</code>.</p>
+</li>
+<li>
+<p>If you are a friend, you have my discord or phone number. Discord is fastest in weekends and holidays, calling on weekdays.</p>
+</li>
+</ul>
+			</main>
+
+			<div class="filler"></div>
+		</div>
+
+		<div></div>
+
+		<footer>
+			
+		</footer>
+	
+	</body>
+</html>
diff --git a/out/index.html b/out/index.html
new file mode 100644
index 0000000..c34a9e2
--- /dev/null
+++ b/out/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>Welcome - vosjedev.net</title>
+		<link href="static/style.css" rel="stylesheet">
+	</head>
+	<body>
+		<header>
+			
+<div class="title">
+	<div class="left">
+		<img src="https://static.vosjedev.net/logo/vosjedev-art-64x.png" alt="LOGO">
+		<span><span style="color: var(--brand-colour);">vosjedev</span>.net</span>
+	</div>
+	<div class="right">
+	</div>
+</div>
+
+<nav class="second">
+	<ul>
+	<li><a href="/">Home</a></li>
+	<li><a href="/projects.html">Projects</a></li>
+	<li><a href="/archive.html">Archive</a></li>
+	<li><a href="/contact.html">Contact</a></li>
+	<li><a href="/services.html">Services</a></li>
+	</ul>
+</nav>
+
+		</header>
+
+		<div class="main-layout">
+			<nav>
+			<details open> <summary>Tap to toggle TOC</summary>
+				
+			</details>
+			</nav>
+
+			<main>
+				<h1 id="welcome-to-vosjedevnet">Welcome to vosjedev.net</h1>
+<p>Hi! I am vosjedev. You seem to have found my website!</p>
+<p>I am a dutch developer, I write stuff mainly in python, html+css (no js!), and bash. My projects are available on:</p>
+<ul>
+<li><a href="https://git.vosjedev.net">my git server</a><br />
+  this is where all new projects go.</li>
+<li><a href="https://codeberg.org/vosjedev">codeberg</a><br />
+  here are older projects and 'mirrors'.</li>
+<li><a href="https://github.com/vosjedev">github</a><br />
+  here are the oldest projects, and collaboration projects before my git server existed.</li>
+</ul>
+<p>I'm reachable on multiple locations and for multiple reasons. check <a class="wikilink" href="/contact/">contact</a> for info!</p>
+<h2 id="spotlight">Spotlight</h2>
+<p>Spotlighted projects:</p>
+<ul>
+<li><a href="https://git.vosjedev.net/acit.git/">Another Custom Issue Tracker (acit)</a> is an Email-Driven Issue Tracker</li>
+<li><a href="/webradio/">webradio</a> is a simple minimalistic ad-free webpage for listening to dutch radio over the web</li>
+<li><a href="https://github.com/Vosjedev/mapgame">mapgame</a> is my 'first' program (written in bash). it employs some OOP ways of working before I ever heard of OOP, and it's kinda cursed.</li>
+</ul>
+<h2 id="history-of-this-website">History of this website</h2>
+<p>Originally I started with a website hosted on google drive via some website, then later I moved to github pages. Eventually I got a raspberrypi and a domain, and that's what you're looking at now. However, for a long time the website hosted here was just a filelisting with README.md rendering. Now it's actually a fancy website!</p>
+<h2 id="history-of-me-not-interesting">History of me (not interesting)</h2>
+<p>Roughly 5 years ago, I started messing around in html+css in VSCode and on a random app on my phone. I learned bash quickly after (more or less accidentally, I was trying to learn <em>all</em> the commands my shell could do - not realising how shells work), and after a few years of getting into cursed levels of bash I started writing python. I did some cursed stuff, learned how to <em>actually</em> write python, and now I've been writing python for 3 years.</p>
+			</main>
+
+			<div class="filler"></div>
+		</div>
+
+		<div></div>
+
+		<footer>
+			
+		</footer>
+	
+	</body>
+</html>
diff --git a/out/projects.html b/out/projects.html
new file mode 100644
index 0000000..3d6da25
--- /dev/null
+++ b/out/projects.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title><No title> - vosjedev.net</title>
+		<link href="static/style.css" rel="stylesheet">
+	</head>
+	<body>
+		<header>
+			
+<div class="title">
+	<div class="left">
+		<img src="https://static.vosjedev.net/logo/vosjedev-art-64x.png" alt="LOGO">
+		<span><span style="color: var(--brand-colour);">vosjedev</span>.net</span>
+	</div>
+	<div class="right">
+	</div>
+</div>
+
+<nav class="second">
+	<ul>
+	<li><a href="/">Home</a></li>
+	<li><a href="/projects.html">Projects</a></li>
+	<li><a href="/archive.html">Archive</a></li>
+	<li><a href="/contact.html">Contact</a></li>
+	<li><a href="/services.html">Services</a></li>
+	</ul>
+</nav>
+
+		</header>
+
+		<div class="main-layout">
+			<nav>
+			<details open> <summary>Tap to toggle TOC</summary>
+				<div class="toc">
+<ul>
+<li><a href="#projectlist">Projectlist</a></li>
+</ul>
+</div>
+
+			</details>
+			</nav>
+
+			<main>
+				<h1 id="projectlist">Projectlist</h1>
+<p>This is a list of projects. This page is still a todo.</p>
+			</main>
+
+			<div class="filler"></div>
+		</div>
+
+		<div></div>
+
+		<footer>
+			
+		</footer>
+	
+	</body>
+</html>
diff --git a/out/static b/out/static
new file mode 120000
index 0000000..30aba11
--- /dev/null
+++ b/out/static
@@ -0,0 +1 @@
+/SD/workbench/website/static
+\ No newline at end of file