mirror of
https://github.com/GCMatters/hermes.git
synced 2026-02-04 21:50:12 +01:00
0e14821cec
Trzeba dodać logowanie tak jak reszte(nie wiem gdzie było logowanie ale zaraz się znajdzie)
58 lines
1.8 KiB
HTML
58 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="pl">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>Events Panel</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="/css/panel.css" rel="stylesheet" />
|
||
</head>
|
||
<body class="bg-light">
|
||
|
||
<div class="d-flex">
|
||
<!-- Sidebar -->
|
||
<div class="bg-white border-end p-3 vh-100" style="width: 80px;">
|
||
<div class="text-center mb-4">
|
||
<img src="/img/logo.svg" alt="Logo" style="width: 40px;">
|
||
</div>
|
||
<nav class="nav flex-column text-center">
|
||
<a href="#" class="nav-link text-info mb-3">🏠</a>
|
||
<a href="#" class="nav-link text-info mb-3">💬</a>
|
||
<a href="#" class="nav-link text-info mb-3">📅</a>
|
||
<a href="#" class="nav-link text-info mt-auto">⚙️</a>
|
||
</nav>
|
||
</div>
|
||
|
||
<!-- Main content -->
|
||
<div class="flex-grow-1 p-4">
|
||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||
<h2 class="text-primary">Events</h2>
|
||
<div>
|
||
<button class="btn btn-outline-info me-2">Join now</button>
|
||
<button class="btn btn-outline-secondary">Sign In</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="input-group mb-4">
|
||
<input type="text" class="form-control rounded-start" placeholder="Search events..." />
|
||
<span class="input-group-text bg-white"><i class="bi bi-search"></i></span>
|
||
</div>
|
||
|
||
<div id="eventList" class="d-grid gap-3">
|
||
<!-- Karty wydarzeń będą ładowane tutaj -->
|
||
<div class="event-card filled">
|
||
<span>Event Title</span>
|
||
<button class="remove-btn delete-btn" data-id="5">−</button> <!-- Przyciski usuwania z ID -->
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- Dodaj nowe -->
|
||
<a href="/create.html" class="btn btn-success">+ Dodaj nowe</a>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script type="module" src="/js/eventList.js"></script>
|
||
<script type="module" src="/js/eventDelete.js"></script>
|
||
</body>
|
||
</html> |