make css more better

the fabled "right way" i mentioned in this css file like six years ago was probably flexbox all along maybe the real screen width is the friends we made along the way
very basic docker compose
2026-04-08 18:48:20 -04:00 · 2026-04-08 17:46:16 -04:00 · 2026-04-08 17:39:12 -04:00 · 2026-04-08 16:58:08 -04:00 · 2026-04-07 18:39:21 -04:00 · 2026-04-07 18:34:04 -04:00
20 changed files with 181 additions and 133 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/docker-compose.yml
+++ b/docker-compose.yml
@@ -0,0 +1,9 @@
 # quick easy php for testing
 services:
  cesiumone:
    image: trafex/php-nginx
    volumes:
      - .:/var/www/html
    ports:
      - 8080:8080
--- 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>
--- 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>
--- 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,46 @@
 <!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");
                buildContact("Fluxer", "#464478", "cesium#3691", false);
                buildContact("Stoat", "#5a477d", "cesium#9904", false);
            ?>
        </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,51 @@
@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 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 580px;
  margin: auto;
  padding: 10px;
 }
 .contact {
    float: left;
    width: 170px;
    margin: 5px;
    padding: 15px;
    margin: 0px 10px 10px 0px;
    background-color: #232629;
    border-radius: 10px;
    text-align: center;
@@ -28,6 +53,7 @@ a {
    position: relative;
    transition: opacity .25s;
 }
  /* some hacky shit to make <div class=contact>s clickable. basically just makes
  an <a> in a <div class=contact> take up the full div */
 .contact a {
@@ -39,16 +65,31 @@ a {
  opacity: 0;
  position: absolute;
 }
 div.contact:hover {
  opacity: 1;
 }
-@media screen and (max-width:500px) {
+@media screen and (max-width:900px) {
-  .contact {
+  .contacts {
-    width: 100%;
+    width: 580px;
  }
  :root {
-    width: 95%;
+    width: 90%;
  }
 }
@media screen and (max-width:700px) {
  .contacts {
    width: 380px;
  }
 }
@media screen and (max-width:450px) {
  :root {
    width: 100%;
  }
 }
@media screen and (max-width:390px) {
  .contacts {
    width: 200px;
  }
 }
Author	SHA1	Message	Date
Kira	1e4c35bb17	make css more better the fabled "right way" i mentioned in this css file like six years ago was probably flexbox all along maybe the real screen width is the friends we made along the way	2026-04-08 18:48:20 -04:00
Kira	9a7f38b787	very basic docker compose	2026-04-08 17:46:16 -04:00
Kira	999d547863	add fluxer and stoat	2026-04-08 17:39:12 -04:00
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>`