diff --git a/public/black_hole.gif b/public/black_hole.gif
new file mode 100644
index 0000000..7884e74
Binary files /dev/null and b/public/black_hole.gif differ
diff --git a/public/black_hole.jpg b/public/black_hole.jpg
new file mode 100644
index 0000000..3c5cbc7
Binary files /dev/null and b/public/black_hole.jpg differ
diff --git a/public/index.css b/public/index.css
new file mode 100644
index 0000000..d162624
--- /dev/null
+++ b/public/index.css
@@ -0,0 +1,37 @@
+header {
+ position: relative;
+ width: 100%;
+ height: 300px;
+ background: linear-gradient(rgba(20, 20, 20, 0.608), rgba(0, 0, 0, 0.96)),
+ url("/black_hole.jpg");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 100%;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 10px;
+}
+
+header h1 {
+ color: var(--bright-main);
+ font-family: JetBrainsItalic;
+ font-weight: 900;
+ font-size: 50px;
+ text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
+ 0px 8px 13px rgba(0,0,0,0.1),
+ 0px 18px 23px rgba(0,0,0,0.1);
+}
+
+header h3 {
+ color: var(--bright-second);
+ font-family: Ubuntu;
+ font-weight: 900;
+ letter-spacing: 1px;
+ font-size: 30px;
+ text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
+ 0px 8px 13px rgba(0,0,0,0.1),
+ 0px 18px 23px rgba(0,0,0,0.1);
+}
diff --git a/templates/index.html b/templates/index.html
index 8a24e2e..27e3a39 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,9 +6,14 @@
+
{{template "parts/bar" .}}
+
+ MatterLinux
+ A tiny GNU/Linux distribution
+
{{.readme.HTML}}