flesh out homepage

content/pages/contact.html

@@ -1,7 +0,0 @@
----
-title: Contact
-permalink: "/contact/"
----
-
-<h2>E-mail</h2>
-mail@riksolo.com

content/pages/index.njk

@@ -3,4 +3,47 @@ title: Home
 permalink: "/"
 ---
 
-<h1>{{title}}</h1>
+<h1>Rik Berkelder</h1>
+Lighting Design | Software Development
+
+<h2>Skills</h2>
+<div class="flex">
+
+	<div class="col-half">
+		<b>Lighting & AV</b>
+		<ul>
+			<li>GrandMA2/3, Avolites, Hog4, Obsidian Onyx</li>
+			<li>Capture, Vectorworks</li>
+			<li>ATEM, Resolume, VMix, OBS</li>
+			<li>Timecode, Remote Production, System Integration</li>
+		</ul>
+	</div>
+	<div class="col-half">
+		<b>Software</b>
+		<ul>
+			<li>Typescript, GraphQL</li>
+			<li>React (Native), Angular, NodeJS, Electron</li>
+			<li>Git, Docker, Gitlab CI, GitHub Actions, DroneCI</li>
+			<li>Sass/SCSS, Tailwind, Bootstrap</li>
+		</ul>
+	</div>
+</div>
+
+<h2>Highlighted Projects/Clients</h2>
+<ul>
+	<li><a href="https://www.sowulo.nl">Sowulo</a> / Lighting design & touring since 2023</li>
+	<li><a href="https://aitum.tv">Aitum</a> / React & Electron development</li>
+	<li><a href="https://twitch.tv/mrgregles">MrGregles</a> / Fully remote, real-time live show lighting control</li>
+	<li><a href="https://rn7.nl">RN7</a> / Custom digital signage with radio playout data integration</li>
+</ul>
+
+<h2>Contact</h2>
+mail@riksolo.com / rik@rblicht.nl
+
+<h3>Find Me Elsewhere</h3>
+<ul>
+	<li><a href="https://dook.business/@RikSolo">Mastodon</a> <small>(dook.business)</small></li>
+	<li><a href="https://instagram.com/RikBerkelder">Instagram</a></li>
+	<li><a href="https://github.com/rikberkelder">GitHub</a></li>
+	<li><a href="https://git.riksolo.com">Gitea</a></li>
+</ul>

content/style.scss

@@ -60,9 +60,13 @@ body {
 		ol:not(ol *, ul *),
 		ul:not(ol *, ul *) {
 			margin-left: 0rem;
-			margin-bottom: 3rem;
+			margin-top: 0rem;
+			margin-bottom: 1rem;
+			padding-left: 0.5rem;
+			margin-right: 2rem;
 		}
 
+
 		ol p,
 		ul p {
 			margin: 0.3rem 0rem;
@@ -175,4 +179,10 @@ img {
 
 ul.list-dash>li::before {
 	content: "- "
+}
+
+.flex {
+	display: flex;
+	flex-shrink: 0;
+	flex-wrap: wrap;
 }