1
0

Compare commits

...

5 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
4 changed files with 45 additions and 58 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 --> <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> <style>
body {background-color: black;} body {
background-color: black;
}
</style> </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,6 +20,8 @@
buildContact("GitHub", "#494949", "CesiumCs", "https://github.com/CesiumCs"); buildContact("GitHub", "#494949", "CesiumCs", "https://github.com/CesiumCs");
buildContact("YouTube", "#674141", "Cesium", "https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig"); buildContact("YouTube", "#674141", "Cesium", "https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig");
buildContact("Telegram", "#006699", "unfunnycesium", "https://t.me/unfunnycesium"); 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>
@@ -31,7 +33,7 @@
buildContact("Xbox", "#2A475E", "Cesium#2349", false); buildContact("Xbox", "#2A475E", "Cesium#2349", false);
buildContact("PlayStation", "#2A475E", "Cesium2349", "https://profile.playstation.com/Cesium2349"); 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("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("Fortnite", "#053C48", "cesium.one", "https://store.epicgames.com/en-US/u/e0bf067675d247518fd66d813cf1380c");
buildContact("Ingress", "#394A7F", "Cesium5061", false); buildContact("Ingress", "#394A7F", "Cesium5061", false);
buildContact("Splatoon", "#394A7F", "Kira#1067", "https://stat.ink/@Cesium2349"); buildContact("Splatoon", "#394A7F", "Kira#1067", "https://stat.ink/@Cesium2349");

View File

@@ -33,21 +33,18 @@ a {
* { /* unfucks some stuff */ * { /* unfucks some stuff */
box-sizing: border-box; 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 { .contact {
float: left;
width: 170px; width: 170px;
margin: 5px;
padding: 15px; padding: 15px;
background-color: #232629; background-color: #232629;
border-radius: 10px; border-radius: 10px;
@@ -56,6 +53,7 @@ a {
position: relative; position: relative;
transition: opacity .25s; transition: opacity .25s;
} }
/* some hacky shit to make <div class=contact>s clickable. basically just makes /* 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 */ an <a> in a <div class=contact> take up the full div */
.contact a { .contact a {
@@ -67,55 +65,31 @@ a {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
} }
div.contact:hover { div.contact:hover {
opacity: 1; 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;
} @media screen and (max-width:900px) {
.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) {
.contacts { .contacts {
width: 100%; width: 580px;
grid-template-areas: 'one two';
}
.apps {
width: 100%;
grid-template-areas: 'one two';
} }
:root { :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;
} }
} }