@digital-blueprint/greenlight-app
Version:
[GitHub Repository](https://github.com/digital-blueprint/greenlight-app) | [npmjs package](https://www.npmjs.com/package/@digital-blueprint/greenlight-app) | [Unpkg CDN](https://unpkg.com/browse/@digital-blueprint/greenlight-app/) | [Greenlight Bundle](ht
146 lines (124 loc) • 6.16 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="white"/>
<!-- Meta Data for Search Engines -->
<meta title="greenlight - Dein Eintrittsticket in die Universität | My University">
<meta name="description" content="Erstellen Sie ein Eintrittsticket mit greenlight und importieren Sie Ihren Nachweis, um ihn so schon vor dem Besuch der Universität für den Eintritt zu validieren." />
<!-- Meta Data for open graph(facebook & co) -->
<meta property="og:locale" content="de_DE" />
<meta property="og:type" content="website" />
<meta property="og:title" content="greenlight: Dein Eintrittsticket in die Universität | My University" />
<meta property="og:description" content="Erstellen Sie ein Eintrittsticket mit greenlight und importieren Sie Ihren Nachweis, um ihn so schon vor dem Besuch der Universität für den Eintritt zu validieren." />
<meta property="og:url" content="https://greenlight.my-university.at/" />
<meta property="og:site_name" content="greenlight" />
<!-- Favicons -->
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
<link rel="manifest" href="/app.webmanifest">
<link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#e4154b">
<meta name="theme-color" content="#ffffff">
<meta name="apple-mobile-web-app-status-bar-style" content="white">
<!-- Loading spinner -->
<script type="module">
import {Spinner} from '/app/local/@digital-blueprint/greenlight-app/spinner.js';
customElements.define('dbp-loading-spinner', Spinner);
</script>
<!-- App bundles-->
<script type="module" src="/app/dbp-greenlight.js"></script>
<!-- Prevent Chrome/Edge from suggesting to translate the page -->
<meta name="google" content="notranslate">
<!-- Font related CSS -->
<style>
/* How to customize the app read: https://dbp-demo.tugraz.at/dev-guide/frontend/theming/ */
@import "/app/local/@digital-blueprint/greenlight-app/fonts/source-sans-pro/300.css";
@import "/app/local/@digital-blueprint/greenlight-app/fonts/source-sans-pro/400.css";
@import "/app/local/@digital-blueprint/greenlight-app/fonts/source-sans-pro/600.css";
body {
font-family: 'Source Sans Pro', 'Calibri', 'Arial', 'sans-serif';
font-weight: 300;
margin: 0;
}
.light-theme{
--dbp-override-background: white;
--dbp-override-content: #222120;
--dbp-override-primary: #3775c1;
--dbp-override-on-primary-surface: white;
--dbp-override-secondary: #222120;
--dbp-override-secondary-surface: white;
--dbp-override-on-secondary-surface: #222120;
--dbp-override-secondary-surface-border-color: #222120;
--dbp-override-muted: #767676;
--dbp-override-accent: #9e1e4d;
--dbp-override-info: #38808a;
--dbp-override-success: #338555;
--dbp-override-success-surface: #5ec189;
--dbp-override-on-success-surface: #222120;
--dbp-override-warning: #bf8808;
--dbp-override-warning-surface: #f9cc66;
--dbp-override-on-warning-surface: #222120;
--dbp-override-danger: #cc3232;
--dbp-override-border: 1px solid #222120;
}
.dark-theme{
--dbp-override-background: #222120;
--dbp-override-content: white;
--dbp-override-primary: #398BDA;
--dbp-override-on-primary-surface: white;
--dbp-override-secondary: white;
--dbp-override-secondary-surface: #222120;
--dbp-override-on-secondary-surface: white;
--dbp-override-secondary-surface-border-color: white;
--dbp-override-muted: #8D8B8B;
--dbp-override-accent: #bc3a62;
--dbp-override-info: #3793A5;
--dbp-override-success: #5ec189;
--dbp-override-warning: #f9cc66;
--dbp-override-danger: #EB534E;
--dbp-override-border: 1px solid white;
}
</style>
</head>
<body>
<dbp-greenlight
provider-root
id="app"
lang="de" entry-point-url="https://api-demo.tugraz.at"
gp-search-hash-string="HC1:"
gp-search-self-test-string-array="https://selbsttest.stmk.gv.at/public-result?id=,https://selbsttest.ktn.gv.at/public-result?id="
preselected-option="My University"
show-preselected="true"
file-handling-enabled-targets="local"
html-overrides="global-override"
src="/topic.metadata.json"
base-path="/"
keycloak-config='{"url": "https://auth-demo.tugraz.at/auth", "realm": "tugraz-vpu", "clientId": "auth-dev-mw-frontend-local", "silentCheckSsoRedirectUri": "/app/silent-check-sso.html"}'
themes='[{"class": "light-theme", "icon": "sun", "name": "Light Mode"},
{"class": "dark-theme", "icon": "night", "name": "Dark Mode"}]'
><dbp-loading-spinner></dbp-loading-spinner>
</dbp-greenlight>
<template id="global-override">
<template id="dbp-greenlight">
<div slot="name">
DBP<br />
<dbp-translated subscribe="lang">
<div slot="de">
Meine Universität
</div>
<div slot="en">
My University
</div>
</dbp-translated>
</div>
</template>
</template>
<!-- Error handling for too old browsers -->
<script src="/app/local/@digital-blueprint/greenlight-app/browser-check.js" defer></script>
<noscript>Diese Applikation benötigt Javascript / This application requires Javascript</noscript>
</body>
</html>