From 3366c72ac19f72f2090df25564b50695b410578d Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Wed, 11 Jan 2023 10:25:19 +0100
Subject: [PATCH] cards,css

---
 build.py  |  3 ++-
 index.css | 17 ++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/build.py b/build.py
index d95a58c..6eda9f8 100755
--- a/build.py
+++ b/build.py
@@ -99,7 +99,8 @@ def main():
         for name, files in sorted(videos.items()):
             web_file, raw_file = files
             content.append(card(name, web_file, raw_file))
-        section['content'] = os.linesep.join(content)
+        section['content'] = os.linesep.join([
+            '<div class="cards">', os.linesep.join(content), '</div>'])
         sections[category] = section
     for id, section in sections.items():
         section['content'] = nav(sections, id) + section['content']
diff --git a/index.css b/index.css
index 5590861..7eca81c 100644
--- a/index.css
+++ b/index.css
@@ -31,7 +31,7 @@ position: relative;
 section {
 display: none;
 min-height: 100vh;
-padding: 7em 1vw 1vh 1vw;
+padding: 1em 1vw 1vh 1vw;
 position: absolute;
 top: 0;
 width: 100%;
@@ -73,3 +73,18 @@ color: rgb(192,0,0);
 a:visited {
 color: rgb(0,160,160);
 }
+
+.cards {
+display: flex;
+flex-wrap: wrap;
+}
+
+.card {
+background-color: #101010;
+border: 1px solid;
+border-radius: .5em;
+color: #404040;
+margin: .1em;
+padding: .5em .6em .5 em .25em;
+vertical-align: top;
+}