kira/cesium.one
1
0
Fork 0
Code Issues Activity

Compare commits

base: kira:1d7a8e41cc7abaec003e286e06178e97e0bff0ce
Branches Tags
kira:master kira:php kira:redesign
...
compare: kira:master
Branches Tags
kira:master kira:php kira:redesign

15 Commits
1d7a8e41cc ... master

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
c36602e2f1 change overwatch username 2026-04-06 23:01:00 -04:00
Kira
96e747e19b overwatch profile link 2026-04-05 20:21:27 -04:00
Kira
6fe8494f68 remove apps section we will never need 2026-03-11 15:04:25 -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
10 changed files with 122 additions and 160 deletions
Expand all files Collapse all files

BIN
assets/Git-Icon-White.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

6
cock.html
View File

@@ -1,6 +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://github.com/CesiumCs/cockbot'>
<meta http-equiv='refresh' content='0; URL=https://git.cesium.one/kira/cockinator'>
<style>
body {background-color: black;}
body {
background-color: black;
}
</style>
</head>

9
docker-compose.yml Normal file
View File

@@ -0,0 +1,9 @@
# quick easy php for testing
services:
cesiumone:
image: trafex/php-nginx
volumes:
- .:/var/www/html
ports:
- 8080:8080

103
index.html
View File

@@ -1,103 +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;">
<h3>Overwatch</h3>
<p>Kira#112597</p>
<a title="Overwatch" href="https://overwatch.blizzard.com/en-us/career/d15bbf83a67cd6fcb8a92ea3%7C39b29ad542acbdc624b9d58ed65bb5c6/"></a>
</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>cesiumone</p>
</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>

46
index.php Normal file
View File

@@ -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>

1
php/footer.php Normal file
View File

@@ -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>

24
php/functions.php Normal file
View File

@@ -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>";
}
?>

5
php/generic.php Normal file
View File

@@ -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';?>

4
php/header.php Normal file
View File

@@ -0,0 +1,4 @@
<div class="header-container">
<img src="/profile.png" alt="Cesium's Profile Picture" class="profile-pic">
<h1>Cesium</h1>
</div>

82
styles.css
View File

@@ -33,21 +33,18 @@ a {
* { /* 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;
.contacts {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 580px;
margin: auto;
padding: 10px;
}
.contact {
float: left;
width: 170px;
margin: 5px;
padding: 15px;
background-color: #232629;
border-radius: 10px;
@@ -56,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 {
@@ -67,55 +65,31 @@ a {
opacity: 0;
position: absolute;
}
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) {
@media screen and (max-width:900px) {
.contacts {
width: 100%;
grid-template-areas: 'one two';
}
.apps {
width: 100%;
grid-template-areas: 'one two';
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;
}
}