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

WIP Session 1

Browse Source
This commit is contained in:
schriefer
2024-06-07 12:47:45 +02:00
parent 56af64a7a4
commit 5bfe59a71f
6 changed files with 642 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
html/chat2/index.html Normal file
View File

@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DataDash</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main>
<header>
<h1>Welcome to DataDash 👋</h1>
<p>The place to launch and discover Datasets and api-endpoints.</p>
</header>
<section class="top-products">
<h2>Launching Today</h2>
<ul class="product-list">
<li class="product">
<div class="product-info">
<div class="icon standup"></div>
<div class="details">
<h3>Standup</h3>
<p>Simply daily accountability phone call, powered by AI</p>
</div>
</div>
<div class="upvote">
<button>⬆</button>
<span class="upvote-count">8</span>
<button>⬇</button>
</div>
</li>
<li class="product">
<div class="product-info">
<div class="icon tori"></div>
<div class="details">
<h3>Tori</h3>
<p>The simple mobile crypto wallet even your mom can use</p>
</div>
</div>
<div class="upvote">
<button>⬆</button>
<span class="upvote-count">8</span>
<button>⬇</button>
</div>
</li>
<li class="product">
<div class="product-info">
<div class="icon tyms"></div>
<div class="details">
<h3>Tyms</h3>
<p>Modern accounting ERP for ambitious businesses</p>
</div>
</div>
<div class="upvote">
<button>⬆</button>
<span class="upvote-count">8</span>
<button>⬇</button>
</div>
</li>
<li class="product">
<div class="product-info">
<div class="icon zapcardz"></div>
<div class="details">
<h3>ZapCardz</h3>
<p>Remember what you learn forever with AI powered flashcards</p>
</div>
</div>
<div class="upvote">
<button>⬆</button>
<span class="upvote-count">8</span>
<button>⬇</button>
</div>
</li>
<li class="product">
<div class="product-info">
<div class="icon peek"></div>
<div class="details">
<h3>Peek</h3>
<p>AI organizer and workspace for your browser tabs</p>
</div>
</div>
<div class="upvote">
<button>⬆</button>
<span class="upvote-count">8</span>
<button>⬇</button>
</div>
</li>
</ul>
</section>
</main>
</body>
</html>

129
html/chat2/styles.css Normal file
View File

@@ -0,0 +1,129 @@
body {
background-color: #1c1c1c;
color: #e1e1e1;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
main {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
header {
text-align: center;
margin-bottom: 20px;
}
header h1 {
font-size: 24px;
margin: 0;
}
header p {
font-size: 14px;
}
header a {
color: #4a90e2;
}
.top-products h2 {
font-size: 20px;
margin-bottom: 10px;
}
.top-products p {
font-size: 14px;
margin-bottom: 20px;
}
.top-products a {
color: #4a90e2;
}
.product-list {
list-style-type: none;
padding: 0;
}
.product {
display: flex;
justify-content: space-between;
background-color: #333;
padding: 10px;
border-radius: 5px;
margin-bottom: 10px;
}
.product-info {
display: flex;
gap: 10px;
}
.icon {
width: 40px;
height: 40px;
background-color: #555;
border-radius: 5px;
}
.standup { background-image: url('standup.png'); }
.tori { background-image: url('tori.png'); }
.tyms { background-image: url('tyms.png'); }
.zapcardz { background-image: url('zapcardz.png'); }
.peek { background-image: url('peek.png'); }
.details {
display: flex;
flex-direction: column;
}
.details h3 {
font-size: 16px;
margin: 0;
}
.details p {
font-size: 14px;
margin: 5px 0;
}
.tags {
display: flex;
gap: 5px;
font-size: 12px;
}
.tags span {
background-color: #4a90e2;
padding: 2px 5px;
border-radius: 3px;
}
.upvote {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
}
.upvote button {
background: none;
border: none;
color: #4a90e2;
font-size: 20px;
cursor: pointer;
}
.upvote button:hover {
color: #ff9900;
}
.upvote-count {
font-size: 16px;
color: #e1e1e1;
}