From be0786db6838e687774def36fde6d7f674ca3773 Mon Sep 17 00:00:00 2001
From: Alexander Mahr <info@alexmahr.de>
Date: Sun, 29 Dec 2024 20:42:53 +0100
Subject: [PATCH] add simple counter via localStorage

---
 app/assets/index.html | 61 +++++++++++++++++--------------------------
 1 file changed, 24 insertions(+), 37 deletions(-)
diff --git a/app/assets/index.html b/app/assets/index.html
index 8cd029d..1c1ad7c 100644
--- a/app/assets/index.html
+++ b/app/assets/index.html
@@ -4,50 +4,37 @@
         <meta charset="UTF-8">
         <meta content="width=device-width,initial-scale=1.0" name="viewport">
     </head>
-    <style>
+<style>
 @keyframes wobble {
   0% {
    transform: scale(0.1);
-   /* transform: rotate(-5deg);
-    transform: rotate(5deg);*/
-    opacity:0.0
+   opacity:0.0
   }
-  22% {
-   transform: scale(2.0);
-  /*/  transform: rotate(-5deg);*/
-    opacity:1.0
-  }
-  99% {
+  100% {
    transform: scale(1.0);
-  /*/  transform: rotate(-5deg);*/
-    opacity:0.0
+   opacity:1.0
   }
 }
 </style>
-    <body style="  background: radial-gradient(#111, #000);">
-        <h1> SUPER</h1>
-        <script>
-            var count=0;
-            window.addEventListener("load",()=>{
-                function insert(){
-                    count++;
-                    var h2 = document.createElement("h2");
-                    h2.textContent=" "+ count + ". javascript works"
-                    h2.style.color="#"+Math.random().toString(16).slice(3,9);
-   //                 h2.style.transform="rotate("+((Math.random()*3600)|0)/10+"deg)";
-                    h2.style.fontSize=""+Math.random()*20+"pt";
-                    h2.style.textAlign="center";
-                    h2.style.animation="wobble 5s ease-in-out infinite alternate"
-                    document.body.insertBefore(h2,document.body.children[(document.body.children.length*Math.random())|0])
-//                    h2.scrollIntoView({"behavior":"smooth"});
-                    if(document.body.children.length>15){
-                        document.body.children[(document.body.children.length*Math.random())|0].remove();
-                    }
-                    setTimeout(()=>{window.requestAnimationFrame(insert);},100);
-                    
-                }
-                insert();
-            },false);
-        </script>
+    <body>
+        <h1>Webview</h1>
+<script>
+window.addEventListener("error",(error)=>{
+    document.body.innerHTML = "<h1>error</h1><pre>" +
+        error.filename +
+        "\nline:" + error.lineno +
+        "\n"+error.message +"</pre>";
+},false);
+
+    window.addEventListener("load",()=>{
+        var count = localStorage.getItem("app-opened-count")|| 0; 
+        count++;
+        localStorage.setItem("app-opened-count",count);
+        var h2 = document.createElement("h2");
+        h2.textContent = "Javascript works! (app was opened " + count + " times)";
+        h2.style.animation="wobble 1s ease-in-out 0s 1 forwards normal running"
+        document.body.appendChild(h2);
+    },false);
+</script>
     </body>
 </html>
