maltejur/hsarch
maltejur/hsarch
1
0
Fork 0
Code Activity

remove external cdns

Browse source
This commit is contained in:
Malte Jürgens 2022-10-06 23:41:23 +02:00
parent e8c9019f96
commit ebde75ab81
Signed by: maltejur
GPG key ID: D29FBD5F93C0CFC3
15 changed files with 5085 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2341
assets/font-awesome.css vendored Normal file
View file

File diff suppressed because it is too large Load diff

BIN
assets/fonts/adobe-garamond-pro.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/adobe-garamond-pro.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/adobe-garamond-pro.woff2 Normal file
View file

Binary file not shown.

BIN
assets/fonts/fontawesome-webfont.eot Normal file
View file

Binary file not shown.

2671
assets/fonts/fontawesome-webfont.svg Normal file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 434 KiB

BIN
assets/fonts/fontawesome-webfont.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/fontawesome-webfont.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/fontawesome-webfont.woff2 Normal file
View file

Binary file not shown.

64
src/index.html
View file

@ -1,37 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<meta
name="viewport"
content="min-width=400px, width=device-width, initial-scale = 1.0, maximum-scale=1.0"
charset="utf-8"
/>
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="../assets/font-awesome.css" />
<title>HertzSCHLAG Archiv</title>
<link rel="icon" type="image/png" href="/assets/favicon.png" />
</head>
<head>
<meta name="viewport" content="min-width=400px, width=device-width, initial-scale = 1.0, maximum-scale=1.0"
charset="utf-8" />
<link rel="stylesheet" href="./style.css" />
<script src="https://kit.fontawesome.com/c6918a20c8.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.typekit.net/iqo1nim.css">
<title>HertzSCHLAG Archiv</title>
<link rel="icon" type="image/png" href="../assets/favicon.png" />
</head>
<body>
<div id="header">
<img src="../assets/hertzlinie_l.svg" class="welle-l" />
<img src="../assets/hertzlinie_r.svg" class="welle-r" />
<div id="innerHeader">
<a href="#">
<h1>HertzSCHLAG Archiv</h1>
</a>
<nav>
<a href="#liste" style="margin-left: 25px">Alle Ausgaben</a>
</nav>
<body>
<div id="header">
<img src="/assets/hertzlinie_l.svg" class="welle-l" />
<img src="/assets/hertzlinie_r.svg" class="welle-r" />
<div id="innerHeader">
<a href="#">
<h1>HertzSCHLAG Archiv</h1>
</a>
<nav>
<a href="#liste" style="margin-left: 25px">Alle Ausgaben</a>
</nav>
</div>
</div>
</div>
<div id="main">
<div id="home"></div>
<div id="content">
<div id="contentinner"></div>
<a id="back"></a>
<div id="main">
<div id="home"></div>
<div id="content">
<div id="contentinner"></div>
<a id="back"></a>
</div>
</div>
</div>
<script src="./script.ts" type="module"></script>
</body>
</html>
<script src="./script.ts" type="module"></script>
</body>
</html>

17
src/modules/ausgabeHertzblatt.ts
View file

@ -8,8 +8,7 @@ export default function AusgabeHertzblatt(params) {
const ausg = json.hertzblatt.find((i) => i["Ausgabe"] == params.id);
if (ausg === undefined) {
console.warn(params.id, "not found");
return;
throw new Error(params.id + " not found");
}
let pagehtml = `
@ -24,13 +23,13 @@ export default function AusgabeHertzblatt(params) {
if (ausg.Web)
pagehtml += `<a class="button" href="${ausg.Web}">
<i class="fas fa-link"></i>Link
<i class="fa fa-link"></i>Link
</a>`;
const skeleton = document.createElement("div");
skeleton.innerHTML = `
<a class="button-skeleton"><i class="fas fa-file-pdf"></i><span>PDF Anzeigen</span></a>
<a class="button-skeleton"><i class="fas fa-download"></i><span>Download</span></a>
<a class="button-skeleton"><i class="fa fa-file-pdf-o"></i><span>PDF Anzeigen</span></a>
<a class="button-skeleton"><i class="fa fa-download"></i><span>Download</span></a>
`;
ret.innerHTML = pagehtml;
ret.appendChild(skeleton);
@ -43,16 +42,16 @@ export default function AusgabeHertzblatt(params) {
// prettier-ignore
`
<a class="button" href="#hertzblatt/${ausg.Ausgabe}/pdf">
<i class="fas fa-file-pdf"></i>PDF Anzeigen
<i class="fa fa-file-pdf-o"></i>PDF Anzeigen
</a>
<button>
<i class="fas fa-download"></i>Download
<i class="fa fa-download"></i>Download
<div class="dropdown">
<a onclick="window.open('${json.baseUrl}hertzblatt/pdf/compressed/${ausg.Ausgabe}.pdf', '_self');">
<i class="fas fa-file-download"></i>Niedrige Qualität
<i class="fa fa-file-download"></i>Niedrige Qualität
</a>
<a onclick="window.open('${json.baseUrl}hertzblatt/pdf/${ausg.Ausgabe}.pdf', '_self');">
<i class="fas fa-file-download"></i>Hohe Qualität
<i class="fa fa-file-download"></i>Hohe Qualität
</a>
</div>
</button>

15
src/modules/ausgabeHertzschlag.ts
View file

@ -8,8 +8,7 @@ export default function AusgabeHertzschlag(params) {
const ausg = json.hertzschlag.find((i) => i["Ausgabe"] == params.id);
if (ausg === undefined) {
console.warn(params.id, "not found");
return;
throw new Error(params.id + " not found");
}
let pagehtml = `
@ -31,8 +30,8 @@ export default function AusgabeHertzschlag(params) {
const skeleton = document.createElement("div");
skeleton.innerHTML = `
<a class="button-skeleton"><i class="fas fa-file-pdf"></i><span>PDF Anzeigen</span></a>
<a class="button-skeleton"><i class="fas fa-download"></i><span>Download</span></a>
<a class="button-skeleton"><i class="fa fa-file-pdf-o"></i><span>PDF Anzeigen</span></a>
<a class="button-skeleton"><i class="fa fa-download"></i><span>Download</span></a>
`;
ret.innerHTML = pagehtml;
ret.appendChild(skeleton);
@ -45,16 +44,16 @@ export default function AusgabeHertzschlag(params) {
// prettier-ignore
`
<a class="button" href="#hertzschlag/${ausg["Ausgabe"]}/pdf">
<i class="fas fa-file-pdf"></i>PDF Anzeigen
<i class="fa fa-file-pdf-o"></i>PDF Anzeigen
</a>
<button>
<i class="fas fa-download"></i>Download
<i class="fa fa-download"></i>Download
<div class="dropdown">
<a href="${json.downloadUrl}hertzschlag/pdf/compressed/${ausg["Ausgabe"]}.pdf">
<i class="fas fa-file-download"></i>Niedrige Qualität
<i class="fa fa-file"></i>Niedrige Qualität
</a>
<a href="${json.downloadUrl}hertzschlag/pdf/${ausg["Ausgabe"]}.pdf">
<i class="fas fa-file-download"></i>Hohe Qualität
<i class="fa fa-file"></i>Hohe Qualität
</a>
</div>
</button>

2
src/modules/page.ts
View file

@ -3,7 +3,7 @@ export default function Page(content: HTMLElement) {
el.classList.add("page");
el.innerHTML =
'<div class="back" onclick="window.history.back()"><i class="fas fa-arrow-left" aria-hidden="true"></i></div>';
'<div class="back" onclick="window.history.back()"><i class="fa fa-arrow-left" aria-hidden="true"></i></div>';
el.appendChild(content);
return el;

12
src/script.ts
View file

@ -12,7 +12,7 @@ import NProgress from "nprogress/nprogress";
import "nprogress/nprogress.css";
new Router(
document.querySelector("#contentinner"),
document.querySelector("#contentinner")!,
{
"hertzschlag/:id": AusgabeHertzschlag,
"hertzschlag/:id/pdf": Pdf,
@ -25,7 +25,7 @@ new Router(
);
new Router(
document.querySelector("#home"),
document.querySelector("#home")!,
{
"": Home,
hertzschlag: Home,
@ -44,7 +44,7 @@ new Router(
);
new Router(
document.querySelector("#innerHeader"),
document.querySelector("#innerHeader")!,
{
"": HeaderHertzschlag,
hertzschlag: HeaderHertzschlag,
@ -63,10 +63,10 @@ document.addEventListener("readystatechange", (event) => {
}
});
document.getElementById("back").addEventListener("click", () => {
document.getElementById("back")!.addEventListener("click", () => {
window.location.hash = document
.getElementById("home")
.getAttribute("currentroute");
.getElementById("home")!
.getAttribute("currentroute")!;
});
// Startet Ladebalken

24
src/style.css
View file

@ -1,3 +1,14 @@
@font-face {
font-family: "adobe-garamond-pro";
src: url("../assets/fonts/adobe-garamond-pro.woff2") format("woff2"),
url("../assets/fonts/adobe-garamond-pro.woff") format("woff"),
url("../assets/fonts/adobe-garamond-pro.otf") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 400;
font-stretch: normal;
}
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
@ -185,16 +196,19 @@ button,
}
.button-skeleton {
background: linear-gradient(90deg,
background: linear-gradient(
90deg,
rgb(250, 250, 250) 0%,
rgb(230, 230, 230) 50%,
rgb(250, 250, 250) 100%) rgb(250, 250, 250);
rgb(250, 250, 250) 100%
)
rgb(250, 250, 250);
background-repeat: no-repeat;
animation: skeleton-loading 1s infinite;
}
.button-skeleton>span,
.button-skeleton>i {
.button-skeleton > span,
.button-skeleton > i {
color: transparent;
user-select: none;
background-color: rgb(230, 230, 230);
@ -491,4 +505,4 @@ i {
right: 0;
z-index: 9;
cursor: inherit;
}
}