diff --git a/.github/workflows/deploy-pages.yml b/.github/workflows/deploy-pages.yml index cbc05af..fc18fcb 100644 --- a/.github/workflows/deploy-pages.yml +++ b/.github/workflows/deploy-pages.yml @@ -156,7 +156,7 @@ jobs: no_script_style_path="${RUNNER_TEMP}/pages-no-script.css" app_path="${RUNNER_TEMP}/pages-versorgungs-kompass.html" registration_path="${RUNNER_TEMP}/pages-versorgungs-netzwerk.html" - root_share_image_path="${RUNNER_TEMP}/mitmachen-share-v1.png" + root_share_image_path="${RUNNER_TEMP}/mitmachen-share-v2.png" network_share_image_path="${RUNNER_TEMP}/versorgungs-netzwerk-share-v1.png" curl --fail "${curl_retry_args[@]}" \ @@ -181,7 +181,7 @@ jobs: curl --fail "${curl_retry_args[@]}" \ "${page_root}/data/data-service.js?${cache_buster}" >/dev/null root_share_content_type="$(curl --fail "${curl_retry_args[@]}" \ - "${page_root}/public/media/social/mitmachen-share-v1.png?${cache_buster}" \ + "${page_root}/public/media/social/mitmachen-share-v2.png?${cache_buster}" \ --output "$root_share_image_path" --write-out '%{content_type}')" network_share_content_type="$(curl --fail "${curl_retry_args[@]}" \ "${page_root}/public/media/social/versorgungs-netzwerk-share-v1.png?${cache_buster}" \ @@ -228,7 +228,7 @@ jobs: canonical: "https://timofrank.github.io/mitmachen/", title: "Jetzt #Mitmachen: Gemeinsam Versorgung besser machen", description: "Entdecken Sie vier Kompasse, die Menschen, Wissen und Ideen verbinden – in einer öffentlichen Demo mit ausschließlich fiktiven Daten.", - image: "https://timofrank.github.io/mitmachen/public/media/social/mitmachen-share-v1.png" + image: "https://timofrank.github.io/mitmachen/public/media/social/mitmachen-share-v2.png" }], ["Versorgungs-Netzwerk", registrationHtml, { canonical: "https://timofrank.github.io/mitmachen/mitmachen/versorgungs-netzwerk.html", diff --git a/dokumentation/assets/social/README.md b/dokumentation/assets/social/README.md index 02d455b..4f25cd8 100644 --- a/dokumentation/assets/social/README.md +++ b/dokumentation/assets/social/README.md @@ -3,8 +3,9 @@ Die HTML-Dateien in diesem Ordner sind die reproduzierbaren Browserquellen für die 1200 × 630 Pixel großen Open-Graph-Bilder der öffentlichen `#Mitmachen`-Demo. -- `mitmachen-share-v1.html` rendert - `public/media/social/mitmachen-share-v1.png`. +- `mitmachen-share-v1.html` dokumentiert die erste veröffentlichte Fassung. +- `mitmachen-share-v2.html` rendert die aktuelle + `public/media/social/mitmachen-share-v2.png`. - `versorgungs-netzwerk-share-v1.html` rendert `public/media/social/versorgungs-netzwerk-share-v1.png`. - `share-card-preview.html` zeigt beide Bilder zusammen mit den zugehörigen diff --git a/dokumentation/assets/social/mitmachen-share-v2.html b/dokumentation/assets/social/mitmachen-share-v2.html new file mode 100644 index 0000000..3a26fbb --- /dev/null +++ b/dokumentation/assets/social/mitmachen-share-v2.html @@ -0,0 +1,156 @@ + + + + + + + #Mitmachen – Share-Vorschau + + + +
+
+ #Mitmachen + Demo +
+ +
+

Gemeinsam
Versorgung
besser machen.

+ +
+
+ + diff --git a/dokumentation/assets/social/share-card-preview.html b/dokumentation/assets/social/share-card-preview.html index 8ffaaf9..d59b134 100644 --- a/dokumentation/assets/social/share-card-preview.html +++ b/dokumentation/assets/social/share-card-preview.html @@ -170,7 +170,7 @@

#Mitmachen-Linkvorschauen

Öffentliche Demo

- +
timofrank.github.io

Jetzt #Mitmachen: Gemeinsam Versorgung besser machen

diff --git a/dokumentation/assets/social/share-card-thumbnail-check.html b/dokumentation/assets/social/share-card-thumbnail-check.html index 3025725..ff790be 100644 --- a/dokumentation/assets/social/share-card-thumbnail-check.html +++ b/dokumentation/assets/social/share-card-thumbnail-check.html @@ -106,7 +106,7 @@

Abnahme im Messenger-Maßstab

300 × 158
Pixel

- #Mitmachen-Vorschau in 300 mal 158 Pixel + #Mitmachen-Vorschau in 300 mal 158 Pixel
#Mitmachen
@@ -120,7 +120,7 @@

Abnahme im Messenger-Maßstab

160 × 84
Pixel

- #Mitmachen-Vorschau in 160 mal 84 Pixel + #Mitmachen-Vorschau in 160 mal 84 Pixel
#Mitmachen
diff --git a/public/brand/asset-manifest.json b/public/brand/asset-manifest.json index 09b8543..a0617bb 100644 --- a/public/brand/asset-manifest.json +++ b/public/brand/asset-manifest.json @@ -143,12 +143,20 @@ }, { "path": "public/media/social/mitmachen-share-v1.png", - "role": "public-demo-social-preview", + "role": "public-demo-social-preview-legacy", "owner": "Versorgungs-CRM project", "source": "browser-rendered from dokumentation/assets/social/mitmachen-share-v1.html", "status": "approved-for-public-demo", "mayBeModified": true }, + { + "path": "public/media/social/mitmachen-share-v2.png", + "role": "public-demo-social-preview", + "owner": "Versorgungs-CRM project", + "source": "browser-rendered from dokumentation/assets/social/mitmachen-share-v2.html", + "status": "approved-for-public-demo", + "mayBeModified": true + }, { "path": "public/media/social/versorgungs-netzwerk-share-v1.png", "role": "registration-demo-social-preview", diff --git a/public/media/social/mitmachen-share-v2.png b/public/media/social/mitmachen-share-v2.png new file mode 100644 index 0000000..60d18b6 Binary files /dev/null and b/public/media/social/mitmachen-share-v2.png differ diff --git a/scripts/audit_public_assets.mjs b/scripts/audit_public_assets.mjs index 6cfed83..e3354ec 100644 --- a/scripts/audit_public_assets.mjs +++ b/scripts/audit_public_assets.mjs @@ -131,9 +131,9 @@ const shareContracts = [ url: `${pagesBaseUrl}/`, title: "Jetzt #Mitmachen: Gemeinsam Versorgung besser machen", description: "Entdecken Sie vier Kompasse, die Menschen, Wissen und Ideen verbinden – in einer öffentlichen Demo mit ausschließlich fiktiven Daten.", - image: `${pagesBaseUrl}/public/media/social/mitmachen-share-v1.png`, - imageAlt: "#Mitmachen: Gemeinsam Versorgung besser machen – mit vier Kompassen in einer öffentlichen Demo.", - imagePath: "public/media/social/mitmachen-share-v1.png" + image: `${pagesBaseUrl}/public/media/social/mitmachen-share-v2.png`, + imageAlt: "#Mitmachen: Gemeinsam Versorgung besser machen – großes Hashtag-Signet auf dunkelblauem Hintergrund.", + imagePath: "public/media/social/mitmachen-share-v2.png" }, { documents: ["mitmachen/versorgungs-netzwerk.html"], @@ -232,6 +232,7 @@ const requiredFiles = new Set([ "public/hospitation/mitmachen-hospitations-framework.pdf", "public/media/demo/mitmachen/versorgungs-netzwerk-concept.svg", "public/media/social/mitmachen-share-v1.png", + "public/media/social/mitmachen-share-v2.png", "public/media/social/versorgungs-netzwerk-share-v1.png" ]); diff --git a/scripts/build_static_frontend.sh b/scripts/build_static_frontend.sh index e7d038d..5ef6e4f 100755 --- a/scripts/build_static_frontend.sh +++ b/scripts/build_static_frontend.sh @@ -250,6 +250,7 @@ EOF cp "$ROOT_DIR/public/brand/versorgungs-kompass/mark-on-dark.svg" "$STAGE_DIR/public/brand/versorgungs-kompass/mark-on-dark.svg" cp "$ROOT_DIR/public/media/demo/mitmachen/versorgungs-netzwerk-concept.svg" "$STAGE_DIR/public/media/demo/mitmachen/versorgungs-netzwerk-concept.svg" cp "$ROOT_DIR/public/media/social/mitmachen-share-v1.png" "$STAGE_DIR/public/media/social/mitmachen-share-v1.png" + cp "$ROOT_DIR/public/media/social/mitmachen-share-v2.png" "$STAGE_DIR/public/media/social/mitmachen-share-v2.png" cp "$ROOT_DIR/public/media/social/versorgungs-netzwerk-share-v1.png" "$STAGE_DIR/public/media/social/versorgungs-netzwerk-share-v1.png" cp "$ROOT_DIR/public/manifest.pages.webmanifest" "$STAGE_DIR/manifest.webmanifest" for asset in mitmachen-hospitations-framework.docx mitmachen-hospitations-framework.pdf; do @@ -372,8 +373,8 @@ const rootShareMetadata = { url: `${pagesBaseUrl}/`, title: "Jetzt #Mitmachen: Gemeinsam Versorgung besser machen", description: "Entdecken Sie vier Kompasse, die Menschen, Wissen und Ideen verbinden – in einer öffentlichen Demo mit ausschließlich fiktiven Daten.", - image: `${pagesBaseUrl}/public/media/social/mitmachen-share-v1.png`, - imageAlt: "#Mitmachen: Gemeinsam Versorgung besser machen – mit vier Kompassen in einer öffentlichen Demo." + image: `${pagesBaseUrl}/public/media/social/mitmachen-share-v2.png`, + imageAlt: "#Mitmachen: Gemeinsam Versorgung besser machen – großes Hashtag-Signet auf dunkelblauem Hintergrund." }; appHtml = injectShareMetadata(appHtml, rootShareMetadata); fs.writeFileSync(appPath, appHtml); diff --git a/scripts/test_deployment_separation.mjs b/scripts/test_deployment_separation.mjs index e81a552..c05f6da 100644 --- a/scripts/test_deployment_separation.mjs +++ b/scripts/test_deployment_separation.mjs @@ -96,7 +96,8 @@ try { assert.equal(fs.existsSync(path.join(pagesDir, "data", "runtime-config.js")), true, "Pages muss eine explizite Demo-Runtime enthalten"); assert.equal(fs.existsSync(path.join(pagesDir, "vendor", "leaflet", "leaflet.js")), true, "Pages muss die Kartenbibliothek enthalten"); assert.equal(fs.existsSync(path.join(pagesDir, "vendor", "xlsx", "xlsx.bundle.js")), true, "Pages muss die Exportbibliothek der Voll-App enthalten"); - assert.equal(fs.existsSync(path.join(pagesDir, "public", "media", "social", "mitmachen-share-v1.png")), true, "Pages muss das #Mitmachen-Share-Bild enthalten"); + assert.equal(fs.existsSync(path.join(pagesDir, "public", "media", "social", "mitmachen-share-v1.png")), true, "Pages muss das bisherige #Mitmachen-Share-Bild fuer bestehende Vorschauen behalten"); + assert.equal(fs.existsSync(path.join(pagesDir, "public", "media", "social", "mitmachen-share-v2.png")), true, "Pages muss das aktuelle #Mitmachen-Share-Bild enthalten"); assert.equal(fs.existsSync(path.join(pagesDir, "public", "media", "social", "versorgungs-netzwerk-share-v1.png")), true, "Pages muss das Netzwerk-Share-Bild enthalten"); const pagesRootHtml = fs.readFileSync(path.join(pagesDir, "index.html"), "utf8"); const pagesAliasHtml = fs.readFileSync(path.join(pagesDir, "versorgungs-kompass.html"), "utf8"); @@ -111,7 +112,7 @@ try { assert.match(pagesRootHtml, //); assert.match(pagesRootHtml, //); assert.match(pagesRootHtml, //); - assert.match(pagesRootHtml, //); + assert.match(pagesRootHtml, //); assert.match(pagesRootHtml, //); assert.match(pagesRootHtml, /\.\/data\/demo-data\.js[\s\S]*\.\/data\/demo-api\.js[\s\S]*\.\/data\/data-service\.js/); assert.doesNotMatch(pagesRootHtml, /data-public-entry="home"|data-public-entry-styles|>\s*Demo öffnen(?:\s|<)/i); @@ -119,7 +120,7 @@ try { const pagesDemoAliasHtml = fs.readFileSync(path.join(pagesDir, "demo", "index.html"), "utf8"); assert.match(pagesDemoAliasHtml, /url=\.\.\/#home/); assert.match(pagesDemoAliasHtml, //); - assert.match(pagesDemoAliasHtml, //); + assert.match(pagesDemoAliasHtml, //); assert.match( fs.readFileSync(path.join(pagesDir, "versorgungs-kompass.html"), "utf8"), /href="\.\/public\/brand\/mitmachen\/icons\/app-icon-32\.png"/ @@ -261,7 +262,7 @@ try { assert.match(`${auditResult.stderr}\n${auditResult.stdout}`, /Public Asset Audit FAILED/); fs.writeFileSync(pagesConfigPath, cleanPagesConfig); - const pagesShareImagePath = path.join(pagesDir, "public", "media", "social", "mitmachen-share-v1.png"); + const pagesShareImagePath = path.join(pagesDir, "public", "media", "social", "mitmachen-share-v2.png"); const cleanPagesShareImage = fs.readFileSync(pagesShareImagePath); fs.writeFileSync(pagesShareImagePath, cleanPagesShareImage.subarray(0, 24)); auditResult = spawnSync(process.execPath, [publicAudit, "--artifact-root", pagesDir], { @@ -391,6 +392,7 @@ try { "enrollment.css", "enrollment.js", "public/media/social/mitmachen-share-v1.png", + "public/media/social/mitmachen-share-v2.png", "public/media/social/versorgungs-netzwerk-share-v1.png" );