diff --git a/.github/workflows/deploy-web.yaml b/.github/workflows/deploy-web.yaml index 168d32e..7f1a23a 100644 --- a/.github/workflows/deploy-web.yaml +++ b/.github/workflows/deploy-web.yaml @@ -60,11 +60,11 @@ jobs: # The gate this pipeline needs now that there is nothing here that can # fail to build: a page whose data file is missing deploys exactly like a # working one — it just says "the catalogue could not be loaded" to every - # visitor. Assert the four files and a non-trivial index before uploading. + # visitor. Assert the five files and a non-trivial index before uploading. - name: Check the artefact is complete run: | cd web - for f in index.html stack.css stack.js apps.json; do + for f in index.html stack.css stack.js apps.json favicon.ico; do test -s "$f" || { echo "deploy-web: $f is missing or empty"; exit 1; } done node -e ' diff --git a/web/README.md b/web/README.md index c52cdf9..0e42f69 100644 --- a/web/README.md +++ b/web/README.md @@ -10,6 +10,7 @@ system actually runs. Published by the web/index.html the page — one file, no framework web/stack.css one stylesheet, light and dark off one set of custom properties web/stack.js filtering and drawing — plain ES2020, no dependencies +web/favicon.ico the abap2UI5 logo in the tab (see below) web/apps.json generated, NOT committed (see below) ``` @@ -49,6 +50,22 @@ keeps every package at or below it. The counts are in the labels, so what an older system costs is visible before the click. Filters live in the URL, so a search is linkable. +## The icon in the tab + +`favicon.ico` is the abap2UI5 logo — the same mark +[the documentation](https://abap2ui5.github.io/docs/) puts in the tab, so the +four pages of the project read as one project in a row of browser tabs rather +than as three anonymous ones beside it. + +It is the artwork of `docs/public/favicon.ico` in +[abap2UI5/docs](https://github.com/abap2UI5/docs), rescaled: that file is one +256 px frame stored uncompressed, 265 KB, which is twenty times this whole page +for something a browser draws at 16 px. This one carries 16/32/48/64/128 px as +PNG frames in ~16 KB, so every size the browser asks for is a frame that was +drawn for it and none of them is squashed — the source is 256 × 251, not +square, so a single frame is what a browser distorts. Identical in all three +sample repositories. + ## The bar at the top is shared, and so is the strip at the bottom Three repositories publish three pages that answer three different questions, diff --git a/web/favicon.ico b/web/favicon.ico new file mode 100644 index 0000000..d6eb7ad Binary files /dev/null and b/web/favicon.ico differ diff --git a/web/index.html b/web/index.html index 53bb3dc..926fe8f 100644 --- a/web/index.html +++ b/web/index.html @@ -5,7 +5,11 @@