Grimgrains

commit: 4efaecb86edc3e0ee8dbc3980631c4a92717b015
parent 4dbc331c1bba0bd90d23cd58ecac0d50eb4857be
Author: Devine Lu Linvega <aliceffekt@gmail.com>
Date:   Mon, 23 Jul 2018 16:31:35 +1200

Added header

Diffstat:
M
links/main.css
12
++++++++++--
M
scripts/graph.js
2
+-
M
scripts/nodes/query.js
2
+-

3 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/links/main.css b/links/main.css
@@ -9,9 +9,17 @@ 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 #header { margin-bottom:60px;}
-#view #header #logo img { max-width: 240px; display: block; margin:0px auto; }
+#view #header { }
+#view #header #logo a { cursor: pointer; transition: all 250ms; }
+#view #header #logo a:hover { opacity: 0.7 }
+#view #header #logo a img { max-width: 240px; display: block; margin:0px auto; margin-bottom:30px; }
+#view #header list { display: block;text-align: center;line-height: 30px; padding-bottom:15px; }
+#view #header list a { display: inline-block; font-family: 'alte_haas_grotesk_bold'; font-size:14px; line-height: 30px; border-bottom:2px solid transparent }
+#view #header list a:hover { border-bottom:2px solid black }
 #view #header #search { display: none }
+#view.home #header list a.home { border-bottom-color: black}
+#view.about #header list a.about { border-bottom-color: black}
+#view.tools #header list a.tools { border-bottom-color: black}
 
 #view #core { margin-bottom:30px; }
 
diff --git a/scripts/graph.js b/scripts/graph.js
@@ -24,7 +24,7 @@ function graph()
     Ø("document").create({x:2,y:2},DocumentNode),
     Ø("view").create({x:2,y:6},DomNode),
     Ø("header").create({x:2,y:11},DomNode),
-    Ø("logo").create({x:2,y:16},DomNode,"wr",`<a href='#home' onclick="Ø('query').bang('home')"><img src='media/interface/logo.png'/></a>`),
+    Ø("logo").create({x:2,y:16},DomNode,"wr",`{{<img src='media/interface/logo.png'/>|Home}}<list><a class="local home" onclick="Ø('query').bang('Home')">Home</a> • <a class="local about" onclick="Ø('query').bang('About')">About</a> • <a class="local tools" onclick="Ø('query').bang('Tools')">Tools</a> • <a href='http://twitter.com/grimgrains' target='_blank'>Twitter</a></list>`.to_markup()),
     Ø("menu").create({x:6,y:16},DomNode,"list"),
     Ø("core").create({x:10,y:11},DomNode),
     Ø("content").create({x:10,y:16},DomNode),
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 = "loading"
+    Ø("view").el.className = target.to_path()
     
     this.label = `${this.id}|${target}`
     this.send(target)