cards,css

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']

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;
+}