logo

Grimgrains

[mirror] Plant-based cooking website <https://grimgrains.com/>
commit: fd018226b8c6170ca289316bce3e5cee212f7e57
parent da3353301476c29ca4fb8b917aaa06b95af1ad8a
Author: Devine Lu Linvega <aliceffekt@gmail.com>
Date:   Wed, 25 Jul 2018 08:14:37 +1200

Added fafe

Diffstat:

Mlinks/main.css5+++++
Mscripts/nodes/query.js2+-
Mscripts/nodes/template.js2++
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