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

View file

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

View file

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