From 55fd9da512d29d6d38988c69b8941486aec046c1 Mon Sep 17 00:00:00 2001
From: Flancian <0@flancia.org>
Date: Sat, 13 Mar 2021 13:31:42 +0100
Subject: [PATCH] Add distinctive icons to different sections

---
 app/static/css/screen-dark.css |  2 +-
 app/templates/base.html        | 15 ++++++++++-----
 app/templates/context.html     |  2 +-
 app/templates/links.html       |  4 ++--
 app/templates/node.html        |  8 ++++----
 app/templates/stoa.html        |  2 +-
 6 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/app/static/css/screen-dark.css b/app/static/css/screen-dark.css
index 6b61b21d6..bf617c4d5 100644
--- a/app/static/css/screen-dark.css
+++ b/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;
 }
 
diff --git a/app/templates/base.html b/app/templates/base.html
index 336b69da3..b742240c6 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -79,15 +79,20 @@
         </div>
 
         <div class="topline-search">
-        <strong>↳ search on:</strong>
-            <a href="https://www.google.com/search?q={{q}}">g</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://twitter.com/search/?f=live&q={{q}}">tw</a>
+            <strong>↳ search on:</strong>
+                <a href="https://www.google.com/search?q={{q}}">g</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://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">
diff --git a/app/templates/context.html b/app/templates/context.html
index bd84c61af..7b17033bc 100644
--- a/app/templates/context.html
+++ b/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" %}
 
diff --git a/app/templates/links.html b/app/templates/links.html
index 4e64d8836..35c5c2085 100644
--- a/app/templates/links.html
+++ b/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>
diff --git a/app/templates/node.html b/app/templates/node.html
index 0c7360ba7..1ebb31bc0 100644
--- a/app/templates/node.html
+++ b/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 %}
diff --git a/app/templates/stoa.html b/app/templates/stoa.html
index b13d67b17..f5caeacb3 100644
--- a/app/templates/stoa.html
+++ b/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>