aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMatthew Lemon <y@yulqen.org>2024-09-15 17:29:13 +0100
committerMatthew Lemon <y@yulqen.org>2024-09-15 17:29:13 +0100
commit0d3ae1492e1a88db69437cd277b7cf11c4e6274a (patch)
treec9defbdf94aa6b5b0b56cd163ddf21a18b1c327a
parent0215424d7980b46369c95fabf46a89f57c940e0d (diff)
wip: really bad cart icon but it will do for now
Diffstat
-rw-r--r--pyblackbird_cc/templates/base.html165
1 files changed, 91 insertions, 74 deletions
diff --git a/pyblackbird_cc/templates/base.html b/pyblackbird_cc/templates/base.html
index 2e52b67..20c2934 100644
--- a/pyblackbird_cc/templates/base.html
+++ b/pyblackbird_cc/templates/base.html
@@ -51,6 +51,8 @@
{% endblock javascript %}
</head>
<body>
+
+
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-white">
<div class="container-fluid">
@@ -61,9 +63,24 @@
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
+
+
<div class="collapse navbar-collapse" id="navbarNav">
+
<ul class="navbar-nav ms-auto">
<li class="nav-item">
+ <div class="d-flex align-items-end mx-1 p-1 px-3 text-white rounded rounded-sm bg-primary">
+ <div>
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-2" width="32" height="32">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
+ </svg>
+ </div>
+ <div class="fw-bold">
+ Cart
+ </div>
+ </div>
+ </li>
+ <li class="nav-item">
<a class="nav-link text-dark fw-bold" href="{% url "resources:resource_list" %}">Resources</a>
</li>
<li class="nav-item">
@@ -73,11 +90,11 @@
</li>
<li class="nav-item">
<a class="nav-link text-dark fw-bold" href="https://joannalemon.etsy.com/"
- target="_blank">Etsy</a>
+ target="_blank">Etsy</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark fw-bold" href="https://blog.joannalemon.com"
- target="_blank">Blog</a>
+ target="_blank">Blog</a>
</li>
</ul>
</div>
@@ -87,84 +104,84 @@
</header>
<main>
{% block body %}
- {% if messages %}
- {% for message in messages %}
- <div class="alert alert-dismissible {% if message.tags %}alert-{{ message.tags }}{% endif %}">
- {{ message }}
- <button type="button"
- class="btn-close"
- data-bs-dismiss="alert"
- aria-label="Close"></button>
+ {% if messages %}
+ {% for message in messages %}
+ <div class="alert alert-dismissible {% if message.tags %}alert-{{ message.tags }}{% endif %}">
+ {{ message }}
+ <button type="button"
+ class="btn-close"
+ data-bs-dismiss="alert"
+ aria-label="Close"></button>
+ </div>
+ {% endfor %}
+ {% endif %}
+ {% block main %}
+ <div class="container">
+ {% block content %}
+ {% endblock content %}
+ <footer class="pt-4 my-md-5 pt-md-5 border-top">
+ <div class="row">
+ <div class="col-12 col-md">
+ <img class="mb-2" src="#" alt="" width="24" height="19">
+ <small class="d-block mb-3 text-muted">&copy; 2024</small>
+ </div>
+ <div class="col-6 col-md">
+ <h5>Features</h5>
+ <ul class="list-unstyled text-small">
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Cool stuff</a>
+ </li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Random
+ feature</a></li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Team
+ feature</a></li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Stuff for
+ developers</a></li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Another one</a>
+ </li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Last time</a>
+ </li>
+ </ul>
+ </div>
+ <div class="col-6 col-md">
+ <h5>Pages on this site</h5>
+ <ul class="list-unstyled text-small">
+ <li class="mb-1"><a class="link-secondary text-decoration-none"
+ href="{% url "resources:resource_list" %}">Resources</a></li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Resource
+ name</a></li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Another
+ resource</a></li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Final
+ resource</a></li>
+ </ul>
+ </div>
+ <div class="col-6 col-md">
+ <h5>About</h5>
+ <ul class="list-unstyled text-small">
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Team</a></li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Locations</a>
+ </li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Privacy</a>
+ </li>
+ <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Terms</a></li>
+ </ul>
</div>
- {% endfor %}
- {% endif %}
- {% block main %}
- <div class="container">
- {% block content %}
- {% endblock content %}
- <footer class="pt-4 my-md-5 pt-md-5 border-top">
- <div class="row">
- <div class="col-12 col-md">
- <img class="mb-2" src="#" alt="" width="24" height="19">
- <small class="d-block mb-3 text-muted">&copy; 2024</small>
- </div>
- <div class="col-6 col-md">
- <h5>Features</h5>
- <ul class="list-unstyled text-small">
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Cool stuff</a>
- </li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Random
- feature</a></li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Team
- feature</a></li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Stuff for
- developers</a></li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Another one</a>
- </li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Last time</a>
- </li>
- </ul>
- </div>
- <div class="col-6 col-md">
- <h5>Pages on this site</h5>
- <ul class="list-unstyled text-small">
- <li class="mb-1"><a class="link-secondary text-decoration-none"
- href="{% url "resources:resource_list" %}">Resources</a></li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Resource
- name</a></li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Another
- resource</a></li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Final
- resource</a></li>
- </ul>
- </div>
- <div class="col-6 col-md">
- <h5>About</h5>
- <ul class="list-unstyled text-small">
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Team</a></li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Locations</a>
- </li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Privacy</a>
- </li>
- <li class="mb-1"><a class="link-secondary text-decoration-none" href="#">Terms</a></li>
- </ul>
- </div>
- </div>
- </footer>
-
</div>
- {% endblock main %}
+ </footer>
+
+ </div>
+ {% endblock main %}
{% endblock body %}
</main>
<!-- /container -->
{% block modal %}
{% endblock modal %}
{% block inline_javascript %}
- {% comment %}
- Script tags with only code, no src (defer by default). To run
- with a "defer" so that you run inline code:
- <script>
- #
+{% comment %}
+Script tags with only code, no src (defer by default). To run
+with a "defer" so that you run inline code:
+<script>
+ #
} {
# window.addEventListener('DOMContentLoaded', () => {
#
@@ -175,8 +192,8 @@
});
#
}
- </script>
- {% endcomment %}
+</script>
+{% endcomment %}
{% endblock inline_javascript %}
</body>
</html>
generated by cgit v1.2.3 (git 2.25.1) at 2025-01-06 20:59:04 +0000