diff options
-rw-r--r-- | apioforum/static/style.css | 24 | ||||
-rw-r--r-- | apioforum/templates/base.html | 2 | ||||
-rw-r--r-- | apioforum/templates/view_thread.html | 8 |
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>™</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%} |