now fade-in should work better on slow devices...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
2023-08-18 02:58:23 +03:00 · 2023-08-18 02:58:23 +03:00 · 2c243b4132
commit 2c243b4132
parent 5de338af1b
2 changed files with 13 additions and 2 deletions
--- a/README.md
+++ b/README.md
@ -15,6 +15,7 @@
 	- ~~draggable?~~ (needs tweaking)
 	- ~~handle wrapping better (collapsed / expandend)~~  
 	  might still need to resize to content on multiline...
+- Lightbox: hide cursor on timeout...
 - Lightbox: hover indicators: 
 	- start/end (a-la ImageGrid.Viewer??)
 	- next/prev
--- a/grid-n-view.html
+++ b/grid-n-view.html
@ -11,8 +11,13 @@
 <script src="grid-n-view.js"></script>

 <style>
+body.splash {
+	opacity: 0;
+}
+
 /* fade-in body... */
-body {
+/* XXX add real splash screen... */
+body:not(.splash) {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
@ -46,10 +51,15 @@ var restoreScroll = function(){
 				(sessionStorage.windowScrollX ?? 0)*1, 
 				sessionStorage.windowScrollY*1) }, SCROLL_TIMEOUT ?? 100) }

+var pageSetup = function(){
+	setup()
+	restoreScroll()
+	document.body.classList.remove('splash') }
+
 </script>

 </head>
-<body onload="setup(); restoreScroll()">
+<body onload="pageSetup()" class="splash">


 <h3>Keyboard controls</h3>