aboutsummaryrefslogtreecommitdiffstats
path: root/VegaData/wwwroot
diff options
context:
space:
mode:
authorivar <i@oiee.no>2025-10-07 23:32:23 +0200
committerivar <i@oiee.no>2025-10-07 23:32:23 +0200
commitc56a27ab8f64712a0ba02112365f412e5d84c723 (patch)
tree12e50cbcc3d968303371ef92d8264fdec49a72fc /VegaData/wwwroot
parent36af91f107d5425858ea975e3d8e4d1ab82f2f15 (diff)
downloadvegadata-c56a27ab8f64712a0ba02112365f412e5d84c723.tar.xz
vegadata-c56a27ab8f64712a0ba02112365f412e5d84c723.zip
nn
Diffstat (limited to 'VegaData/wwwroot')
-rw-r--r--VegaData/wwwroot/Baskerville No.2 Regular/readme.html188
-rw-r--r--VegaData/wwwroot/Broadsheet Italic/readme.html188
-rw-r--r--VegaData/wwwroot/framework.js2
-rw-r--r--VegaData/wwwroot/index.html12
-rw-r--r--VegaData/wwwroot/index.js4
5 files changed, 9 insertions, 385 deletions
diff --git a/VegaData/wwwroot/Baskerville No.2 Regular/readme.html b/VegaData/wwwroot/Baskerville No.2 Regular/readme.html
deleted file mode 100644
index ce69521..0000000
--- a/VegaData/wwwroot/Baskerville No.2 Regular/readme.html
+++ /dev/null
@@ -1,188 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta name="viewport" content="width=device-width" />
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="refresh" content="5;url=http://fontsgeek.com/fonts/baskerville-no2-regular?ref=readme">
- <title>Baskerville No.2 RegularFontsgeek</title>
- <style>
-/* -------------------------------------
- GLOBAL
- ------------------------------------- */
- * {
- margin:0;
- padding:0;
- font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
- font-size: 100%;
- line-height: 1.6;
- }
-
- img {
- max-width: 100%;
- }
-
- body {
- -webkit-font-smoothing:antialiased;
- -webkit-text-size-adjust:none;
- width: 100%!important;
- height: 100%;
- background:#DDD;
- }
-
-
- /* -------------------------------------
- ELEMENTS
- ------------------------------------- */
- a {
- color: #348eda;
- }
-
- .btn-primary, .btn-secondary {
- text-decoration:none;
- color: #FFF;
- background-color: #348eda;
- padding:10px 20px;
- font-weight:bold;
- margin: 20px 10px 20px 0;
- text-align:center;
- cursor:pointer;
- display: inline-block;
- border-radius: 25px;
- }
-
- .btn-secondary{
- background: #aaa;
- }
-
- .last {
- margin-bottom: 0;
- }
-
- .first{
- margin-top: 0;
- }
-
-
- /* -------------------------------------
- BODY
- ------------------------------------- */
- table.body-wrap {
- width: 100%;
- padding: 20px;
- }
-
- table.body-wrap .container{
- border: 1px solid #f0f0f0;
- }
-
-
- /* -------------------------------------
- FOOTER
- ------------------------------------- */
- table.footer-wrap {
- width: 100%;
- clear:both!important;
- }
-
- .footer-wrap .container p {
- font-size:12px;
- color:#666;
-
- }
-
- table.footer-wrap a{
- color: #999;
- }
-
-
- /* -------------------------------------
- TYPOGRAPHY
- ------------------------------------- */
- h1,h2,h3{
- font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
- margin: 40px 0 10px;
- line-height: 1.2;
- font-weight:200;
- }
-
- h1 {
- font-size: 36px;
- }
- h2 {
- font-size: 28px;
- }
- h3 {
- font-size: 22px;
- }
-
- p, ul {
- margin-bottom: 10px;
- font-weight: normal;
- font-size:14px;
- }
-
- ul li {
- margin-left:5px;
- list-style-position: inside;
- }
-
- /* ---------------------------------------------------
- RESPONSIVENESS
- Nuke it from orbit. It's the only way to be sure.
- ------------------------------------------------------ */
-
- /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
- .container {
- display:block!important;
- max-width:600px!important;
- margin:0 auto!important; /* makes it centered */
- clear:both!important;
- }
-
- /* This should also be a block element, so that it will fill 100% of the .container */
- .content {
- padding:20px;
- max-width:600px;
- margin:0 auto;
- display:block;
- }
-
- /* Let's make sure tables in the content area are 100% wide */
- .content table {
- width: 100%;
- }
-
- </style>
- </head>
-
- <body bgcolor="#f6f6f6">
-
- <!-- body -->
- <table class="body-wrap">
- <tr>
- <td></td>
- <td class="container" bgcolor="#FFFFFF">
-
- <!-- content -->
- <div class="content">
- <table>
- <tr>
- <td>
- <h1>Baskerville No.2 Regular</h1>
- <p>This font was downloaded from <a href="http://fontsgeek.com?ref=readme">fontsgeek.com</a> . You can visit <a href="http://fontsgeek.com?ref=readme">fontsgeek.com</a> for thousands of free fonts.</p>
- <p><a href="http://fontsgeek.com/fonts/baskerville-no2-regular?ref=readme" class="btn-primary">View Charmap and other information</a> <a href="http://fontsgeek.com?ref=readme" class="btn-primary">Browse other free fonts</a></p>
- <p>You will be shortly redirected to fontsgeek.</p>
- </td>
- </tr>
- </table>
- </div>
- <!-- /content -->
-
- </td>
- <td></td>
- </tr>
- </table>
- <!-- /body -->
-
- </body>
-</html>
diff --git a/VegaData/wwwroot/Broadsheet Italic/readme.html b/VegaData/wwwroot/Broadsheet Italic/readme.html
deleted file mode 100644
index 1fddb99..0000000
--- a/VegaData/wwwroot/Broadsheet Italic/readme.html
+++ /dev/null
@@ -1,188 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta name="viewport" content="width=device-width" />
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta http-equiv="refresh" content="5;url=http://fontsgeek.com/fonts/broadsheet-italic?ref=readme">
- <title>Broadsheet ItalicFontsgeek</title>
- <style>
-/* -------------------------------------
- GLOBAL
- ------------------------------------- */
- * {
- margin:0;
- padding:0;
- font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
- font-size: 100%;
- line-height: 1.6;
- }
-
- img {
- max-width: 100%;
- }
-
- body {
- -webkit-font-smoothing:antialiased;
- -webkit-text-size-adjust:none;
- width: 100%!important;
- height: 100%;
- background:#DDD;
- }
-
-
- /* -------------------------------------
- ELEMENTS
- ------------------------------------- */
- a {
- color: #348eda;
- }
-
- .btn-primary, .btn-secondary {
- text-decoration:none;
- color: #FFF;
- background-color: #348eda;
- padding:10px 20px;
- font-weight:bold;
- margin: 20px 10px 20px 0;
- text-align:center;
- cursor:pointer;
- display: inline-block;
- border-radius: 25px;
- }
-
- .btn-secondary{
- background: #aaa;
- }
-
- .last {
- margin-bottom: 0;
- }
-
- .first{
- margin-top: 0;
- }
-
-
- /* -------------------------------------
- BODY
- ------------------------------------- */
- table.body-wrap {
- width: 100%;
- padding: 20px;
- }
-
- table.body-wrap .container{
- border: 1px solid #f0f0f0;
- }
-
-
- /* -------------------------------------
- FOOTER
- ------------------------------------- */
- table.footer-wrap {
- width: 100%;
- clear:both!important;
- }
-
- .footer-wrap .container p {
- font-size:12px;
- color:#666;
-
- }
-
- table.footer-wrap a{
- color: #999;
- }
-
-
- /* -------------------------------------
- TYPOGRAPHY
- ------------------------------------- */
- h1,h2,h3{
- font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
- margin: 40px 0 10px;
- line-height: 1.2;
- font-weight:200;
- }
-
- h1 {
- font-size: 36px;
- }
- h2 {
- font-size: 28px;
- }
- h3 {
- font-size: 22px;
- }
-
- p, ul {
- margin-bottom: 10px;
- font-weight: normal;
- font-size:14px;
- }
-
- ul li {
- margin-left:5px;
- list-style-position: inside;
- }
-
- /* ---------------------------------------------------
- RESPONSIVENESS
- Nuke it from orbit. It's the only way to be sure.
- ------------------------------------------------------ */
-
- /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
- .container {
- display:block!important;
- max-width:600px!important;
- margin:0 auto!important; /* makes it centered */
- clear:both!important;
- }
-
- /* This should also be a block element, so that it will fill 100% of the .container */
- .content {
- padding:20px;
- max-width:600px;
- margin:0 auto;
- display:block;
- }
-
- /* Let's make sure tables in the content area are 100% wide */
- .content table {
- width: 100%;
- }
-
- </style>
- </head>
-
- <body bgcolor="#f6f6f6">
-
- <!-- body -->
- <table class="body-wrap">
- <tr>
- <td></td>
- <td class="container" bgcolor="#FFFFFF">
-
- <!-- content -->
- <div class="content">
- <table>
- <tr>
- <td>
- <h1>Broadsheet Italic</h1>
- <p>This font was downloaded from <a href="http://fontsgeek.com?ref=readme">fontsgeek.com</a> . You can visit <a href="http://fontsgeek.com?ref=readme">fontsgeek.com</a> for thousands of free fonts.</p>
- <p><a href="http://fontsgeek.com/fonts/broadsheet-italic?ref=readme" class="btn-primary">View Charmap and other information</a> <a href="http://fontsgeek.com?ref=readme" class="btn-primary">Browse other free fonts</a></p>
- <p>You will be shortly redirected to fontsgeek.</p>
- </td>
- </tr>
- </table>
- </div>
- <!-- /content -->
-
- </td>
- <td></td>
- </tr>
- </table>
- <!-- /body -->
-
- </body>
-</html>
diff --git a/VegaData/wwwroot/framework.js b/VegaData/wwwroot/framework.js
index de20d66..d1e6cc6 100644
--- a/VegaData/wwwroot/framework.js
+++ b/VegaData/wwwroot/framework.js
@@ -114,8 +114,6 @@ export function gqp(key) {
}
export function sqp(query) {
- console.log(query);
-
if ('URLSearchParams' in window) {
const url = new URL(window.location)
for (const key of Object.keys(query)) {
diff --git a/VegaData/wwwroot/index.html b/VegaData/wwwroot/index.html
index 5beab75..18bd9bc 100644
--- a/VegaData/wwwroot/index.html
+++ b/VegaData/wwwroot/index.html
@@ -5,19 +5,21 @@
<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('https://vegaeller.oiee.no/Broadsheet Italic/Broadsheet Italic.ttf') format('truetype');
+ src: url('/Broadsheet Italic/Broadsheet Italic.ttf') format('truetype');
font-weight: normal;
+ font-display: auto;
font-style: italic;
}
@font-face {
font-family: 'Baskerville No.2 Regular';
- src: url('https://vegaeller.oiee.no/Baskerville No.2 Regular/Baskerville No.2 Regular.otf') format('opentype');
+ src: url('/Baskerville No.2 Regular/Baskerville No.2 Regular.otf') format('opentype');
font-weight: normal;
+ font-display: auto;
font-style: normal;
- }
+ } */
.italic {
font-family: 'Broadsheet Italic', serif;
@@ -45,7 +47,7 @@
li:target {
padding-block: 2rem;
padding-inline: 1rem;
- background-image: url("17.png");
+ background-image: url("./17.png");
div:first-of-type {
padding-block: .4rem;
diff --git a/VegaData/wwwroot/index.js b/VegaData/wwwroot/index.js
index 1a07ccb..ec27f4d 100644
--- a/VegaData/wwwroot/index.js
+++ b/VegaData/wwwroot/index.js
@@ -76,8 +76,8 @@ async function renderShows(query = search.value) {
async function share(show) {
const shareData = {
title: `${show.title} ${dateString(show.startDateTime, true)} på vega`,
- url: urlId(show),
- };
+ url: `${location.origin}/index.html#${urlId(show)}`,
+ }
await navigator.share(shareData);
}