Skip to content

Fixed Issue #51 #58

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gbowne1 merged 4 commits into from
Feb 2, 2026
Merged

Fixed Issue #51 #58

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
291c353
Add HTTP request logging using morgan
Haseebx162006 Jan 25, 2026
bea9636
Fix login API: use proper 400 and 401 status codes and Frontend errors
Haseebx162006 Jan 26, 2026
8d160c0
Fix login API: use proper 400 and 401 status codes and Frontend error…
Haseebx162006 Jan 26, 2026
39083df
Merge branch 'master' into fix-login-400-401
Haseebx162006 Jan 31, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
84 changes: 29 additions & 55 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,14 @@
<!DOCTYPE html>
<html lang="en">

<head>
<!-- ================= BASIC META ================= -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff" />

<!-- ================= SECURITY (CSP) ================= -->
<meta
http-equiv="Content-Security-Policy"
content="
<meta http-equiv="Content-Security-Policy" content="
default-src 'self';
script-src 'self' https://cdn.jsdelivr.net;
style-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net https://fonts.googleapis.com;
Expand All @@ -19,12 +18,12 @@
object-src 'none';
base-uri 'self';
frame-ancestors 'none';
"
/>
" />

<!-- ================= SEO ================= -->
<title>DevStream | Live Coding & Game Development</title>
<meta name="description" content="DevStream is a live streaming platform for developers, coders, and game creators." />
<meta name="description"
content="DevStream is a live streaming platform for developers, coders, and game creators." />
<meta name="keywords" content="live coding, game development, programming, software, streaming" />
<meta name="author" content="DevStream" />

Expand All @@ -47,16 +46,10 @@
<link rel="icon" href="/favicon.ico" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
crossorigin="anonymous"
/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
crossorigin="anonymous" />

<link
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/css/all.min.css"
rel="stylesheet"
/>
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/css/all.min.css" rel="stylesheet" />

<link rel="stylesheet" href="/src/css/style.css" />
</head>
Expand All @@ -72,42 +65,36 @@ <h1 class="h4 mb-0">DevStream</h1>

<nav aria-label="Main navigation">
<ul class="nav align-items-center gap-3">
<li class="nav-item"><a href="#" class="nav-link">Home</a></li>
<li class="nav-item"><a href="/" class="nav-link">Home</a></li>
<li class="nav-item"><a href="#" class="nav-link">Browse</a></li>
<li class="nav-item"><a href="#" class="nav-link">Schedule</a></li>

<li class="nav-item">
<button
id="themeToggle"
class="btn btn-sm btn-outline-secondary"
aria-label="Toggle theme"
>
<button id="themeToggle" class="btn btn-sm btn-outline-secondary" aria-label="Toggle theme">
<i class="fas fa-moon"></i>
</button>
</li>

<li class="nav-item">
<button
id="drawerToggle"
class="btn btn-sm btn-outline-success"
aria-label="Open category menu"
aria-expanded="false"
aria-controls="categoryDrawer"
>
<button id="drawerToggle" class="btn btn-sm btn-outline-success" aria-label="Open category menu"
aria-expanded="false" aria-controls="categoryDrawer">
<i class="fas fa-bars"></i>
</button>
</li>

<li class="nav-item">
<a href="/login.html" class="btn btn-sm btn-primary">
<i class="fas fa-sign-in-alt me-1"></i>Login
</a>
</li>
</ul>
</nav>
</div>
</header>

<!-- ================= CATEGORY DRAWER ================= -->
<aside
id="categoryDrawer"
class="position-fixed top-0 start-0 h-100 bg-dark text-white p-4 shadow-lg overflow-auto"
aria-hidden="true"
>
<aside id="categoryDrawer" class="position-fixed top-0 start-0 h-100 bg-dark text-white p-4 shadow-lg overflow-auto"
aria-hidden="true">
<div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="h5 mb-0">Categories</h2>
<button id="drawerClose" class="btn btn-sm btn-light" aria-label="Close menu">
Expand All @@ -126,10 +113,7 @@ <h2 class="h5 mb-0">Categories</h2>
</aside>

<!-- Drawer Overlay -->
<div
id="drawerOverlay"
class="position-fixed top-0 start-0 w-100 h-100 bg-black bg-opacity-50 d-none"
></div>
<div id="drawerOverlay" class="position-fixed top-0 start-0 w-100 h-100 bg-black bg-opacity-50 d-none"></div>

<!-- ================= MAIN ================= -->
<main class="container mt-4">
Expand All @@ -140,18 +124,9 @@ <h2 id="live-heading" class="h4 mb-4">Live Streams</h2>

<!-- Search -->
<div class="input-group mb-4">
<input
type="search"
id="searchInput"
class="form-control"
placeholder="Search streams..."
aria-label="Search streams"
/>
<button
id="clearSearch"
class="btn btn-outline-secondary d-none"
aria-label="Clear search"
>
<input type="search" id="searchInput" class="form-control" placeholder="Search streams..."
aria-label="Search streams" />
<button id="clearSearch" class="btn btn-outline-secondary d-none" aria-label="Clear search">
<i class="fas fa-times"></i>
</button>
</div>
Expand All @@ -168,7 +143,7 @@ <h2 id="live-heading" class="h4 mb-4">Live Streams</h2>
<!-- Popular Tags -->
<section class="mt-5">
<h2 class="h5 mb-3">Popular Tags</h2>
<div id="popularTags" class="d-flex flex-wrap gap-2">
<div id="popularTags" class="d-flex flex-wrap gap-2">
<span class="badge bg-primary tag-filter">JavaScript</span>
<span class="badge bg-primary tag-filter">Python</span>
<span class="badge bg-primary tag-filter">Rust</span>
Expand All @@ -185,12 +160,11 @@ <h2 class="h5 mb-3">Popular Tags</h2>
</footer>

<!-- ================= SCRIPTS ================= -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
crossorigin="anonymous"
></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
crossorigin="anonymous"></script>

<script type="module" src="/src/js/main.js"></script>

</body>
</html>

</html>
Loading
Loading