TODO.md

@@ -126,26 +126,20 @@
 
 ### open
 
--	unter die GPL stellen
+-	favicon checken: https://realfavicongenerator.net/favicon_checker
-	-	https://www.gnu.org/licenses/gpl-howto.html
+	-	Links zu den versch. favicons fkt. nicht: sie lauten /… statt /sr2ini/…
+	-	Lösung: parcel serve / parcel build braucht als --public-url "./" (statt "/"), dann werden die Links korrekt erzeugt
+	-	neues Problem: dann fkt. parcel serve aber nicht mehr; statt CSS/JS/favicon-Files wird jedes Mal index.html serviert
+	-	bekanntes Problem: https://github.com/parcel-bundler/parcel/issues/857
+	-	kein Workaround fkt für mich
+	-	was fkt: parcel serve durch anderen HTTP-Server ersetzen 
+		-	parcel build
+		-	im Dist-Verz.: python3 -m http.server
+		-	CORS-Fehler im Firefox vermeiden: about:config -> content.cors.disable = true
 
 -	sr2ini_ynh auf neue Version bringen
-	-	manifest: Version, tarball URL und sha256 ersetzen
+	-	Screenshot ersetzen
-	-	README.md: Version ersetzen
+	-	tarball ersetzen
-	-	ggf. doc/screenshots/sr2ini-screenshot.jpg ersetzen (960x640)
--	favicon checken: https://realfavicongenerator.net/favicon_checker
-	-	jetzt fkt. immer noch nicht die URLs im Icon manifest
-	-	x Links zu den versch. favicons fkt. nicht: sie lauten /… statt /sr2ini/…
-	-	x Lösung: parcel build braucht als --public-url "./" (statt "/"), dann werden die Links korrekt erzeugt
-	-		neues Problem: für parcel serve fkt. das nicht; statt CSS/JS/favicon-Files wird jedes Mal index.html serviert
-		-	edit: jetzt geht's wieder (nachdem ich sr2ini.iconmanifest zurückbenannt hatte nach site.webmanifest)
-		-	bekanntes Problem: https://github.com/parcel-bundler/parcel/issues/857
-		-	Workaround: weiter --public-url / verwenden 
-			-	WICHTIG: fürs Deployment muss ich dann immer die mit parcel build erzeugten Dateien verwenden
-		-	was auch geht, ist aber umständlich: parcel serve durch anderen HTTP-Server ersetzen 
-			-	parcel build
-			-	im Dist-Verz.: python3 -m http.server
-			-	CORS-Fehler im Firefox vermeiden: about:config -> content.cors.disable = true
 -	Deployment:
 	-	CI/CD: es gibt Jenkins für Yunohost 
 		-	hier ist ein Tutorial, um Jenkins und Gitea miteinander bekannt zu machen: https://mike42.me/blog/2019-05-how-to-integrate-gitea-and-jenkins 

icons/README.md

@@ -0,0 +1,21 @@
+# Your Favicon Package
+
+This package was generated with [RealFaviconGenerator](https://realfavicongenerator.net/) [v0.16](https://realfavicongenerator.net/change_log#v0.16)
+
+## Install instructions
+
+To install this package:
+
+Extract this package in the root of your web site. If your site is <code>http://www.example.com</code>, you should be able to access a file named <code>http://www.example.com/favicon.ico</code>.
+
+Insert the following code in the `head` section of your pages:
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#004aa5">
+    <meta name="msapplication-TileColor" content="#2b5797">
+    <meta name="theme-color" content="#ffffff">
+
+*Optional* - Check your favicon with the [favicon checker](https://realfavicongenerator.net/favicon_checker)

icons/html_code.html

@@ -0,0 +1,7 @@
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<link rel="manifest" href="/site.webmanifest">
+<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#004aa5">
+<meta name="msapplication-TileColor" content="#2b5797">
+<meta name="theme-color" content="#ffffff">

icons/sr2ini.iconmanifest

@@ -3,12 +3,12 @@
     "short_name": "sr2ini",
     "icons": [
         {
-            "src": "android-chrome-192x192.png",
+            "src": "/icons/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "android-chrome-512x512.png",
+            "src": "/icons/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }

package.json

@@ -26,7 +26,7 @@
   "scripts": {
     "start": "npx parcel serve src/index.html --public-url / --dist-dir dist",
     "clean": "rm -rf dist/ && rm -rf .parcel-cache/",
-    "build": "npx parcel build --no-optimize --public-url ./ --dist-dir dist",
+    "build": "npx parcel build --no-optimize --public-url ./",
     "test": "jest --coverage --env=jsdom",
     "webhint": "hint http://localhost:1234"
   },

src/index.html

@@ -14,14 +14,13 @@
 	
 	<script type="module" src="js/sr2ini.js"></script>
 
-	<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-touch-icon.png">
+	<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
-	<link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
-	<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
-	<link rel="manifest" href="../icons/site.webmanifest">
+	<link rel="manifest" href="/icons/sr2ini.iconmanifest">
-	<link rel="mask-icon" href="../icons/safari-pinned-tab.svg" color="#004aa5">
+	<link rel="shortcut icon" href="/icons/favicon.ico">
-	<link rel="shortcut icon" href="../icons/favicon.ico">
 	<meta name="msapplication-TileColor" content="#004aa5">
-	<meta name="msapplication-config" content="../icons/browserconfig.xml">
+	<meta name="msapplication-config" content="/icons/browserconfig.xml">
 	<meta name="theme-color" content="gold">
 </head>