Merge branch 'main' into 15-make-content-adding-page-functional-js

This commit is contained in:
Elias Schriefer
2024-06-24 17:07:38 +02:00
8 changed files with 433 additions and 16 deletions

View File

@@ -5,9 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DataDash</title>
<link rel="stylesheet" href="main.css">
<script type="module" src="main.js" defer></script>
</head>
<body>
<div onclick="console.log('add')" id="add-btn" title="Add a new API entry"></div>
<div id="add-btn" title="Add a new API entry"></div>
<main>
<header>
<h1>Welcome to DataDash</h1>
@@ -16,17 +17,23 @@
<section id="tool-bar">
<select id="sort-btn" class="btn flat" title="Sort entries">Sort by
<option>Option 1</option>
<option>Option 2</option>
<option>Author A-Z</option>
<option>Author Z-A</option>
<option>Title A-Z</option>
<option>Title Z-A</option>
<option>Stars ↑</option>
<option>Stars ↓</option>
<option>Votes ↑</option>
<option>Votes ↓</option>
</select>
<div class="divider"></div>
<select class="btn flat" id="filter-btn" title="Filter entries">Filter
<optgroup label="Standard categories">
<option>Option 1</option>
<option>Option 2</option>
<option>Dataset</option>
<option>API</option>
</optgroup>
<optgroup label="User categories">
<option>user category</option>
<optgroup label="Other categories">
<option>a category</option>
</optgroup>
</select>
<input type="search" name="query" id="search-entry" placeholder="Search">
@@ -37,7 +44,7 @@
<h2>Recently added:</h2>
<ul class="datasets">
<!-- Preliminary content to be replaced by data from our server: -->
<li class="dataset">
<li class="dataset" data-id="">
<div class="dataset-info">
<div class="icon standup"></div>
<div class="details">