From fa56dd138aaa49111ab7458617d3c3db1d46edd8 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 3 Jan 2021 19:39:32 +0100
Subject: [PATCH] Use CSS to add navigation dots

---
 articles/static/public.css                           | 8 ++++++++
 articles/templates/articles/snippets/navigation.html | 5 -----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/articles/static/public.css b/articles/static/public.css
index c70db20..b9f573a 100644
--- a/articles/static/public.css
+++ b/articles/static/public.css
@@ -15,3 +15,11 @@ footer {
 footer > :first-child {
     margin-top: 1em;
 }
+
+nav a:not(:first-child):before {
+    content: '\00B7';
+    padding-right: 5px;
+    color: var(--nc-tx-1);
+    text-decoration: none;
+    display: inline-block;
+}
diff --git a/articles/templates/articles/snippets/navigation.html b/articles/templates/articles/snippets/navigation.html
index b56ac15..b56c455 100644
--- a/articles/templates/articles/snippets/navigation.html
+++ b/articles/templates/articles/snippets/navigation.html
@@ -1,15 +1,10 @@
 <nav>
     <a href="{% url 'articles-list' %}">Home</a>
-    &centerdot;
     <a href="{% url 'complete-feed' %}">RSS</a>
-    &centerdot;
     {% if user.is_authenticated %}
         <a href="{% url 'admin:articles_article_add' %}">Write</a>
-        &centerdot;
         <a href="{% url 'drafts-list' %}">View drafts <span class="pill">{{ drafts_count }}</span></a>
-        &centerdot;
         <a href="{% url 'admin:index' %}">Admin</a>
-        &centerdot;
         <a href="{% url 'admin:logout' %}?next={{ request.get_full_path }}">Log out</a>
     {% else %}
         <a href="{% url 'admin:login' %}?next={{ request.get_full_path }}">Log in</a>