summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--apioforum/static/style.css24
-rw-r--r--apioforum/templates/base.html2
-rw-r--r--apioforum/templates/view_thread.html8
3 files changed, 28 insertions, 6 deletions
diff --git a/apioforum/static/style.css b/apioforum/static/style.css
index 07936d2..21fc5ef 100644
--- a/apioforum/static/style.css
+++ b/apioforum/static/style.css
@@ -79,11 +79,11 @@ dt { font-weight: bold }
img { max-width: 100% }
-nav { float: right; padding: 5px; margin: 2px; border: 1px solid black; display:flex; align-items: center; flex-wrap: wrap }
-nav p { margin-left: 15px; margin-top: 0; margin-bottom: 0; margin-right: 10px; padding: 0 }
-nav p:first-of-type { margin-left:0.5em }
-nav a { color: blue; text-decoration: none }
-nav .links { display: flex; }
+nav#navbar { float: right; padding: 5px; margin: 2px; border: 1px solid black; display:flex; align-items: center; flex-wrap: wrap }
+nav#navbar p { margin-left: 15px; margin-top: 0; margin-bottom: 0; margin-right: 10px; padding: 0 }
+nav#navbar p:first-of-type { margin-left:0.5em }
+nav#navbar a { color: blue; text-decoration: none }
+nav#navbar .links { display: flex; }
/* todo: make the navbar less bad */
.flashmsg { border: 1px solid black; background-color: yellow; max-width: max-content; padding: 5px; clear: both;}
@@ -194,3 +194,17 @@ blockquote {
padding: 1px 3px;
border: 1px solid black;
}
+
+.breadcrumbs {
+ list-style: none;
+}
+
+.breadcrumbs li {
+ display: inline;
+}
+
+.breadcrumbs li+li::before {
+ content: "/\00a0";
+ padding: 8px;
+}
+
diff --git a/apioforum/templates/base.html b/apioforum/templates/base.html
index 637cc09..f462df2 100644
--- a/apioforum/templates/base.html
+++ b/apioforum/templates/base.html
@@ -9,7 +9,7 @@
<link rel="icon" href="//gh0.pw/favicon.ico">
</head>
<body>
- <nav>
+ <nav id="navbar">
<p style="font-family: monospace;"><b>apio</b><i>forum</i>&trade;</p>
<form class="search-form" action="/search">
<input type="search" placeholder="query" name="q">
diff --git a/apioforum/templates/view_thread.html b/apioforum/templates/view_thread.html
index fb62880..ded2d52 100644
--- a/apioforum/templates/view_thread.html
+++ b/apioforum/templates/view_thread.html
@@ -2,6 +2,14 @@
{% extends 'base.html' %}
{% block header %}
<h1>{%block title %}{{thread.title}}{% endblock %}</h1>
+<nav aria-label="Breadcrumb">
+<ol class="breadcrumbs">
+ <li><a href="{{url_for('index')}}">apioforum</a></li>
+ <li><a href="#">the</a></li>
+ <li>the</li>
+</ol>
+</nav>
+
{% endblock %}
{%block content%}