i guess changing your overwatch name changes its url? idk

new link to cockinator
better footer
2026-04-08 16:58:08 -04:00 · 2026-04-07 18:39:21 -04:00 · 2026-04-07 18:34:04 -04:00 · 2026-04-07 18:28:21 -04:00 · 2026-04-07 18:25:47 -04:00 · 2026-04-07 18:11:43 -04:00
19 changed files with 191 additions and 128 deletions
--- a/1
+++ b/1
@@ -0,0 +1 @@
+cesium.one
--- a/assets/Git-Icon-White.png
+++ b/assets/Git-Icon-White.png
--- a/assets/yeet.webm
+++ b/assets/yeet.webm
--- a/cock.html
+++ b/cock.html
@@ -0,0 +1,8 @@
+<head> <!-- link in a discord bot to redirect to its source code so i can have a pretty link -->
+  <meta http-equiv='refresh' content='0; URL=https://git.cesium.one/kira/cockinator'>
+  <style>
+    body {
+      background-color: black;
+    }
+  </style>
+</head>
--- a/errors/401.html
+++ b/errors/401.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>401</title>
+        <link rel="stylesheet" href="/styles.css">
+    </head>
+    <body>
+        <h1>401</h1>
+        <p>mfw</p>
+        <p>alright grandpa lets get you back <a href=/index.html>home</a></p>
+    </body>
+</html>
--- a/errors/403.html
+++ b/errors/403.html
@@ -2,11 +2,11 @@
 <html>
    <head>
        <title>403</title>
-        <link rel="stylesheet" href="styles.css">
+        <link rel="stylesheet" href="/styles.css">
    </head>
    <body>
        <h1>403</h1>
        <p>what</p>
-        <p><a href=../index.html>home</a></p>
+        <p><a href=/index.html>home</a></p>
    </body>
-</html>
+</html>
--- a/errors/404.html
+++ b/errors/404.html
@@ -2,11 +2,11 @@
 <html>
    <head>
        <title>404</title>
-        <link rel="stylesheet" href="styles.css">
+        <link rel="stylesheet" href="/styles.css">
    </head>
    <body>
        <h1>404</h1>
        <p>how</p>
-        <p><a href=../index.html>home</a></p>
+        <p><a href=/index.html>home</a></p>
    </body>
-</html>
+</html>
--- a/errors/503.html
+++ b/errors/503.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>503</title>
+        <link rel="stylesheet" href="/styles.css">
+    </head>
+    <body>
+        <h1>Service Unavailable</h1>
+        <p>The service is temporarily unavailable.</p>
+        <p><a href=/index.html>home</a></p>
+    </body>
+</html>
--- a/github.html
+++ b/github.html
@@ -1,62 +0,0 @@
-<html>
-<head>
-<title>GitHub</title>
-<meta property="og:title" content="ImpactDevelopment/Impact">
-<meta property="og:description" content="Development repo of Impact client. Contribute to ImpactDevelopment/Impact by creating an account on GitHub.">
-<meta property="og:image" content="https://avatars2.githubusercontent.com/u/24485394?s=400&v=4" />
-<meta property="og:site_name" content="GitHub">
-<meta http-equiv="refresh" content="5;url=https://github.com/kami-blue/client" />
-<!--this is some le funny stolen from snorlax.cc for when people ask for impacts source code-->
-<style>
-		html 
-
-{
-
- overflow: auto;
-
-}
-
- 
-
-html, body, div, video 
-
-{
-
- margin: 0px; 
-
- padding: 0px; 
-
- height: 100%; 
-
- border: none;
-
-}
-
-video 
-
-{
-
- display: block; 
-
- width: 100%; 
-
- border: none; 
-
- overflow-y: auto; 
-
- overflow-x: hidden;
-
-}
-
-body {
-	background-color: black;
-}
-</style>
-</head>
-<body>
-<video onloadeddata="if (!window.__cfRLUnblockHandlers) return false; this.play();this.muted=false;" playsinline loop controls data-cf-modified-30aa9c1d695acbee194f439b-="">
-<source src="/assets/yeet.webm" />
-Your browser does not support the video tag or the file format of this video.
-</video>
-<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/7089c43e/cloudflare-static/rocket-loader.min.js" data-cf-settings="30aa9c1d695acbee194f439b-|49" defer=""></script></body>
-</html>
--- a/index.html
+++ b/index.html
@@ -1,56 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US">
-    <head>
-        <meta charset="utf-8">
-        <title>Cesium</title>
-        <link rel="stylesheet" href="styles.css">
-        <meta content="#bb99ff" name="theme-color"> <!--uwu-->
-        <meta property="og:title" content="Cesium">
-        <meta property="og:description" content="stuff about me i guess">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    </head>
-    <body>
-        <h1>Cesium</h1>
-        <p>i dont have anything better to write here so ill just say "nutte sac"</p>
-        <h2>Contact</h2> 
-        <p>Email: cesium2349@protonmail.com (<a href=./pgp.txt>PGP Key</a>)
-       <br>not an exhaustive list of my entire presence on the internet but stuff on this list is definitely me</p>
-        
-        <div class=contact style="background-color: #475276; opacity:1; cursor: auto;">
-            <h3>Discord</h3>
-            <p>Cesium#5061</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: #6b4633;">
-            <h3>Reddit</h3>
-            <p>unfunnycesium</p>
-            <a title="Reddit" href="https://www.reddit.com/user/unfunnycesium"></a>
-        </div>
-        <div class=contact style="background-color: #394a7f;">
-            <h3>Keybase</h3>
-            <p>cesium2349</p>
-            <a title="Keybase" href="https://keybase.io/cesium2349/"></a>
-        </div>
-        <div class=contact style="background-color: #006699;">
-            <h3>Telegram</h3>
-            <p>cesiumcs</p>
-            <a title="Telegram" href="https://t.me/cesiumcs"></a>
-        </div>
-        <div class=contact style="background-color: #3b617c;">
-            <h3>Twitter</h3>
-            <p>cesium2349</p>
-            <a title="Twitter" href="https://twitter.com/cesium2349"></a>
-        </div>
-	<p style="clear: left;">(obligatory pasting of xmr address) I have an XMR OpenAlias at the same address as this site.</p>
-        <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>
--- a/index.php
+++ b/index.php
@@ -0,0 +1,44 @@
+<!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", "Kira#112597", "https://overwatch.blizzard.com/en-us/career/d957be8bfe20caffbca920%7C1a7e32ed6054825457037f8f18ef7a6b/"); 
+                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", "cesiumone", false); 
+            ?>
+        </div> <div style="clear: left;"></div>
+
+        <?php include 'php/footer.php';?>
+    </body>
+</html>
--- a/pgp.txt
+++ b/pgp.txt
@@ -1,5 +1,6 @@
 -----BEGIN PGP PUBLIC KEY BLOCK-----
 Comment: Fingerprint:	E2EECE4F29D5F0F0B2C2C32A669C03EDAE4288DD
+Comment: Email:         cesium@cesium.one

 mQENBF+LvAwBCADQpeVpgc/ktkiCIn9ze/cWhH2qwdq0Iuv53rSB6ivnsN28dZ3c
 iyM5NdGXURAdwEo+/HHTfa16OWGlDmJk79K9/O219/Yv0/OgiIFLIyC+2Xcc5RJB
--- a/php/footer.php
+++ b/php/footer.php
@@ -0,0 +1 @@
+<p style="text-align: center;"><a href="https://git.cesium.one/kira/cesium.one/"><img src="assets/Git-Icon-White.png" style="width:2em" alt="View Git Source"></a></p>
--- a/php/functions.php
+++ 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) > 15) {
+            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>";
+    }
+?>
--- a/php/generic.php
+++ 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';?>
--- a/php/header.php
+++ 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>
--- a/profile.png
+++ b/profile.png
--- a/robots.txt
+++ b/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /pgp.txt
--- a/styles.css
+++ b/styles.css
@@ -1,26 +1,54 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
 :root {
-    font-family: "Open Sans", sans-serif;
+    font-family: "Inter", sans-serif;
    background-color: black;
    color: white;
    width: 69%;
    margin: auto;
 }
+.header-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.profile-pic {
+  float: left;
+  margin-right: 10px;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+}
+h1, h2, p {
+  font-family: "Inter", sans-serif;
+  text-align: center;
+}
 p {
    font-size: 1.2em;
 }
 a {
-    color: #bb99ff;
+    color: #ff44bb;
    text-decoration: none;
    text-shadow: 0 0 5px;
 }
 * { /* unfucks some stuff */
    box-sizing: border-box;
  }
+.contacts {
+  width: 550px;
+  margin:auto;
+  display: grid;
+  grid-template-areas: /* i know how to do it this way,    */
+    'one two three';   /* so shut up about the "right way" */
+  grid-gap: 10px;
+  padding: 10px;
+  grid-auto-columns: 1fr;
+  grid-auto-rows: 1fr;
+
+}
 .contact {
    float: left;
    width: 170px;
    padding: 15px;
-    margin: 0px 10px 10px 0px;
    background-color: #232629;
    border-radius: 10px;
    text-align: center;
@@ -42,10 +70,49 @@ a {
 div.contact:hover {
  opacity: 1;
 }
+.apps {
+  width: 550px;
+  margin:auto;
+  display: grid;
+  grid-template-areas:
+    'one two three';
+  grid-gap: 10px;
+  padding: 10px;
+  grid-auto-columns: 1fr;
+  grid-auto-rows: 1fr;

+}
+.app {
+    float: left;
+    width: 170px;
+    padding: 15px;
+    background-color: #232629;
+    border-radius: 10px;
+    text-align: center;
+    opacity: .9;
+    position: relative;
+    transition: opacity .25s;
+}
+.app a {
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+}
+div.app:hover {
+  opacity: 1;
+}
@media screen and (max-width:500px) {
-  .contact {
+  .contacts {
    width: 100%;
+    grid-template-areas: 'one two';
+  }
+  .apps {
+    width: 100%;
+    grid-template-areas: 'one two';
  }
  :root {
    width: 95%;
Author	SHA1	Message	Date
Kira	cde3a30f96	i guess changing your overwatch name changes its url? idk	2026-04-08 16:58:08 -04:00
Kira	12218dff01	new link to cockinator	2026-04-07 18:39:21 -04:00
Kira	943258aeb9	better footer	2026-04-07 18:34:04 -04:00
Kira	daac2d57d3	merge php into master	2026-04-07 18:28:21 -04:00
Kira	4cbc303917	footer has new src link	2026-04-07 18:25:47 -04:00
Kira	488e80ad7c	update minecraft name	2026-04-07 18:11:43 -04:00
Kira	1d7a8e41cc	update minecraft name its actually been that for like two years	2026-04-07 18:11:08 -04:00
Kira	c36602e2f1	change overwatch username	2026-04-06 23:01:00 -04:00
Kira	503c553e49	change overwatch username	2026-04-06 23:00:38 -04:00
Kira	96e747e19b	overwatch profile link	2026-04-05 20:21:27 -04:00
Kira	e7ab93256a	overwatch profile lookup works again	2026-04-05 00:26:32 -04:00
Kira	6fe8494f68	remove apps section we will never need	2026-03-11 15:04:25 -04:00
Kira	9c686d5294	remove apps section we will never need	2026-03-11 15:03:02 -04:00
Kira	dc93ecdcb9	header use absolute paths	2026-03-11 14:59:30 -04:00
Cesium	5766797ef8	better length for shrinking letters	2026-03-08 06:25:58 -04:00
Cesium	9a879b8815	experiment with php	2026-03-08 06:14:02 -04:00
Cesium	7bbcfe92ac	dark mode for not blinding white light before redirect	2025-10-21 23:44:04 -04:00
Cesium	fbf87beee6	Create cock.html	2025-10-21 23:33:47 -04:00
Cesium	7cf67f67ed	set unclickable opacity to 0.9 like the clickable ones it wasnt initially an issue when i first wrote the unclickable ones because the top links are all different colors, but the game links ive been too lazy to color and its noticeable when theres three in a row of the same color and ones a bit brighter	2025-07-22 23:04:56 -04:00
Cesium	4324b74aa6	the ones you cant click dont need to glow	2025-07-18 09:52:59 -04:00
Cesium	e88b4e8776	link to epic frotnite	2025-07-18 09:50:55 -04:00
Cesium	66653a8279	swap bsky and telegram	2025-07-18 09:46:40 -04:00
Cesium	141f0dd0a8	Create CNAME	2025-05-09 17:20:53 -04:00
Cesium	3ff0d09db1	quite the sneaky name hehe that is not a normal letter i but a different identical letter i that looks the same	2025-04-14 01:44:30 -04:00
Cesium	89f5790a3b	episode 2 of mobile app edits	2025-04-13 05:52:08 -04:00
Cesium	4802611463	do i even need to provide my email address lol edited on my phone fingers crossed i didn't miss something stupid	2025-04-13 02:35:17 -04:00
Cesium	955fae4add	503	2025-04-12 21:46:15 -04:00
Cesium	3d14437bc1	probably make robot txt i think tyhis is how you do it i just dont think pgp key needs to be indedxerd	2025-04-10 02:54:38 -04:00
Cesium	d6693a6339	this is what shows on google right	2025-04-10 02:40:10 -04:00
Cesium	08d467a062	i missed a word	2024-12-09 10:42:01 -05:00
Cesium	23f9564a0a	replace keybase with bluesky	2024-12-09 10:39:09 -05:00
Cesium	472a17359d	hide apps section nobody needs	2024-11-03 03:10:10 +00:00
Cesium	c42d5f4804	add xbox and ps	2024-11-03 03:05:16 +00:00
Cesium	aab348caf5	possibly mayb also fix extra space on the right on mobile	2024-11-03 02:51:00 +00:00
Cesium	2381302dec	maybe fixing this ancient typo will do something good?	2024-11-03 02:47:07 +00:00
Cesium	050be0008b	add a games section, untested commit to master woo	2024-11-03 02:43:08 +00:00
Cesium	991d31a721	ill use my own color now	2024-08-31 17:30:07 +00:00
Cesium	a3e836d947	random untested change written on my phone while avoiding my job in the bathroom	2024-06-28 16:07:30 -04:00
Cesium	8a0bd45862	apparently you can link to a discord profile	2024-06-28 16:03:26 -04:00
Cesium	9ec6dd526d	reorder links, update vrchat username	2024-06-27 14:40:48 -04:00
Cesium	6824ba23c0	Update vrchat username	2024-01-20 15:47:06 -05:00
Cesium	b67776f24b	minecraft color	2024-01-06 20:19:50 -05:00
Cesium	3207f70d67	add app list	2024-01-06 20:04:23 -05:00
Cesium	5ffb89dfb3	i guess i forgot that part	2024-01-06 19:47:17 -05:00
Cesium	5994f453fa	hopefully add pfp idk	2024-01-06 19:44:39 -05:00
Cesium	436a708a9f	maybe make the fonts right idk i forgor how i made this site or how to fix it	2024-01-05 13:13:27 -05:00
Cesium	bb77c5408f	add vrchat, update discord i did this in the web editor, lets see what breaks	2023-12-28 12:23:05 -05:00
Cesium	45a10bb343	two of these are too long to fit so i fixed it in a lazy way	2023-07-30 16:07:47 +00:00
Cesium	fd7bb3ed3e	that was never correct why did i do that	2023-07-18 15:39:42 -04:00
Cesium	890e75752f	remove social media that might as well not exist	2023-07-18 15:38:19 -04:00
Cesium	450069acf7	actually why did i do that	2023-06-08 22:46:56 -04:00
Cesium	e66a86d07e	alignment and font	2023-06-08 22:32:39 -04:00
Cesium	672f19df67	fuck discord it goes at the bottom	2023-06-08 22:23:47 -04:00
Christian	a14f4d535c	make cards a bit prettier use grid layout to limit width to three, and keep it centered so it isnt ungly	2021-07-27 14:13:02 -04:00
Christian	d3b1c5dd2f	401	2021-06-09 11:03:39 -04:00
Christian	21c1abd975	unstupidify stupid shit	2021-06-04 12:16:20 -04:00
Christian	3687c0275b	pew pew pew	2021-06-04 00:12:35 -04:00
Christian	6b22972671	Update index.html	2021-04-22 10:49:59 -04:00
Christian	45b972c1cf	Yeet yeet.webm	2021-03-31 10:00:26 -04:00
Christian	375005b68f	Delete github.html	2021-03-31 09:59:51 -04:00
				`@@ -0,0 +1 @@`
				`<p style="text-align: center;"><a href="https://git.cesium.one/kira/cesium.one/"><img src="assets/Git-Icon-White.png" style="width:2em" alt="View Git Source"></a></p>`