diff options
Diffstat (limited to 'VegaData/wwwroot/index.html')
| -rw-r--r-- | VegaData/wwwroot/index.html | 113 |
1 files changed, 113 insertions, 0 deletions
diff --git a/VegaData/wwwroot/index.html b/VegaData/wwwroot/index.html new file mode 100644 index 0000000..5ea2694 --- /dev/null +++ b/VegaData/wwwroot/index.html @@ -0,0 +1,113 @@ +<!doctype html> +<html lang="nb"> + +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <style> + @font-face { + font-family: 'Broadsheet Italic'; + src: url('./Broadsheet Italic/Broadsheet Italic.ttf') format('truetype'); + font-weight: normal; + font-style: italic; + } + + @font-face { + font-family: 'Baskerville No.2 Regular'; + src: url('./Baskerville No.2 Regular/Baskerville No.2 Regular.otf') format('opentype'); + font-weight: normal; + font-style: normal; + } + + .italic { + font-family: 'Broadsheet Italic', serif; + } + + .regular { + font-family: 'Baskerville No.2 Regular', serif; + } + + * { + box-sizing: border-box; + } + + html, + body { + margin: 0; + padding: 0; + background: beige; + } + + #ulShows { + padding-inline-start: 10px; + height: 80vh; + overflow: auto; + } + + .show { + margin-bottom: 1rem; + width: 100%; + + .title { + width: 100%; + display: inline-block; + font-size: 3rem; + font-weight: 600; + position: sticky; + top: 0; + background: beige; + } + } + + .time { + font-style: normal; + font-size: 1rem; + text-decoration: none; + font-weight: 400; + margin-bottom: 15px; + border-bottom: 2px dotted dodgerblue; + + div { + display: flex; + flex-direction: column; + + span:first-of-type { + font-size: 1.2rem; + } + } + + .actions { + display: flex; + flex-direction: row; + gap: 1rem; + } + } + + ul { + list-style: none; + margin: 0; + padding: 0; + margin-top: 10px; + } + </style> + <title>Vega eller</title> +</head> + +<body> + <h1>Bli med på vega</h1> + <main> + <button id="renderShowsBtn">last om</button> + <input type="search" name="q" 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 |