Grimgrains

commit: fd018226b8c6170ca289316bce3e5cee212f7e57
parent da3353301476c29ca4fb8b917aaa06b95af1ad8a
Author: Devine Lu Linvega <aliceffekt@gmail.com>
Date:   Wed, 25 Jul 2018 08:14:37 +1200

Added fafe

Diffstat:
M
links/main.css
5
+++++
M
scripts/nodes/query.js
2
+-
M
scripts/nodes/template.js
2
++

3 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/links/main.css b/links/main.css
@@ -9,6 +9,11 @@ h1,h2,h3,h4 { font-weight: normal; font-family: 'alte_haas_grotesk_bold'; margin
 
 #view { max-width: 900px; margin:0px auto; padding:90px 30px; }
 
+#view.loading { opacity: 0 }
+#view.loading #header #photo { opacity: 0 }
+#view.ready { opacity: 1; transition: opacity 250ms }
+#view.ready #header #photo { opacity: 1 }
+
 #view #header { }
 #view #header #logo a { cursor: pointer; transition: all 250ms; }
 #view #header #logo a:hover { opacity: 0.7 }
diff --git a/scripts/nodes/query.js b/scripts/nodes/query.js
@@ -9,7 +9,7 @@ function QueryNode(id,rect)
   {
     var target = input.to_url() === '' ? 'home' : input.to_url()
 
-    Ø("view").el.className = target.to_path()
+    Ø("view").el.className = `${target.to_path()} loading`
     
     this.label = `${this.id}|${target}`
     this.send(target)
diff --git a/scripts/nodes/template.js b/scripts/nodes/template.js
@@ -16,5 +16,7 @@ function TemplateNode(id,rect)
   
     // Install Dom
     document.body.appendChild(this.signal("view").answer())
+
+    setTimeout(()=>{ Ø("view").el.className = `${q.name} ready` },250)
   }
 }
 \ No newline at end of file