cards,css

This commit is contained in:
Marc Beninca 2023-01-11 10:25:19 +01:00
parent 47aa5ec591
commit 3366c72ac1
2 changed files with 18 additions and 2 deletions

View file

@ -99,7 +99,8 @@ def main():
for name, files in sorted(videos.items()): for name, files in sorted(videos.items()):
web_file, raw_file = files web_file, raw_file = files
content.append(card(name, web_file, raw_file)) 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 sections[category] = section
for id, section in sections.items(): for id, section in sections.items():
section['content'] = nav(sections, id) + section['content'] section['content'] = nav(sections, id) + section['content']

View file

@ -31,7 +31,7 @@ position: relative;
section { section {
display: none; display: none;
min-height: 100vh; min-height: 100vh;
padding: 7em 1vw 1vh 1vw; padding: 1em 1vw 1vh 1vw;
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%; width: 100%;
@ -73,3 +73,18 @@ color: rgb(192,0,0);
a:visited { a:visited {
color: rgb(0,160,160); 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;
}