1
0
forked from icd/mt940-mbank-ts

feat: add ICD logo

This commit is contained in:
Mateusz 2025-08-10 13:40:56 +02:00
parent 1190d17217
commit 89579664c2
3 changed files with 29 additions and 1 deletions

View File

@ -4,7 +4,7 @@
<title>mBank mt940 konwerter</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.yellow.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.css" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
@ -43,6 +43,10 @@
</section>
<footer>
<div id="icd-logo-container">
<div id="icd-logo"></div>
</div>
<p>
Aplikacja została wykonana przez
<a target="_blank" href="https://www.internet-czas-dzialac.pl/">
@ -51,9 +55,11 @@
i&nbsp;jest utrzymywana przez
<a target="_blank" href="https://www.sealcode.it/">Sealcode</a>
</p>
<p>
<a target="_blank" href="https://git.internet-czas-dzialac.pl/icd/mt940-mbank-ts">Kod źródłowy</a>
</p>
<small>
Wykorzystuje czcionkę
<a target="_blank" href="https://brailleinstitute.org/freefont">Atkinson Hyperlegible</a>

BIN
public/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -48,3 +48,25 @@ header {
#theme-toggle[dark]::before {
content: "🌙";
}
#icd-logo {
height: 30px;
aspect-ratio: 1200/319;
background-color: white;
mask-image: url("logo.png");
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
-webkit-mask-image: url("logo.png");
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: center;
}
#icd-logo-container {
background-color: black;
padding: 1em;
width: fit-content;
margin: 0 auto;
margin-bottom: 1em;
}