diff options
Diffstat (limited to 'VegaData/wwwroot/index.html')
| -rw-r--r-- | VegaData/wwwroot/index.html | 139 |
1 files changed, 139 insertions, 0 deletions
diff --git a/VegaData/wwwroot/index.html b/VegaData/wwwroot/index.html new file mode 100644 index 0000000..23fbb8e --- /dev/null +++ b/VegaData/wwwroot/index.html @@ -0,0 +1,139 @@ +<!doctype html> +<html lang="nb"> + +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <style> + * { + box-sizing: border-box; + } + + :root { + --bg: beige; + } + + #search { + padding: 10px 12px; + min-width: 300px; + } + + html, + body { + margin: 0; + padding: 0; + background: var(--bg); + font-family: Palatino, Georgia, serif; + } + + li:target, + .activeShow { + padding-block: 2rem; + padding-inline: 1rem; + background-image: url("./17.png"); + + div:first-of-type { + padding-block: .4rem; + padding-inline-start: .5rem; + background-color: var(--bg); + } + } + + #ulShows { + height: 80vh; + overflow-x: auto; + } + + #times { + padding-left: 15px; + } + + main { + padding-inline: 10px; + } + + .show { + margin-bottom: 1rem; + width: 100%; + + .title { + position: sticky; + top: 0; + width: 100%; + display: flex; + align-items: baseline; + justify-content: space-between; + background: bisque; + padding-inline: 3px; + padding-bottom: 5px; + + h2 { + font-weight: 600; + overflow-wrap: break-word; + hyphens: manual; + margin-top: 0; + margin-bottom: 0; + } + } + } + + .time { + font-style: normal; + font-size: 1rem; + text-decoration: none; + font-weight: 400; + margin-bottom: 15px; + + .date::first-letter { + border-left: 2px solid gold; + padding-left: 2px; + } + + div { + display: flex; + flex-direction: column; + + span:first-of-type { + font-size: 1.2rem; + } + } + + .actions { + display: flex; + flex-direction: row; + gap: 1rem; + } + } + + h1 { + margin: 0; + padding: 10px; + } + + ul { + list-style: none; + margin: 10px 0 0 0; + padding: 0; + } + </style> + <title>Vega eller</title> +</head> + +<body> + <h1>Bli med på vega?</h1> + <main> + <button id="renderShowsBtn">tilbakestill</button> <br> + <input type="search" name="q1" id="search" placeholder="søk"> + <ul id="ulShows"></ul> + </main> + <script type="importmap"> + { + "imports": { + "temporal-polyfill": "https://esm.sh/temporal-polyfill@0.3.0" + } + } + </script> + <script type="module" src="index.js"></script> +</body> + +</html>
\ No newline at end of file |