diff options
Diffstat (limited to 'views/games_list.pug')
| -rw-r--r-- | views/games_list.pug | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/views/games_list.pug b/views/games_list.pug new file mode 100644 index 0000000..52c14d9 --- /dev/null +++ b/views/games_list.pug @@ -0,0 +1,48 @@ +//- vim:ts=4:sw=4: +doctype html +html + head + include head + +social(SITE_NAME, "Play historic board games on the web.") + meta(name="keywords" content="wargames, war games, block games") + title= SITE_NAME + style. + .list { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(146px, 1fr)); + grid-auto-rows: 190px; + gap: 8px; + } + .list a { + display: grid; + grid-template-rows: 146px 40px; + text-align: center; + font-family: var(--font-small); + font-size: 14px; + line-height: 20px; + text-wrap: balance; + gap: 4px; + } + .list img { + display: block; + margin: auto auto; + min-width: 108px; + min-height: 108px; + max-width: 144px; + max-height: 144px; + background-color: silver; + box-shadow: var(--drop-shadow); + border: var(--thin-border); + } + body + include header + article.wide + + h1 Games + + div.list + each title in TITLE_LIST + unless title.is_hidden + a.black(href="/"+title.title_id) + img(src="/"+title.title_id+"/thumbnail.jpg") + div= title.title_name |