AirCard-IOS
diff --git a/web/public/apple-touch-icon.png b/web/public/apple-touch-icon.png
new file mode 100644
index 0000000..c8fa9c4
Binary files /dev/null and b/web/public/apple-touch-icon.png differ
diff --git a/web/public/favicon-32.png b/web/public/favicon-32.png
new file mode 100644
index 0000000..11290a5
Binary files /dev/null and b/web/public/favicon-32.png differ
diff --git a/web/public/favicon.svg b/web/public/favicon.svg
index 6b6c70f..e21f455 100644
--- a/web/public/favicon.svg
+++ b/web/public/favicon.svg
@@ -1 +1 @@
-
+
\ No newline at end of file
diff --git a/web/src/assets/marks/aircards-symbol.svg b/web/src/assets/marks/aircards-symbol.svg
index bad8629..2b07e64 100644
--- a/web/src/assets/marks/aircards-symbol.svg
+++ b/web/src/assets/marks/aircards-symbol.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/web/src/assets/marks/aircards-text.svg b/web/src/assets/marks/aircards-text.svg
index 85b8427..07963fd 100644
--- a/web/src/assets/marks/aircards-text.svg
+++ b/web/src/assets/marks/aircards-text.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/web/src/branding.test.ts b/web/src/branding.test.ts
new file mode 100644
index 0000000..ba5e1c7
--- /dev/null
+++ b/web/src/branding.test.ts
@@ -0,0 +1,49 @@
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { describe, expect, it } from 'vitest';
+import indexHtml from '../index.html?raw';
+
+const publicFile = (name: string) => readFileSync(resolve(import.meta.dirname, '../public', name));
+
+/** Breite, Höhe und Farbtyp aus dem IHDR-Block eines PNG (Farbtyp 2 = RGB ohne Alphakanal, 6 = RGBA). */
+function pngInfo(buf: Buffer) {
+ expect(buf.subarray(0, 8).toString('hex')).toBe('89504e470d0a1a0a');
+ expect(buf.subarray(12, 16).toString('ascii')).toBe('IHDR');
+ return { width: buf.readUInt32BE(16), height: buf.readUInt32BE(20), colorType: buf[25] };
+}
+
+describe('Name und Kopfbereich', () => {
+ it('Titel und Meta-Angaben nennen AirCard-IOS', () => {
+ expect(indexHtml).toContain('AirCard-IOS',
+ );
+ });
+
+ it('Fußzeilen-Hinweis bleibt unverändert', () => {
+ expect(indexHtml).toContain(
+ 'Inoffizielles Hobbyprojekt. Keine Verbindung zu Apple, Visa, Mastercard, UnionPay, American Express, JCB oder Discover. Alle Marken gehören ihren Inhabern.',
+ );
+ });
+});
+
+describe('Icon-Dateien', () => {
+ it('favicon-32.png ist 32 x 32', () => {
+ expect(pngInfo(publicFile('favicon-32.png'))).toMatchObject({ width: 32, height: 32 });
+ });
+
+ it('apple-touch-icon.png ist 180 x 180 und deckend (RGB ohne Alphakanal, kein transparenter Rand)', () => {
+ expect(pngInfo(publicFile('apple-touch-icon.png'))).toEqual({ width: 180, height: 180, colorType: 2 });
+ });
+});
diff --git a/web/src/card/marks.test.ts b/web/src/card/marks.test.ts
index d680ce3..34bb14b 100644
--- a/web/src/card/marks.test.ts
+++ b/web/src/card/marks.test.ts
@@ -29,7 +29,7 @@ describe('Registers', () => {
it('Labels stehen im Wortlaut der Vorlage in Reihenfolge', () => {
expect(NETWORK_MARKS.map((m) => m.label)).toEqual(NETWORK_LABELS);
- expect(BRAND_MARKS.map((m) => m.label)).toEqual(['AirCards · Symbol', 'AirCards · Text', 'Apple']);
+ expect(BRAND_MARKS.map((m) => m.label)).toEqual(['AirCard-IOS · Symbol', 'AirCard-IOS · Text', 'Apple']);
});
it('BRAND_MARKS: Logo-Gruppe, feste Reihenfolge', () => {
@@ -51,7 +51,7 @@ describe('Registers', () => {
it('getNetworkMark / getBrandMark finden den Eintrag', () => {
for (const id of NETWORK_IDS) expect(getNetworkMark(id).id).toBe(id);
expect(getBrandMark('apple').id).toBe('apple');
- expect(getBrandMark('aircards-text').label).toBe('AirCards · Text');
+ expect(getBrandMark('aircards-text').label).toBe('AirCard-IOS · Text');
});
});
@@ -163,12 +163,62 @@ describe('maxH', () => {
});
});
+describe('AirCard-IOS-Marken', () => {
+ const symbol = getBrandMark('aircards-symbol').svg;
+ const text = getBrandMark('aircards-text').svg;
+
+ it('Symbol: drei Karten mit Deckkraft .45/.7/1, Wellen als Maske aus der vorderen Karte geschnitten', () => {
+ expect(symbol).toContain('fill-opacity=".45"');
+ expect(symbol).toContain('fill-opacity=".7"');
+ expect(symbol).toMatch(/