Files
project_vollidioten_website/index.html
Lars Behrends d3d7ec46e6 feat: Add DatabaseManager and LinkPlayer components, implement authentication and linking logic
- Created DatabaseManager component for managing database access via phpMyAdmin.
- Developed LinkPlayer component to link Discord accounts with game characters, including user authentication and error handling.
- Added mock data files for players, organizations, and projects to handle backend unavailability.
- Implemented AuthService for managing user authentication and session checks.
- Created DatabaseService to fetch and manage player, organization, and project data with fallback to mock data.
- Added HTML page for handling authentication unavailability.
- Developed a test script for validating Docker setup and required files.
2025-12-28 16:46:04 +01:00

76 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Projekt: Vollidion | Server Plattform</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
background: '#0f0f12',
surface: '#1a1a1f',
surfaceHighlight: '#27272f',
border: '#2e2e36',
textMain: '#e6e6ff',
textMuted: '#8f9099',
accentSuccess: '#57C254',
accentWarn: '#FF5555',
accentInfo: '#5E81AC',
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace'],
},
boxShadow: {
'card': '0 4px 20px rgba(0,0,0,0.3)',
'glow': '0 0 15px rgba(94, 129, 172, 0.15)',
}
}
}
}
</script>
<style>
body {
background-color: #0f0f12;
background-image: radial-gradient(circle at 50% 0%, #1e1e2e 0%, #0f0f12 50%);
background-attachment: fixed;
color: #e6e6ff;
}
/* Custom Scrollbar for SaaS feel */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #2e2e36;
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: #3e3e4a;
}
</style>
<script type="importmap">
{
"imports": {
"react": "https://esm.sh/react@^19.2.3",
"react-dom/": "https://esm.sh/react-dom@^19.2.3/",
"react/": "https://esm.sh/react@^19.2.3/"
}
}
</script>
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>