Add nav, work around limited backlink space on mobile.

This commit is contained in:
Flancian 2020-12-21 13:24:03 +01:00
parent 7e0829da68
commit 4b8a6ada90
3 changed files with 10 additions and 9 deletions

View file

@ -94,7 +94,7 @@ h2 { font-size: 1.2em; }
.backlinks {
/*background: #1f1f2f; */
float: left;
width: 20%;
width: 50%;
}
.pushlinks {
@ -125,7 +125,9 @@ h2 { font-size: 1.2em; }
.links-header {
font-weight: bold;
text-align: left;
margin-bottom: 1em;
margin-left: 0.2em;
}
.listing {

View file

@ -35,22 +35,21 @@
<script async src="https://hypothes.is/embed.js"></script>
<script src="https://hypothes.is/embed.js" async></script>
</head>
<span align=left>
<a href="/"><img src="/static/img/agora.png" class="logo" style="vertical-align: top" width="19" height="19"></a> |
</span>
<span align=left>
<a href="/nodes">nodes</a>
<body>
<nav class="navigation">
<a href="/"><img src="/static/img/agora.png" class="logo" style="vertical-align: top" width="19" height="19"></a>
| <a href="/nodes">nodes</a>
| <a href="/journals">journals</a>
| <a href="/users">users</a>
| <a href="/latest">latest</a>
| <a href="/search">search</a>
| <a href="#" style="text-decoration: none;" class="theme-toggle">🌙</a>
| <a href="/node/agora-help" style="text-decoration: none;" class="help-button"></a>
</span>
<br />
</nav>
<hr>
<div class="content">
{% block content %}
{% endblock %}
</div>
</body>
</html>

View file

@ -40,8 +40,8 @@ Try listing <a href="/nodes">nodes</a> or perhaps <a href="/search">search</a>.
{% endif %}
<!-- this should be an include -->
<span class="links-header">Links</span><br />
<div class="links">
<span class="links-header">Links</span>
{% if backlinks %}
<div class="backlinks">
<span class="backlinks-header">← back</span><br />