From 0000a16f7960a6e9b80b27a3ac439691c7dd95fb Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Wed, 30 Oct 2024 16:57:10 +0000
Subject: wip: styling the navbar - badly

---
 alphabetlearning/templates/base.html | 102 +++++++++++++++++------------------
 1 file changed, 50 insertions(+), 52 deletions(-)

(limited to 'alphabetlearning/templates')

diff --git a/alphabetlearning/templates/base.html b/alphabetlearning/templates/base.html
index 2979f33..693a839 100644
--- a/alphabetlearning/templates/base.html
+++ b/alphabetlearning/templates/base.html
@@ -37,62 +37,60 @@
                 <a href="{% url "home" %}">
                     <img src="{% static "images/AL_long_logo_black_grey.png" %}" width=300px alt="Alphabet Learning Logo">
                 </a>
-                <div>
-                    <ul>
-                        <li>
-                            {% if request.user.is_authenticated %}
-                            <a href="{% url "users:detail" request.user.id %}">{{ request.user }}</a>
-                            {% else %}
-                            <a href="{% url "account_login" %}">Log in</a>
-                            {% endif %}
-                        </li>
+                <ul>
 
-                        <li>
-                            <a href="{% url "resources:resource_list" %}">Resources</a>
-                        </li>
-                        <li>
-                            <a href="https://www.tes.com/teaching-resources/shop/joannalemon"
-                               target="_blank">TES Shop</a>
-                        </li>
-                        <li>
-                            <a href="https://joannalemon.etsy.com/" target="_blank">Etsy</a>
-                        </li>
-                        <li>
-                            <a href="https://blog.joannalemon.com" target="_blank">Blog</a>
-                        </li>
-                        <li>
-                            {% if request.user.is_authenticated %}
-                            <a href="{% url "account_logout" %}">Log out</a>
-                            {% endif %}
-                        </li>
-                        <li>
-                            {% if request.user.shoppingcart %}
+                    <li>
+                        <a href="{% url "resources:resource_list" %}">Resources</a>
+                    </li>
+                    <li>
+                        <a href="https://www.tes.com/teaching-resources/shop/joannalemon"
+                           target="_blank">TES Shop</a>
+                    </li>
+                    <li>
+                        <a href="https://joannalemon.etsy.com/" target="_blank">Etsy</a>
+                    </li>
+                    <li>
+                        <a href="https://blog.joannalemon.com" target="_blank">Blog</a>
+                    </li>
+                    <li>
+                        {% if request.user.is_authenticated %}
+                        <a href="{% url "account_logout" %}">Log out</a>
+                        {% endif %}
+                    </li>
+                    <li>
+                        {% if request.user.is_authenticated %}
+                        <a href="{% url "users:detail" request.user.id %}">My profile</a>
+                        {% else %}
+                        <a href="{% url "account_login" %}">Log in</a>
+                        {% endif %}
+                    </li>
+                    <li>
+                        {% if request.user.shoppingcart %}
 
-                            <!- TODO - fix this, the logic should be different button if no cart ->
-                            <! this is a problem because it seems you can have an empty cart ->
-                                <a href="{% url "payments:cart_detail" %}" class="full-basket-button">
-                                    <span>
-                                        Items in cart (
-                                        {{ request.user.shoppingcart.items.count }}
-                                        )
-                                    </span>
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-bag" viewBox="0 0 16 16">
-                                        <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/>
-                                    </svg>
-                                </a>
+                        <div>
+                        <a href="{% url "payments:cart_detail" %}">
+                            <span>
+                                Items in cart (
+                                {{ request.user.shoppingcart.items.count }}
+                                )
+                            </span>
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-bag" viewBox="0 0 16 16">
+                                <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/>
+                            </svg>
+                        </a>
+                        </div>
 
-                            {% else %}
+                        {% else %}
 
-                                <button disabled><span class="fw-bold px-1">Empty Basket</span>	
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-bag-x" viewBox="0 0 16 16">
-                                        <path fill-rule="evenodd" d="M6.146 8.146a.5.5 0 0 1 .708 0L8 9.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 10l1.147 1.146a.5.5 0 0 1-.708.708L8 10.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 10 6.146 8.854a.5.5 0 0 1 0-.708"/>
-                                        <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/>
-                                    </svg>
-                                </button>
-                            {% endif %}
-                        </li>
-                    </ul>
-                </div>
+                        <div class="empty-basket">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-bag-x" viewBox="0 0 16 16">
+                                <path fill-rule="evenodd" d="M6.146 8.146a.5.5 0 0 1 .708 0L8 9.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 10l1.147 1.146a.5.5 0 0 1-.708.708L8 10.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 10 6.146 8.854a.5.5 0 0 1 0-.708"/>
+                                <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/>
+                            </svg>
+                        </div>
+                        {% endif %}
+                    </li>
+                </ul>
             </nav>
             <div></div>
         </header>
-- 
cgit v1.2.3