Move (mostly) to div-based layout, plus make color scheme less flat

(dark mode only).
This commit is contained in:
Flancian 2020-11-16 19:45:31 +01:00
parent 7719d4d9c1
commit b9ed7296f6
7 changed files with 71 additions and 15 deletions

View file

@ -14,17 +14,15 @@
* limitations under the License.
*/
body { font-family: sans-serif; background: #1f1f1f; color: #bfbfbf}
body { font-family: sans-serif; background: #101010; color: #bfbfbf}
a, h1, h2 { color: #9fc6e0; }
h1, h2 { font-family: 'Georgia', serif; margin: 0; }
h1 { border-bottom: 2px solid #eee; }
h1, h2 { font-family: serif; margin-top: 0.2em; margin-bottom: 0.2em;}
/*h1 { border-bottom: 1px solid #cfcfcf; } */
h2 { font-size: 1.2em; }
.page { margin: 2em auto; width: 35em; border: 5px solid #ccc;
padding: 0.8em; background: white; }
.entries { list-style: none; margin: 0; padding: 0; }
.entries li { margin: 0.8em 1.2em; }
.entries li h2 { margin-left: -1em; }
.add-entry { font-size: 0.9em; border-bottom: 1px solid #ccc; }
.add-entry dl { font-weight: bold; }
.metanav { text-align: right; font-size: 0.8em; padding: 0.3em;
@ -42,3 +40,48 @@ h2 { font-size: 1.2em; }
.wikilink:after {
content: "]]"
}
.subnode {
font-family: sans-serif;
background: #1f1f1f;
color: #cfcfcf;
padding: 10px;
margin-bottom: 10px;
border-radius: 10px;
}
/*.subnode li { margin: 0.8em 1.2em; }*/
/*.subnode li h2 { margin-left: -1em; }*/
.subnode-header {
font-style: italic;
text-align: center;
margin-bottom: 1em;
}
.backlinks {
display: inline-block;
font-family: sans-serif;
/*background: #1f1f2f; */
background: #161616;
color: #cfcfcf;
padding: 10px;
margin-bottom: 10px;
border-radius: 10px;
}
.backlinks-header {
font-style: italic;
text-align: center;
margin-bottom: 1em;
}
.listing {
display: inline-block;
background: #161616;
font-family: sans-serif;
color: #cfcfcf;
padding: 10px;
margin-bottom: 10px;
border-radius: 10px;
}

View file

@ -42,6 +42,8 @@
</span>
<br />
<hr>
<div class="content">
{% block content %}
{% endblock %}
</div>
</html>

View file

@ -16,6 +16,7 @@
{% extends "base.html" %}
{% block content %}
<div class="subnode">
Ahoy, matey!<br />
<br />
This is the <strong>Agora v{{version}}</strong>.<br />
@ -33,4 +34,5 @@ The <a href="/node/wikilink">[[wikilink]]</a> is the heart of the Agora. <a href
<br /><br />
For more information, please visit the <a href="https://flancia.org/go/agora">Agora repository.</a> If you're interested in knowing what's coming, please refer to <a href="https://anagora.org/node/agora-plan">Agora plan</a>.
</div>
{% endblock %}

View file

@ -25,15 +25,17 @@ Go back to <a href="/nodes">/nodes</a>?
{% endif %}
{% for subnode in subnodes %}
From <a href="/@{{subnode.user}}">@{{subnode.user}}</a>: <a href="{{subnode.url}}">{{subnode.uri}}</a><br />
<div class="subnode">
<span class="subnode-header">Subnode <a href="{{subnode.url}}">{{subnode.uri}}</a> by <a href="/@{{subnode.user}}">@{{subnode.user}}</a></span>
{{ subnode.content|markdown|linkify|safe }}
<hr />
</div>
{% endfor %}
<br />
<em>Backlinks:</em><br />
<div class="backlinks">
<span class="backlinks-header">Backlinks (subnodes linking to {{wikilink}})</span><br />
{% for subnode in backlinks %}
{{ subnode.uri }}: <a href="{{subnode.url}}">{{subnode.wikilink}}</a><br />
{% endfor %}
</div>
{% endblock %}

View file

@ -15,9 +15,11 @@
-->
{% extends "base.html" %}
<h1> Nodes </h1>
{% block content %}
<div class="listing">
<h1> Nodes </h1>
{% for node in nodes %}
<a href="{{node.url}}">{{node.wikilink}}</a> ({{node.size()}})<br />
{% endfor %}
</div>
{% endblock %}

View file

@ -22,14 +22,16 @@ No subnode found matching '{{subnode}}'.
Go back to <a href="/nodes">/nodes</a>, <a href="/subnodes">/nodes</a>?
{% endif %}
Subnode: <a href="/@{{subnode.user}}">@{{subnode.user}}</a> on {{subnode.wikilink}}: <a href="{{subnode.url}}">(self)</a> <a href="/node/{{subnode.wikilink}}">(go to node)</a><br />
<div class="subnode">
<span class="subnode-header">Subnode by <a href="/@{{subnode.user}}">@{{subnode.user}}</a> in node <a href="/node/{{subnode.wikilink}}">{{subnode.wikilink}}</a></span><br />
{{ subnode.content|markdown|linkify|safe }}
<hr />
</div>
<br />
<em>Backlinks:</em><br />
<div class="backlinks">
<span class="backlinks-header">Backlinks (subnodes linking to {{subnode.wikilink}})</span>
{% for subnode in backlinks %}
{{ subnode.uri }}: <a href="{{subnode.url}}">{{subnode.wikilink}}</a><br />
{% endfor %}
</div>
{% endblock %}

View file

@ -15,8 +15,9 @@
-->
{% extends "base.html" %}
<h1> Subnodes </h1>
{% block content %}
<div class="listing">
<h1> Subnodes </h1>
{% if not subnodes %}
No subnodes found for the given term or path.
<br /><br />
@ -26,4 +27,6 @@ Go back to <a href="/nodes">/nodes</a>?
{% for subnode in subnodes %}
(user: {{subnode.user}}) {{ subnode.uri }}: <a href="{{subnode.url}}">{{subnode.wikilink}}</a><br />
{% endfor %}
</div>
{% endblock %}