fix qr code in light mode. lots of meta data

This commit is contained in:
Ricardo (XenGi) Band 2025-01-23 13:12:26 +01:00
commit 03cf04e771
No known key found for this signature in database
3 changed files with 32 additions and 5 deletions

View file

@ -13,7 +13,9 @@ pages:
- cp js/index.js public/js/index.js
- cp js/qr-creator.min.js public/js/qr-creator.min.js
- cp site.webmanifest public/site.webmanifest
- cp favicon.ico public/favicon.ico
- cp -r img public/
- cp sticker.png /public/img/sticker.png
artifacts:
paths:
- public

View file

@ -2,14 +2,39 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<!-- mobile app and bookmarks -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="BezahlBrudi">
<meta name="application-name" content="BezahlBrudi">
<!-- seo data -->
<meta name="description" lang="en" content="Webapp that generates GiroCodes so that you can easily exchange money with friends and family without involving third party financial services">
<meta name="keywords" lang="en" content="giro, sepa, money, finance">
<meta name="author" content="XenGi">
<link rel="canonical" href="https://bezahlbrudi.jetzt">
<!-- social media -->
<meta property="og:title" content="BezahlBrudi">
<meta property="og:description" content="Webapp that generates GiroCodes so that you can easily exchange money with friends and family without involving third party financial services">
<meta property="og:image" content="https://bezahlbrudi.jetzt/img/sticker.png">
<meta property="og:image:alt" content="Guy in a blue suit and cape presenting a smartphone showing a QR code pointing to the BezahlBrudi webapp">
<meta name="twitter:title" content="BezahlBrudi">
<meta name="twitter:description" content="Webapp that generates GiroCodes so that you can easily exchange money with friends and family without involving third party financial services">
<meta name="twitter:url" content="https://bezahlbrudi.jetzt/?src=twitter" />
<meta name="twitter:image:src" content="https://bezahlbrudi.jetzt/img/sticker.png" />
<meta name="twitter:image:alt" content="Guy in a blue suit and cape presenting a smartphone showing a QR code pointing to the BezahlBrudi webapp" />
<!-- icons and color -->
<meta name="theme-color" content="#ff0000">
<meta name="theme-scheme" content="dark light">
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon-96x96.png">
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
<link rel="shortcut icon" href="/img/favicon.ico">
<link rel="icon" type="image/svg+xml" sizes="any" href="/img/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="manifest" href="/site.webmanifest">
<title>BezahlBrudi</title>

View file

@ -187,8 +187,8 @@ ${document.querySelector("#purpose input").value}
`,
radius: 0.25,
ecLevel: "H",
fill: "#fff",
background: null,
fill: "#000",
background: "#fff",
size: 512
}, document.querySelector('#qr-code'));