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

30
index.html
View file

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