1
0

Compare commits

..

6 Commits

Author SHA1 Message Date
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
9a7f38b787 very basic docker compose 2026-04-08 17:46:16 -04:00
999d547863 add fluxer and stoat 2026-04-08 17:39:12 -04:00
cde3a30f96 i guess changing your overwatch name changes its url? idk 2026-04-08 16:58:08 -04:00
12218dff01 new link to cockinator 2026-04-07 18:39:21 -04:00
943258aeb9 better footer 2026-04-07 18:34:04 -04:00
5 changed files with 49 additions and 64 deletions

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

View File

@@ -20,9 +20,10 @@
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>
</div> <div style="clear: left;"></div>
<h2>Games</h2>
<p>Names for game accounts I play</p>
@@ -32,15 +33,14 @@
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/d15bbf83a67cd6fcb8a92ea3%7C39b29ad542acbdc624b9d58ed65bb5c6/");
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>
</div> <div style="clear: left;"></div>
<p style="text-align: center;"><a href="https://git.cesium.one/kira/cesium.one/src/branch/php/"><img src="assets/Git-Icon-White.png" style="width:2em" alt="View Git Source"></a></p>
<?php include 'php/footer.php';?>
</body>
</html>

View File

@@ -1 +1 @@
<p>Footer text</p>
<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>

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;
}
}