jsnk/_caesarGaming
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cc

Browse source
This commit is contained in:
jsnk 2025-10-05 23:02:42 +02:00
parent 0e805f319c
commit dd2de32c45
1 changed files with 25 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
index.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -9,11 +10,11 @@
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="manifest" href="img/site.webmanifest"> -->
<link rel="icon" type="image/png" href="img/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="img/favicon.svg" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png" />
<link rel="manifest" href="img/site.webmanifest" />
<link rel="icon" type="image/png" href="img/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="img/favicon.svg" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png" />
<link rel="manifest" href="img/site.webmanifest" />
<style>
* {
margin: 0;
@ -40,7 +41,7 @@
h1 {
font-size: 4rem;
margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
animation: fadeInDown 1s ease-out;
}
@ -74,7 +75,7 @@
.link-card:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.link-card h3 {
@ -102,6 +103,7 @@
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
@ -109,8 +111,13 @@
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInUp {
@ -118,6 +125,7 @@
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
@ -131,6 +139,7 @@
}
</style>
</head>
<body>
<div class="container">
<h1>🎮 Caesar Gaming</h1>
@ -143,8 +152,10 @@
</a>
<div class="link-card coming-soon">
<a href="https://tt.caesargaming.org" class="link-card coming-soon"></a>
<h3>🎯 Game Servers</h3>
<p>Coming Soon</p>
<p>Play: Tripe Triad</p>
</a>
</div>
<div class="link-card coming-soon">
@ -158,4 +169,5 @@
</div>
</div>
</body>
</html>