diff --git a/.vscode/settings.json b/.vscode/settings.json index bcbb7b7..9c332cb 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -25,6 +25,7 @@ "anypalette", "apng", "APNGs", + "appinstalled", "Aragonés", "Asụsụ", "autosave", @@ -38,6 +39,7 @@ "Bahasa", "Bamanankan", "Basa", + "beforeinstallprompt", "bepis", "Bgau", "bgcolor", @@ -361,6 +363,7 @@ "Runa", "Rundi", "Sami", + "sandboxed", "sandboxing", "Sango", "Sardu", diff --git a/about.html b/about.html index c352658..a5fa66c 100644 --- a/about.html +++ b/about.html @@ -176,17 +176,48 @@

Desktop Version

built with Electron

- Now, I don't know why you would want to use this rather than MS Paint, Paint.NET, or Krita, - but if you want to, you can download manually - install the desktop version of JS Paint. + There is demand for a desktop version of JS Paint. + I have put in 99% of the work on this (integration with the file system, wallpaper setting, + inter-process communication, etc.), but I have not released it yet. +

+

+ If you are motivated, you can + manually install + the desktop app, by cloning the repository and following development setup + instructions.

Download Under Construction - +
+

Progressive Web App

+ JS Paint on a phone +

+ Alternatively, you can install JS Paint as a PWA (Progressive Web App), + but this does not yet support offline use + (as it doesn't include a Service Worker). + It's more like a bookmark (for now), except it runs in a special window. +

+

+ The user interface for installing PWAs differs by browser and operating system. +

+

+ On most desktop browsers, the install prompt is in the URL bar. + On mobile, the install prompt is generally found in the menu of browser options. + See + Installing PWAs for visual guidance. +

+ + +
+

Textual Paint

@@ -325,6 +356,37 @@ }); document.querySelector("#feeding-text").removeAttribute("hidden"); + + \ No newline at end of file diff --git a/images/about/monitor.png b/images/about/monitor.png new file mode 100644 index 0000000..4984da3 Binary files /dev/null and b/images/about/monitor.png differ diff --git a/styles/about.css b/styles/about.css index a40e7e6..33b6de5 100644 --- a/styles/about.css +++ b/styles/about.css @@ -56,8 +56,10 @@ a[href^="https://98.js.org"]:focus #wooden-window-frame { background-repeat: repeat; } -#desktop-app-section * { +#desktop-app-section h2, +#desktop-app-section p { background-color: yellow; + padding: 5px; } .os-icon {