diff options
| author | Tor Andersson <tor@ccxvii.net> | 2024-08-07 22:46:47 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2024-08-20 12:24:34 +0200 |
| commit | 640d8ab01b6763db2d120271230bc261b3cca2ec (patch) | |
| tree | a01159763654124a01c2431a9f47f98921fbbde5 /views/index.pug | |
| parent | 13c1fa8e54b8a02854a0b15a19d54e0efa4968d6 (diff) | |
| download | server-640d8ab01b6763db2d120271230bc261b3cca2ec.tar.gz | |
Use smaller cover images for front page.
Diffstat (limited to 'views/index.pug')
| -rw-r--r-- | views/index.pug | 42 |
1 files changed, 22 insertions, 20 deletions
diff --git a/views/index.pug b/views/index.pug index f3a9a86..c50ace1 100644 --- a/views/index.pug +++ b/views/index.pug @@ -7,25 +7,29 @@ html meta(name="keywords" content="wargames, war games, block games") title= SITE_NAME style. - div.list { - margin: 24px 0; + .list { display: grid; - grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); - gap: 24px 12px; + grid-template-columns: repeat(auto-fill, minmax(146px, 1fr)); + grid-auto-rows: 190px; + gap: 8px; } - div.i { - height: 200px; - text-align: center; - margin-bottom: 6px; - } - div.t { + .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; } - div.i img { - min-width: 150px; - min-height: 150px; - max-width: 200px; - max-height: 200px; + .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); @@ -38,11 +42,9 @@ html div.list each title in TITLE_LIST unless title.is_hidden - div.item - div.i - +gamecover(title.title_id) - div.t - a.black(href="/"+title.title_id)= title.title_name + a.black(href="/"+title.title_id) + img(src="/"+title.title_id+"/thumbnail.jpg") + div= title.title_name p!= process.env.SITE_INVITE |