diff --git a/src/root/about.html b/src/root/about.html
index a5a5e1d..30a6047 100644
--- a/src/root/about.html
+++ b/src/root/about.html
@@ -11,6 +11,33 @@
 /about
 #include titleend.html
 #include sidebarlinks.html
+
+#include socials.html
+</div>
+
+<div class="page">
+
+<h1>hi!</h1>
+
+<div class="textPanel">
+<p>
+hello! im cat. i like art, science, philosophy, language and everything in between.
+</p>
+
+<div class="separator"></div>
+
+<p>
+by day i work with hardware, software and people finding useful things to do with immersive technology. for professional interests, please see my <a href="#">cv</a> or find me on <a href="https://www.linkedin.com/in/cat-flynn-08751611b/">linkedin</a>.
+</p>
+
+<div class="separator"></div>
+
+<p>
+by night, i like to create. i hope to use this site to share what i make, be it interactive, visual or written. please have a look through the <a href="gallery.html">gallery</a> for to see my visual creations, and my <a href="blog.html">blog</a> for my writings. as a side project itself of course, this website is incomplete however, so i might direct you to my <a href="https://ktyl.itch.io/">itch.io</a> to see my games as well as my <a href="https://github.com/ktyldev/">github</a> and <a href="https://gitlab.com/ktyldev/">gitlab</a> to see my public code. 
+</p>
+</p>
+</div>
+
 </div>
 
 #include planets.html
diff --git a/src/root/blog.html b/src/root/blog.html
index d6f4858..7ca6fe3 100644
--- a/src/root/blog.html
+++ b/src/root/blog.html
@@ -11,6 +11,8 @@
 /blog
 #include titleend.html
 #include sidebarlinks.html
+
+#include socials.html
 </div>
 
 #include planets.html
diff --git a/src/root/contact.html b/src/root/contact.html
deleted file mode 100644
index cc101df..0000000
--- a/src/root/contact.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!doctype html>
-<html>
-
-#include header.html
-
-<body>
-<title>ktyl ~ contact</title>
-
-<div class="sidebar">
-#include titlestart.html
-/contact
-#include titleend.html
-#include sidebarlinks.html
-</div>
-
-#include planets.html
-
-</body>
-
-</html>
diff --git a/src/root/gallery.html b/src/root/gallery.html
index dc07ccb..0958108 100644
--- a/src/root/gallery.html
+++ b/src/root/gallery.html
@@ -11,6 +11,8 @@
 /gallery
 #include titleend.html
 #include sidebarlinks.html
+
+#include socials.html
 </div>
 
 <div class="page portfolio">
diff --git a/src/root/styles.css b/src/root/styles.css
index 7942c93..f290c0c 100644
--- a/src/root/styles.css
+++ b/src/root/styles.css
@@ -14,6 +14,7 @@ body {
 
 #include title.css
 #include sidebar.css
+#include landing.css
 
 .pageTitle {
     margin-left: -0.15em;
@@ -72,11 +73,33 @@ a.fsText:hover {
     transform: translate(-50%, 0);
 }
 
-.page p {
-    margin: 0;
-    margin-right: 1em;
-    padding: .6em;
+.page .textPanel .separator {
+    position: relative;
+    background-color: var(--foreground-inactive);
+
+    width: .25em;
+    height: .25em;
+    left: 50%;
+
+    border-radius: 100%;
+
+    transform: translateX(-50%);
+}
+
+.page a {
+    text-decoration: none;
+    color: var(--accent);
+    transition: all 0.1s;
+}
+.page a:hover {
     color: var(--foreground);
+}
+
+.page .textPanel {
+    margin: 0;
+    margin-left: -2em;
+    padding: .6em 2em;
+    color: var(--foreground-inactive);
 
     font-size: 1.1em;
     /*font-weight: bold;*/
@@ -84,7 +107,7 @@ a.fsText:hover {
     line-height: 1.25em;
 
     background-color: var(--background);
-    border-radius: .5em;
+    border-radius: 2em;
 
     width: 100%;
     border-color: var(--background-alt);
@@ -98,6 +121,8 @@ a.fsText:hover {
     font-size: 1.7em;
 
     margin: .5em;
+
+    text-align: center;
 }
 
 #include socials.css
