From 6e0d2f3cc0431c8bad2c9ed1c2bbfd8cc8d03690 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Sat, 10 Sep 2022 04:25:59 +0300
Subject: [PATCH] better loading animation...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 pwiki2.html | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/pwiki2.html b/pwiki2.html
index 982de49..83b34dc 100755
--- a/pwiki2.html
+++ b/pwiki2.html
@@ -81,8 +81,8 @@ body.loading .page.spinner {
 	animation: fadein 1s 1;
 }
 body.loading .page.spinner span {
-	font-size: 1.5em;
-	animation: loading 3s infinite ;
+	font-size: 4em;
+	animation: loading 2s infinite ;
 	animation-delay: calc(0.2s * var(--i));
 }
 @keyframes fadein {
@@ -232,8 +232,7 @@ require(['./browser'], function(browser){
 		pwiki.location = decodeURI(location.hash).slice(1) }) }) 
 
 
-// XXX make this a 2 stage save -- first cache and then save to store...
-// XXX versioning???
+// XXX versioning??
 var SAVE_TIMEOUT = 5000
 var SAVE_QUEUE = {}
 var saveContent = 
@@ -291,16 +290,9 @@ var exportData = async function(){
 </div>
 
 <div class="page spinner">
-	<span style="--i:0">l</span>
-	<span style="--i:1">o</span>
-	<span style="--i:2">a</span>
-	<span style="--i:3">d</span>
-	<span style="--i:4">i</span>
-	<span style="--i:5">n</span>
-	<span style="--i:6">g</span>
-	<span style="--i:7">.</span>
-	<span style="--i:8">.</span>
-	<span style="--i:9">.</span>
+	<span style="--i:0">.</span>
+	<span style="--i:1">.</span>
+	<span style="--i:2">.</span>
 </div>
 
 </body>