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:12:39 +02:00
parent dd2de32c45
commit 83afd3b779
1 changed files with 34 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
index.html
View file

@ -5,16 +5,13 @@
<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">
<title>Caesar Gaming</title> <title>Caesar Gaming</title>
<!-- <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<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/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" />
<link rel="preload" href="img/favicon-96x96.png" as="image" />
<style> <style>
* { * {
margin: 0; margin: 0;
@ -43,6 +40,26 @@
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;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.gamepad-icon {
width: 64px;
height: 64px;
animation: float 3s ease-in-out infinite;
border-radius: 50%;
}
@keyframes float {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
} }
.tagline { .tagline {
@ -70,6 +87,7 @@
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
color: white; color: white;
display: block;
} }
.link-card:hover { .link-card:hover {
@ -142,21 +160,24 @@
<body> <body>
<div class="container"> <div class="container">
<h1>🎮 Caesar Gaming</h1> <h1>
<img src="img/favicon-96x96.png" alt="Gamepad" class="gamepad-icon">
Caesar Gaming
🎮
</h1>
<p class="tagline">Your Gaming Universe Awaits</p> <p class="tagline">Your Gaming Universe Awaits</p>
<div class="links"> <div class="links">
<a href="https://forge.caesargaming.org" class="link-card coming-soon"> <a href="https://forge.caesargaming.org" class="link-card">
<h3>🔧 Git Server</h3> <h3>🔧 Git Server</h3>
<p></p> <p>Forgejo Instance</p>
</a> </a>
<div class="link-card coming-soon"> <a href="https://tt.caesargaming.org" class="link-card">
<a href="https://tt.caesargaming.org" class="link-card coming-soon"></a> <h3>🎯 Triple Triad</h3>
<h3>🎯 Game Servers</h3> <p>Play the Card Game!</p>
<p>Play: Tripe Triad</p>
</a> </a>
</div>
<div class="link-card coming-soon"> <div class="link-card coming-soon">
<h3>💬 Community</h3> <h3>💬 Community</h3>