Icons for header

5 files changed, 23 insertions, 1 deletions

diff --git a/docs/img/icons/about.png b/docs/img/icons/about.png
new file mode 100644
index 0000000..4043190
--- /dev/null
+++ b/docs/img/icons/about.png
diff --git a/docs/img/icons/icons.kra b/docs/img/icons/icons.kra
index 7b679f4..d086c14 100644
--- a/docs/img/icons/icons.kra
+++ b/docs/img/icons/icons.kra
diff --git a/docs/img/icons/links.png b/docs/img/icons/links.png
new file mode 100644
index 0000000..5d78c41
--- /dev/null
+++ b/docs/img/icons/links.png
diff --git a/docs/img/icons/x.png b/docs/img/icons/x.png
new file mode 100644
index 0000000..0018a03
--- /dev/null
+++ b/docs/img/icons/x.png
diff --git a/docs/index.md b/docs/index.md
index 01a22e7..38933a7 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,7 +1,29 @@
 ---
 title: Home
 ---
-# [about](/about) | [x](/x) | [links](/links)
+
+# fkfd.me
+
+<header class="header-block-container">
+    <a href="/about">
+        <div class="header-block">
+            <span class="header-icon" id="icon-about"></span>
+            <span class="header-text">About</span>
+        </div>
+    </a>
+    <a href="/x">
+        <div class="header-block">
+            <span class="header-icon" id="icon-x"></span>
+            <span class="header-text">x</span>
+        </div>
+    </a>
+    <a href="/links">
+        <div class="header-block">
+            <span class="header-icon" id="icon-links"></span>
+            <span class="header-text">Links</span>
+        </div>
+    </a>
+</header>
 
 ## Categories