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.

18
src/index.html
View file

@ -1,20 +1,21 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta name="viewport" content="min-width=400px, width=device-width, initial-scale = 1.0, maximum-scale=1.0" <meta
charset="utf-8" /> 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="./style.css" />
<script src="https://kit.fontawesome.com/c6918a20c8.js" crossorigin="anonymous"></script> <link rel="stylesheet" href="../assets/font-awesome.css" />
<link rel="stylesheet" href="https://use.typekit.net/iqo1nim.css">
<title>HertzSCHLAG Archiv</title> <title>HertzSCHLAG Archiv</title>
<link rel="icon" type="image/png" href="../assets/favicon.png" /> <link rel="icon" type="image/png" href="/assets/favicon.png" />
</head> </head>
<body> <body>
<div id="header"> <div id="header">
<img src="../assets/hertzlinie_l.svg" class="welle-l" /> <img src="/assets/hertzlinie_l.svg" class="welle-l" />
<img src="../assets/hertzlinie_r.svg" class="welle-r" /> <img src="/assets/hertzlinie_r.svg" class="welle-r" />
<div id="innerHeader"> <div id="innerHeader">
<a href="#"> <a href="#">
<h1>HertzSCHLAG Archiv</h1> <h1>HertzSCHLAG Archiv</h1>
@ -33,5 +34,4 @@
</div> </div>
<script src="./script.ts" type="module"></script> <script src="./script.ts" type="module"></script>
</body> </body>
</html> </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); const ausg = json.hertzblatt.find((i) => i["Ausgabe"] == params.id);
if (ausg === undefined) { if (ausg === undefined) {
console.warn(params.id, "not found"); throw new Error(params.id + " not found");
return;
} }
let pagehtml = ` let pagehtml = `
@ -24,13 +23,13 @@ export default function AusgabeHertzblatt(params) {
if (ausg.Web) if (ausg.Web)
pagehtml += `<a class="button" href="${ausg.Web}"> pagehtml += `<a class="button" href="${ausg.Web}">
<i class="fas fa-link"></i>Link <i class="fa fa-link"></i>Link
</a>`; </a>`;
const skeleton = document.createElement("div"); const skeleton = document.createElement("div");
skeleton.innerHTML = ` skeleton.innerHTML = `
<a class="button-skeleton"><i class="fas fa-file-pdf"></i><span>PDF Anzeigen</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="fas fa-download"></i><span>Download</span></a> <a class="button-skeleton"><i class="fa fa-download"></i><span>Download</span></a>
`; `;
ret.innerHTML = pagehtml; ret.innerHTML = pagehtml;
ret.appendChild(skeleton); ret.appendChild(skeleton);
@ -43,16 +42,16 @@ export default function AusgabeHertzblatt(params) {
// prettier-ignore // prettier-ignore
` `
<a class="button" href="#hertzblatt/${ausg.Ausgabe}/pdf"> <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> </a>
<button> <button>
<i class="fas fa-download"></i>Download <i class="fa fa-download"></i>Download
<div class="dropdown"> <div class="dropdown">
<a onclick="window.open('${json.baseUrl}hertzblatt/pdf/compressed/${ausg.Ausgabe}.pdf', '_self');"> <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>
<a onclick="window.open('${json.baseUrl}hertzblatt/pdf/${ausg.Ausgabe}.pdf', '_self');"> <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> </a>
</div> </div>
</button> </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); const ausg = json.hertzschlag.find((i) => i["Ausgabe"] == params.id);
if (ausg === undefined) { if (ausg === undefined) {
console.warn(params.id, "not found"); throw new Error(params.id + " not found");
return;
} }
let pagehtml = ` let pagehtml = `
@ -31,8 +30,8 @@ export default function AusgabeHertzschlag(params) {
const skeleton = document.createElement("div"); const skeleton = document.createElement("div");
skeleton.innerHTML = ` skeleton.innerHTML = `
<a class="button-skeleton"><i class="fas fa-file-pdf"></i><span>PDF Anzeigen</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="fas fa-download"></i><span>Download</span></a> <a class="button-skeleton"><i class="fa fa-download"></i><span>Download</span></a>
`; `;
ret.innerHTML = pagehtml; ret.innerHTML = pagehtml;
ret.appendChild(skeleton); ret.appendChild(skeleton);
@ -45,16 +44,16 @@ export default function AusgabeHertzschlag(params) {
// prettier-ignore // prettier-ignore
` `
<a class="button" href="#hertzschlag/${ausg["Ausgabe"]}/pdf"> <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> </a>
<button> <button>
<i class="fas fa-download"></i>Download <i class="fa fa-download"></i>Download
<div class="dropdown"> <div class="dropdown">
<a href="${json.downloadUrl}hertzschlag/pdf/compressed/${ausg["Ausgabe"]}.pdf"> <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>
<a href="${json.downloadUrl}hertzschlag/pdf/${ausg["Ausgabe"]}.pdf"> <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> </a>
</div> </div>
</button> </button>

2
src/modules/page.ts
View file

@ -3,7 +3,7 @@ export default function Page(content: HTMLElement) {
el.classList.add("page"); el.classList.add("page");
el.innerHTML = 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); el.appendChild(content);
return el; return el;

12
src/script.ts
View file

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

18
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 { html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
@ -185,10 +196,13 @@ button,
} }
.button-skeleton { .button-skeleton {
background: linear-gradient(90deg, background: linear-gradient(
90deg,
rgb(250, 250, 250) 0%, rgb(250, 250, 250) 0%,
rgb(230, 230, 230) 50%, 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; background-repeat: no-repeat;
animation: skeleton-loading 1s infinite; animation: skeleton-loading 1s infinite;
} }