diff --git a/index.html b/index.html
deleted file mode 100644
index 33f6bea..0000000
--- a/index.html
+++ /dev/null
@@ -1,116 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US">
-    <head>
-        <meta charset="utf-8">
-        <title>Cesium</title>
-        <link rel="stylesheet" href="styles.css">
-        <meta content="#ff44bb" name="theme-color">
-        <meta property="og:title" content="Cesium">
-        <meta property="og:description" content="social links i guess">
-	<meta name="description" content="Cesium/Kira: cesium.one, Cesium55, Cesium2349, unfunnycesium"/>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    </head>
-    <body>
-	<div class="header-container">
-            <img src="profile.png" alt="Cesium's Profile Picture" class="profile-pic">
-	    <h1>Cesium</h1>
-	</div>
-        <p>not an exhaustive list of my entire presence on the internet but stuff on this list is definitely me</p>
-        
-       <div class=contacts>
-        <div class=contact style="background-color: #475276;">
-            <h3>Discord</h3>
-            <p>cesium.one</p>
-            <a title="Discord" href="https://discord.com/users/230659159450845195"></a>
-        </div>
-	 <div class=contact style="background-color: #2D5786;">
-            <h3>Bluesky</h3>
-            <p>cesium.one</p>
-            <a title="Bluesky" href="https://bsky.app/profile/cesium.one"></a>
-        </div>
-        <div class=contact style="background-color: #0A8864; opacity: 0.9;">
-            <h3>Matrix</h3>
-            <p style="font-size: 0.8em;">@cesium55:matrix.org</p>
-        </div>
-        <div class=contact style="background-color: #494949;">
-            <h3>GitHub</h3>
-            <p>CesiumCs</p>
-            <a title="GitHub" href="https://github.com/CesiumCs"></a>
-        </div>
-        <div class=contact style="background-color: #674141;">
-            <h3>YouTube</h3>
-            <p>Cesium</p>
-            <a title="YouTube" href="https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig"></a>
-        </div>
-        <div class=contact style="background-color: #006699;">
-            <h3>Telegram</h3>
-            <p>unfunnycesium</p>
-            <a title="Telegram" href="https://t.me/unfunnycesium"></a>
-        </div>
-    </div>
-    <div style="clear: left;"></div>
-
-    <h2>Games</h2>
-    <p>Names for game accounts I play</p>
-    <div class=contacts>
-        <div class=contact style="background-color: #2a475e;">
-            <h3>Steam</h3>
-            <p>cesium2349</p>
-            <a title="Steam" href="https://steamcommunity.com/id/cesium2349"></a>
-        </div>
-        <div class=contact style="background-color: #2a475e; opacity:0.9;">
-            <h3>Xbox</h3>
-            <p>Cesium#2349</p>
-        </div>
-        <div class=contact style="background-color: #2a475e;">
-            <h3>PlayStation</h3>
-            <p>Cesium2349</p>
-            <a title="PlayStation" href="https://profile.playstation.com/Cesium2349"></a>
-        </div>
-        <div class=contact style="background-color: #053c48;">
-            <h3>VRChat</h3>
-            <p>cesіum</p>
-            <a title="VRChat" href="https://vrchat.com/home/user/usr_708e41b3-5658-4acc-a95c-ab74f4ac4dff"></a>
-        </div>
-        <div class=contact style="background-color: #053c48; opacity:0.9;">
-            <h3>Overwatch</h3>
-            <p>Cesium#11993</p>
-        </div>
-        <div class=contact style="background-color: #053c48;">
-            <h3>Fortnite</h3>
-            <p>cesium.one</p>
-	    <a title="Fortnite" href="https://store.epicgames.com/en-US/u/e0bf067675d247518fd66d813cf1380c"></a>
-        </div>
-        <div class=contact style="background-color: #394a7f; opacity:0.9;">
-            <h3>Ingress</h3>
-            <p>Cesium5061</p>
-        </div>
-        <div class=contact style="background-color: #394a7f;">
-            <h3>Splatoon</h3>
-            <p>Kira#1067</p>
-            <a title="Nintendo" href="https://stat.ink/@Cesium2349"></a>
-        </div>
-        <div class=contact style="background-color: #394a7f; opacity:0.9;">
-            <h3>Minecraft</h3>
-            <p>CesiumCs</p>
-        </div>
-    </div>
-    <!-- 
-    <h2>Apps</h2>
-    <p>If you're here with an account, you can log in to some of the apps I host.</p>
-        <div class=apps>
-            <div class=app style="background-color: #053c48;">
-                <h3>VRChat Media</h3>
-                <a title="VRChat Media" href="https://vrchat.cesium.one"></a>
-            </div>
-            <div class=app style="background-color: #196200;">
-                <h3>Minecraft Map</h3>
-                <a title="Minecraft Map" href="https://cesium.one/minecraft/map/"></a>
-            </div>
-    </div>
-    -->
-    <div style="clear: left;"></div>
-
-    <p style="text-align: center;"><a href="https://github.com/CesiumCs/cesium.one"><img src="assets/GitHub-Mark-Light.png" style="width:2em" alt="View on GitHub"></a></p>
-    </body>
-</html>
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..38bb018
--- /dev/null
+++ b/index.php
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en-US">
+    <head>
+        <?php include 'php/generic.php';?>
+        <title>Cesium</title>
+        <meta property="og:title" content="Cesium">
+        <meta property="og:description" content="social links i guess">
+	    <meta name="description" content="Cesium/Kira: cesium.one, Cesium55, Cesium2349, unfunnycesium"/>
+    </head>
+    <body>
+        <?php include 'php/header.php';?>
+
+        <p>not an exhaustive list of my entire presence on the internet but stuff on this list is definitely me</p>
+        
+        <div class=contacts>
+            <?php
+                buildContact("Discord", "#475276", "cesium.one", "https://discord.com/users/230659159450845195");
+                buildContact("Bluesky", "#2D5786", "cesium.one", "https://bsky.app/profile/cesium.one");
+                buildContact("Matrix", "#0A8864", "@cesium55:matrix.org", false);
+                buildContact("GitHub", "#494949", "CesiumCs", "https://github.com/CesiumCs");
+                buildContact("YouTube", "#674141", "Cesium", "https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig");
+                buildContact("Telegram", "#006699", "unfunnycesium", "https://t.me/unfunnycesium");
+            ?>
+        </div>
+        <div style="clear: left;"></div>
+
+        <h2>Games</h2>
+        <p>Names for game accounts I play</p>
+        <div class=contacts>
+            <?php
+                buildContact("Steam", "#2A475E", "cesium2349", "https://steamcommunity.com/id/cesium2349"); 
+                buildContact("Xbox", "#2A475E", "Cesium#2349", false); 
+                buildContact("PlayStation", "#2A475E", "Cesium2349", "https://profile.playstation.com/Cesium2349"); 
+                buildContact("VRChat", "#053C48", "cesіum", "https://vrchat.com/home/user/usr_708e41b3-5658-4acc-a95c-ab74f4ac4dff"); 
+                buildContact("Overwatch", "#053C48", "Cesium#11993", false); 
+                buildContact("Fortnite", "#053C48", "cesium.one", "https://store.epicgames.com/en-US/u/e0bf067675d247518fd66d813cf1380c"); 
+                buildContact("Ingress", "#394A7F", "Cesium5061", false); 
+                buildContact("Splatoon", "#394A7F", "Kira#1067", "https://stat.ink/@Cesium2349"); 
+                buildContact("Minecraft", "#394A7F", "CesiumCs", false); 
+            ?>
+        </div>
+        <!-- 
+        <h2>Apps</h2>
+        <p>If you're here with an account, you can log in to some of the apps I host.</p>
+        <div class=apps>
+            <div class=app style="background-color: #053c48;">
+                <h3>VRChat Media</h3>
+                <a title="VRChat Media" href="https://vrchat.cesium.one"></a>
+            </div>
+            <div class=app style="background-color: #196200;">
+                <h3>Minecraft Map</h3>
+                <a title="Minecraft Map" href="https://cesium.one/minecraft/map/"></a>
+            </div>
+        </div>
+        -->
+    <div style="clear: left;"></div>
+
+    <p style="text-align: center;"><a href="https://github.com/CesiumCs/cesium.one"><img src="assets/GitHub-Mark-Light.png" style="width:2em" alt="View on GitHub"></a></p>
+    </body>
+</html>
diff --git a/php/footer.php b/php/footer.php
new file mode 100644
index 0000000..038483c
--- /dev/null
+++ b/php/footer.php
@@ -0,0 +1 @@
+<p>Footer text</p>
diff --git a/php/functions.php b/php/functions.php
new file mode 100644
index 0000000..e62b425
--- /dev/null
+++ b/php/functions.php
@@ -0,0 +1,24 @@
+<?php
+    function buildContact($title, $color, $username, $url) {
+
+        if (!$url) {
+            echo "<div class=contact style=\"background-color: $color; opacity: 0.9;\">";
+        } else {
+            echo "<div class=contact style=\"background-color: $color;\">";
+        }
+
+        echo "<h3>$title</h3>";
+
+        if (strlen($username) > 10) {
+            echo "<p style=\"font-size: 0.8em;\">$username</p>";
+        } else {
+            echo "<p>$username</p>";
+        }
+
+        if ($url) {
+            echo "<a title=\"$title\" href=\"$url\"></a>";
+        }
+
+        echo "</div>";
+    }
+?>
diff --git a/php/generic.php b/php/generic.php
new file mode 100644
index 0000000..8b6290c
--- /dev/null
+++ b/php/generic.php
@@ -0,0 +1,5 @@
+<meta charset="utf-8">
+<link rel="stylesheet" href="styles.css">
+<meta content="#ff44bb" name="theme-color">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<?php include 'functions.php';?>
diff --git a/php/header.php b/php/header.php
new file mode 100644
index 0000000..2c59cd2
--- /dev/null
+++ b/php/header.php
@@ -0,0 +1,4 @@
+<div class="header-container">
+    <img src="profile.png" alt="Cesium's Profile Picture" class="profile-pic">
+    <h1>Cesium</h1>
+</div>
