mirror of
https://github.com/arthur-pbty/binouz.git
synced 2026-06-03 15:07:17 +02:00
Puechberty Arthur
b7010a1704
- Implemented AuthButton component for Discord sign-in and sign-out functionality. - Created CopyButton component for copying server IP addresses. - Developed EventCard and GradeCard components for displaying events and grades. - Added Footer and Navbar components for site navigation and information. - Introduced PurchaseButton for handling grade purchases with Stripe integration. - Created SectionHeader component for consistent section titles. - Implemented session management with SessionProvider for NextAuth. - Set up PostgreSQL database with Docker and Prisma for data management. - Added admin guard functionality to restrict access to certain routes. - Configured NextAuth with Discord provider for user authentication. - Defined Prisma schema for user, admin, grade, event, and purchase models. - Seeded database with initial grades and events data. - Added SVG hero image for the landing page. - Extended NextAuth types to include additional user properties.
84 lines
1.4 KiB
CSS
84 lines
1.4 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--bg-950: #05070d;
|
|
--bg-900: #0b1020;
|
|
--bg-800: #10172c;
|
|
--text-100: #e5e7eb;
|
|
--text-200: #cbd5f5;
|
|
--accent-500: #7c3aed;
|
|
--accent-400: #60a5fa;
|
|
--accent-300: #22d3ee;
|
|
--glass: rgba(15, 23, 42, 0.6);
|
|
--glass-border: rgba(148, 163, 184, 0.2);
|
|
--shadow-strong: 0 30px 80px rgba(2, 6, 23, 0.6);
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--bg-950);
|
|
--color-foreground: var(--text-100);
|
|
--font-sans: var(--font-display);
|
|
--font-mono: var(--font-code);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background:
|
|
radial-gradient(1200px 700px at 20% 10%, rgba(124, 58, 237, 0.25),
|
|
transparent 60%),
|
|
radial-gradient(900px 600px at 80% 15%, rgba(96, 165, 250, 0.25),
|
|
transparent 55%),
|
|
var(--bg-950);
|
|
color: var(--text-100);
|
|
font-family: var(--font-display), "Space Grotesk", sans-serif;
|
|
}
|
|
|
|
::selection {
|
|
background: rgba(124, 58, 237, 0.55);
|
|
color: #0f172a;
|
|
}
|
|
|
|
@keyframes float {
|
|
0% {
|
|
transform: translateY(0px);
|
|
}
|
|
50% {
|
|
transform: translateY(-10px);
|
|
}
|
|
100% {
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
|
|
@keyframes glow {
|
|
0% {
|
|
opacity: 0.4;
|
|
}
|
|
50% {
|
|
opacity: 0.8;
|
|
}
|
|
100% {
|
|
opacity: 0.4;
|
|
}
|
|
}
|
|
|
|
@keyframes shimmer {
|
|
0% {
|
|
background-position: 0% 50%;
|
|
}
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
100% {
|
|
background-position: 0% 50%;
|
|
}
|
|
}
|