beginsels van een werkende pagina

4 files changed, 46 insertions, 3 deletions

diff --git a/src/css/color.css b/src/css/color.css
index 955b0c3..2cbb7a0 100644
--- a/src/css/color.css
+++ b/src/css/color.css
@@ -1,8 +1,8 @@
 :root {
-	--text-color: #FCFFFD;
-	--page-background-color: #FCFFFD;
+	--text: #FCFFFD;
+	--page-background: #FCFFFD;
 
-	--background-color: #5D737E;
+	--background: #5D737E;
 	--background-alt: #81949E;
 
 	--disk-a: #E16D82;
diff --git a/src/css/link.css b/src/css/link.css
new file mode 100644
index 0000000..3887caf
--- /dev/null
+++ b/src/css/link.css
@@ -0,0 +1,3 @@
+a {
+	color: var(--text);
+}
diff --git a/src/css/navbar.css b/src/css/navbar.css
new file mode 100644
index 0000000..585a9c2
--- /dev/null
+++ b/src/css/navbar.css
@@ -0,0 +1,35 @@
+.navbar {
+	width: 48px;
+	height: 100%;
+
+	line-height: 0;
+
+	background-color: var(--background);
+	display: inline-block;
+
+	position: fixed;
+	top: 0;
+	left: 0;
+
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.navbar .noclick,
+.navbar a {
+	margin: 12px;
+	margin-bottom: 16px;
+	display: block;
+}
+
+.navbar .noclick:last-child,
+.navbar a:last-child {
+	margin-bottom: 12px;
+}
+
+.navbar .settings {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+}
+
diff --git a/src/css/nomargin.css b/src/css/nomargin.css
index 7ec0149..74771c6 100644
--- a/src/css/nomargin.css
+++ b/src/css/nomargin.css
@@ -2,3 +2,8 @@ html, body {
 	margin: 0;
 	padding: 0;
 }
+
+body {
+	padding-left: 48px;
+	background-color: var(--page-background);
+}