Erik/DataDash
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add grid functionality + upvote style

Browse Source
This commit is contained in:
schriefer
2024-06-09 20:33:38 +02:00
parent 5bfe59a71f
commit 7c40283022
3 changed files with 65 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
html/index.html
View File

@@ -16,8 +16,8 @@
<section id="recents">
<h2>Recently added:</h2>
<ul class="datasets">
<li>
<div class="product-info">
<li class="dataset">
<div class="dataset-info">
<div class="icon standup"></div>
<div class="details">
<h3>Standup</h3>
@@ -25,13 +25,13 @@
</div>
</div>
<aside class="upvote">
<button>⬆</button>
<button class="upvote-btn">Upvote</button>
<span class="upvote-count">8</span>
<button>⬇</button>
<button class="downvote-btn">Downvote</button>
</aside>
</li>
<li class="product">
<div class="product-info">
<li class="dataset">
<div class="dataset-info">
<div class="icon tori"></div>
<div class="details">
<h3>Tori</h3>
@@ -39,13 +39,13 @@
</div>
</div>
<aside class="upvote">
<button>⬆</button>
<button class="upvote-btn">Upvote</button>
<span class="upvote-count">8</span>
<button>⬇</button>
<button class="downvote-btn">Downvote</button>
</aside>
</li>
<li class="product">
<div class="product-info">
<li class="dataset">
<div class="dataset-info">
<div class="icon tyms"></div>
<div class="details">
<h3>Tyms</h3>
@@ -53,13 +53,13 @@
</div>
</div>
<aside class="upvote">
<button>⬆</button>
<button class="upvote-btn">Upvote</button>
<span class="upvote-count">8</span>
<button>⬇</button>
<button class="downvote-btn">Downvote</button>
</aside>
</li>
<li class="product">
<div class="product-info">
<li class="dataset">
<div class="dataset-info">
<div class="icon zapcardz"></div>
<div class="details">
<h3>ZapCardz</h3>
@@ -67,13 +67,13 @@
</div>
</div>
<aside class="upvote">
<button>⬆</button>
<button class="upvote-btn">Upvote</button>
<span class="upvote-count">8</span>
<button>⬇</button>
<button class="downvote-btn">Downvote</button>
</aside>
</li>
<li class="product">
<div class="product-info">
<li class="dataset">
<div class="dataset-info">
<div class="icon peek"></div>
<div class="details">
<h3>Peek</h3>
@@ -81,18 +81,18 @@
</div>
</div>
<aside class="upvote">
<button>⬆</button>
<button class="upvote-btn">Upvote</button>
<span class="upvote-count">8</span>
<button>⬇</button>
<button class="downvote-btn">Downvote</button>
</aside>
</li>
</ul>
</section>
<section id="Top">
<section id="top">
<h2>Most Liked:</h2>
<ul class="datasets">
<li class="product">
<div class="product-info">
<li class="dataset">
<div class="dataset-info">
<div class="icon standup"></div>
<div class="details">
<h3>Standup</h3>
@@ -100,9 +100,9 @@
</div>
</div>
<aside class="upvote">
<button>⬆</button>
<button class="upvote-btn">Upvote</button>
<span class="upvote-count">8</span>
<button>⬇</button>
<button class="downvote-btn">Downvote</button>
</aside>
</li>
</ul>