diff options
| author | ivar <i@oiee.no> | 2025-10-08 10:29:40 +0200 |
|---|---|---|
| committer | ivar <i@oiee.no> | 2025-10-08 10:29:40 +0200 |
| commit | d3ced6cd703bb1149051fe3262f09a3d1abd61d0 (patch) | |
| tree | 6749931bd2818e8f88e8c653dc9e47d093d67d22 /VegaData/wwwroot/index.html | |
| parent | fe06f39f1ab446b6c54d3440d362d19ec0182617 (diff) | |
| download | vegadata-d3ced6cd703bb1149051fe3262f09a3d1abd61d0.tar.xz vegadata-d3ced6cd703bb1149051fe3262f09a3d1abd61d0.zip | |
n
Diffstat (limited to 'VegaData/wwwroot/index.html')
| -rw-r--r-- | VegaData/wwwroot/index.html | 28 |
1 files changed, 22 insertions, 6 deletions
diff --git a/VegaData/wwwroot/index.html b/VegaData/wwwroot/index.html index 18bd9bc..30056ce 100644 --- a/VegaData/wwwroot/index.html +++ b/VegaData/wwwroot/index.html @@ -5,7 +5,7 @@ <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> - /* @font-face { + @font-face { font-family: 'Broadsheet Italic'; src: url('/Broadsheet Italic/Broadsheet Italic.ttf') format('truetype'); font-weight: normal; @@ -19,7 +19,7 @@ font-weight: normal; font-display: auto; font-style: normal; - } */ + } .italic { font-family: 'Broadsheet Italic', serif; @@ -37,6 +37,11 @@ --bg: beige; } + #search { + padding: 10px 12px; + min-width: 300px; + } + html, body { margin: 0; @@ -44,7 +49,8 @@ background: var(--bg); } - li:target { + li:target, + .activeShow { padding-block: 2rem; padding-inline: 1rem; background-image: url("./17.png"); @@ -57,9 +63,12 @@ } #ulShows { - padding-inline-start: 10px; height: 80vh; - overflow: auto; + overflow-x: auto; + } + + main { + padding-inline: 10px; } .show { @@ -73,6 +82,8 @@ font-weight: 600; position: sticky; top: 0; + overflow-wrap: break-word; + hyphens: manual; background: beige; } } @@ -101,6 +112,11 @@ } } + h1 { + margin: 0; + padding: 10px; + } + ul { list-style: none; margin: 0; @@ -114,7 +130,7 @@ <body> <h1>Bli med på vega?</h1> <main> - <button id="renderShowsBtn">tilbakestill</button> + <button id="renderShowsBtn">tilbakestill</button> <br> <input type="search" name="q1" id="search" placeholder="søk"> <ul id="ulShows"></ul> </main> |