add stylesheet and navbar

shahriaarrr · shahriaarrr · commit f94d997c4882 · 2023-04-07T11:07:56.000+04:30
diff --git a/config/blog/templates/blog/base.html b/config/blog/templates/blog/base.html
@@ -2,9 +2,13 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <!-- stylesheet -->
+    <link rel="stylesheet" href="https://bootswatch.com/5/lux/bootstrap.min.css">
+
     <title>{% block title %}{% endblock %}shahriaarrr blog</title>
 </head>
 <body>
+    {% include 'blog/nav.html' %}
     {% block content %}
     {% endblock %}
 </body>
diff --git a/config/blog/templates/blog/nav.html b/config/blog/templates/blog/nav.html
@@ -0,0 +1,20 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+  <div class="container-fluid">
+    <a class="navbar-brand" href="{% url 'index' %}">shahriaarrr</a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarText">
+      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item">
+          <a class="nav-link" aria-current="page" href="#">Features</a>
+        </li>
+      </ul>
+      <ul class="navbar-nav">
+        <li class="nav-item">
+            <a class="nav-link" aria-current="page" href="#">Sign out</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
