diff --git a/src/lib/personalia.svelte b/src/lib/personalia.svelte
index 4efe640..823b31b 100644
--- a/src/lib/personalia.svelte
+++ b/src/lib/personalia.svelte
@@ -1,22 +1,14 @@
 <script lang="ts">
 	import colors from './colors';
-	import type IPersonalia from '$lib/interfaces/IPersonalia';
 
-	const personalias: IPersonalia[] = [
-		{
-			length: 'short bio',
-			text: 'Hello 👋 I currently work at Aller Media as DevOps Lead. I enjoy building things with my	hands & head, bouldering and teaching in my free time.'
-		},
-		{
-			length: 'long bio',
-			text: 'Hello longer 👋 I currently work at Aller Media as DevOps Lead. I enjoy building things with my	hands & head, bouldering and teaching in my free time.'
-		}
-	];
+	const bioSelectOptions: string[] = ['short', 'long'];
+	const shortBio =
+		'Hello 👋 I currently work at Aller Media as DevOps Lead. I enjoy building things with my	hands & head, bouldering and teaching in my free time.';
 
-	let selectedPersonalia = personalias[0];
+	let bioSelected = bioSelectOptions[0];
 
-	function setSelectedPersonalia(personalia: IPersonalia) {
-		selectedPersonalia = personalia;
+	function setSelectedPersonalia(personalia: string) {
+		bioSelected = personalia;
 
 		const color = colors[Math.floor(Math.random() * colors.length)];
 		document.documentElement.style.setProperty('--selected-color', color);
@@ -24,17 +16,39 @@
 </script>
 
 <div class="personalia-toggles">
-	{#each personalias as p}
-		<button
-			on:click={() => setSelectedPersonalia(p)}
-			class={selectedPersonalia.length === p.length ? 'selected' : ''}
-		>
-			{p.length}
+	{#each bioSelectOptions as p}
+		<button on:click={() => setSelectedPersonalia(p)} class={bioSelected === p ? 'selected' : ''}>
+			{p} bio
 		</button>
 	{/each}
 </div>
 
-<p>{selectedPersonalia.text}</p>
+<p>{shortBio}</p>
+
+{#if bioSelected === 'long'}
+	<p>
+		I currently work at Aller Media as DevOps Lead. I enjoy building things with my hands and head,
+		bouldering and teaching in my free time.
+	</p>
+
+	<p>
+		Since I child I have been interested in building together with people, either from scrap wood, a
+		soldering iron or application of code. My 50 m2 apartment acts both as my workshop and my
+		playground where anything that can have ethernet has it, has a microcontroller attached to it, a
+		3D printed fix attached to it or hand built kitchen that fits my needs. My ideas and creativity
+		reaches beyond the personality built into my walls, and down into my basement where I run 5
+		(ambrosia) servers.
+	</p>
+
+	<p>
+		My servers let me practice end-to-end development from client application to hosting it,
+		including deploying, logging, updating, monitoring and backing up. I also have a unknown need
+		for having a offline backup of everything. This taken so far that my power can go out and
+		everything plugged into ethernet or wifi AP will still work internally, even security cameras
+		will still record to local server off battery. Nothing should be lost or unavilable, all within
+		my control.
+	</p>
+{/if}
 
 <style lang="scss">
 	.personalia-toggles {
@@ -44,11 +58,15 @@
 	p {
 		font-size: 1.4rem;
 		line-height: 1.6;
+		white-space: pre-line;
+
+		max-width: 800px;
 	}
 
 	button {
 		width: 120px;
-		height: 30px;
+		// height: 30px;
+		padding: 0.8rem 0.4rem;
 		border: 2px solid gray;
 		border-radius: 15px;
 		box-sizing: border-box;