diff --git a/global/global.css b/global/global.css
index 85a1601..c900fc9 100644
--- a/global/global.css
+++ b/global/global.css
@@ -1 +1,10 @@
/* Global CSS options */
+
+body {
+ font-family: "Truculenta", sans-serif;
+ font-optical-sizing: auto;
+ font-weight: 500;
+ font-style: normal;
+ font-variation-settings: "wdth" 100;
+ font-size: 16pt;
+}
diff --git a/header/header.css b/header/header.css
index ff722bc..1f2f339 100644
--- a/header/header.css
+++ b/header/header.css
@@ -1 +1,43 @@
/* Header CSS */
+header {
+ font-family: "Roboto Mono", monospace;
+ font-optical-sizing: auto;
+ font-weight: 600;
+ font-style: normal;
+ font-size: 14pt;
+
+ height: 1.5rem;
+ width: calc(100% - 1.5rem);
+
+ margin-bottom: 0.25rem;
+ padding: 0.5rem;
+ border-width: 3px;
+ border-style: solid;
+
+ position: sticky;
+ top: 0;
+
+ display: flex;
+
+ #hd-left {
+ width: min-width;
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ font-style: italic;
+ }
+
+ #hd-mid {
+ width: 100%;
+ }
+
+ #hd-right {
+ width: min-width;
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .spacer {
+ width: 2rem;
+ display: block;
+ }
+}
diff --git a/header/header.html b/header/header.html
index 9f531db..c1ff57c 100644
--- a/header/header.html
+++ b/header/header.html
@@ -1 +1,16 @@
+
+nekoapril.blog
+
+
+ Home
+
+ Kinks
+
+ Gear
+
diff --git a/index.html b/index.html
index 8e5b19c..a7ebffc 100644
--- a/index.html
+++ b/index.html
@@ -6,11 +6,19 @@
Kinklist
+
+
+
+
-
+
+
-
+
+
Look ma, I'm horny!
diff --git a/index.js b/index.js
index 2d9ed3a..d098bfc 100644
--- a/index.js
+++ b/index.js
@@ -1 +1,5 @@
// Landing page JS
+function loadDependencies() {
+ loadHTML("hd-box", "/header/header.html");
+ loadHTML("footer", "/footer/footer.html");
+}