Add distinctive icons to different sections

app/static/css/screen-dark.css

@@ -86,7 +86,7 @@ input[type="text"] {
     display: block;
     vertical-align: middle;
     overflow-y: auto;
-    margin-bottom: 10px;
+    margin: 10px;
     width: auto;
 }
 

app/templates/base.html

@@ -79,15 +79,20 @@
         </div>
 
         <div class="topline-search">
-        <strong>↳ search on:</strong>
+            <strong>↳ search on:</strong>
-            <a href="https://www.google.com/search?q={{q}}">g</a>
+                <a href="https://www.google.com/search?q={{q}}">g</a>
-            | <a href="https://www.duckduckgo.com/{{q}}">ddg</a>
+                | <a href="https://www.duckduckgo.com/{{q}}">ddg</a>
-            | <a href="https://en.wikipedia.org/wiki/Special:Search/{{q}}">wp</a>
+                | <a href="https://en.wikipedia.org/wiki/Special:Search/{{q}}">wp</a>
-            | <a href="https://twitter.com/search/?f=live&q={{q}}">tw</a>
+                | <a href="https://twitter.com/search/?f=live&q={{q}}">tw</a>
                 | <a href="https://github.com/search?q={{q}}">gh</a>
                 | <a href="http://encyclopedia.uia.org/en/problems?combine={{q}}">uia</a>
                 | <a href="https://www.pubpub.org/search?q={{q}}">pp</a>
         </div>
+
+        <div class="topline-search">
+            <strong>↳ in this agora ⬎</strong>
+        </div>
+
         </nav>
 
     <div class="content">

app/templates/context.html

@@ -1,5 +1,5 @@
 <div class="context">
-    <span class="context-header">Context for [[{{node}}]] ↓</span><br />
+    <span class="context-header">⥱ context</span><br />
 
 {% include "links.html" %}
 

app/templates/links.html

@@ -15,7 +15,7 @@
 -->
 
 <div class="links">
-    <span class="links-header">Links</span>
+    <span class="links-header">links</span>
     <div class="links-flex">
         <div class="backlinks">
             <span class="backlinks-header">← back</span><br />
@@ -79,7 +79,7 @@
 {% if annotations_enabled %}
 <div class="annotations">
     <div class="hypothesis">
-        <span class="backlinks-header">Web annotations</span><br />
+        <span class="backlinks-header">web annotations</span><br />
     {% if annotations.entries %}
         {% for annotation in annotations.entries %}
         <a href="{{annotation.link}}">Annotation</a> by <a href="https://hypothes.is">hypothes.is</a> user <a href="https://hypothes.is/users/{{annotation.author}}">{{annotation.author}}</a>

app/templates/node.html

@@ -16,11 +16,11 @@
 
 {% if not node.subnodes and not node.pushed_subnodes() %}
 <div class="node">
-    <span class="node-header">No Agora node found at [[{{qstr}}]]... yet :)</span>
+    <span class="node-header">No node found at [[{{qstr}}]]... yet :)</span>
     <div class="not-found">
         <ul>
         <li>
-            If you <a href="https://flancia.org/go/agora">contributed content</a> related to '{{qstr}}' to the Agora ), it would show up here :)
+            If you <a href="https://flancia.org/go/agora">contributed content</a> related to '{{qstr}}' to the agora , it would show up here :)
             <ul>
                 <li>
                     For example a note named <code>{{node}}.md</code> or an image named <code>{{node}}.jpg</code>. <a href="/node/sign-up"
@@ -45,7 +45,7 @@
 
 {% if node.subnodes %}
 <div class="node">
-<span class="node-header">Agora node <a href="/node/{{node.uri}}">[[{{node.uri}}]]</a> ↓</span>
+<span class="node-header">→ node <a href="/node/{{node.uri}}">[[{{node.uri}}]]</a></span>
 
 {% for subnode in node.subnodes %}
 <div class="subnode">
@@ -76,7 +76,7 @@
 
 {% for node in pull_nodes %}
 <div class="node">
-<span class="node-header">Pulled node <a href="/node/{{node.uri}}">[[{{node.uri}}]]</a> ↓</span>
+<span class="node-header">⥵ pulled node <a href="/node/{{node.uri}}">[[{{node.uri}}]]</a></span>
 
     {% if node.subnodes %}
         {% for subnode in node.subnodes %}

app/templates/stoa.html

@@ -15,7 +15,7 @@
 -->
 
 <div class="stoa">
-    <span class="stoa-header">Stoa for [[{{node.uri}}]] ↓</span><br />
+    <span class="stoa-header">⟴ stoa</span><br />
         <div class="stoa-public">
             <span class="subnode-header">from <a href="https://stoa.anagora.org/p/{{node.uri}}">stoa.anagora.org/p/{{node.uri}}</a></span><br />
             <iframe name="embed_readwrite" src="https://stoa.anagora.org/p/{{node.uri}}?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false" width="100%" height="800" frameborder="0"></iframe>