so far got the basics down, categories and lists are being populated for the most part, just need to go through and check them all and improve the visual to make it more pleasing

This commit is contained in:
Yeghro
2025-01-24 18:29:12 -08:00
parent d597ac2e37
commit a609d89adc
3 changed files with 587 additions and 0 deletions

54
index.html Normal file
View File

@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Awesome Nostr Resources</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<div class="container">
<!-- Sidebar Navigation -->
<nav class="sidebar">
<div class="sidebar-header">
<h1>Nostr Resources</h1>
<button id="menuToggle" class="menu-toggle">
<i class="fas fa-bars"></i>
</button>
</div>
<div class="sidebar-content">
<div class="search-box">
<input type="text" id="search" placeholder="Search resources...">
<i class="fas fa-search"></i>
</div>
<ul class="nav-links">
<!-- Categories will be dynamically populated here -->
</ul>
</div>
</nav>
<!-- Main Content -->
<main class="main-content">
<div class="content-header">
<div class="view-controls">
<button id="darkModeToggle" class="theme-toggle">
<i class="fas fa-moon"></i>
</button>
<div class="sort-controls">
<select id="sortSelect">
<option value="stars">Sort by Stars</option>
<option value="name">Sort by Name</option>
<option value="recent">Sort by Recent</option>
</select>
</div>
</div>
</div>
<!-- Resource sections will be dynamically populated -->
<div id="resources-container"></div>
</main>
</div>
<script src="script.js"></script>
</body>
</html>