feat: Enhance accessibility and improve navbar styles in base.html
This commit is contained in:
@@ -6,7 +6,8 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Document</title>
|
<meta name="description" content="Sitio web de comercio local Almeriense">
|
||||||
|
<title>Comercialmeria</title>
|
||||||
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
||||||
|
|
||||||
<noscript>
|
<noscript>
|
||||||
@@ -78,7 +79,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{% cache 500 sidebar request.user.username %}
|
{% cache 500 sidebar request.user.username %}
|
||||||
<nav class="navbar navbar-expand-md header">
|
<nav class="navbar navbar-expand-md header" role="banner">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<a class="navbar-brand" href="{% url 'home' %}">
|
<a class="navbar-brand" href="{% url 'home' %}">
|
||||||
<picture>
|
<picture>
|
||||||
@@ -100,7 +101,7 @@
|
|||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="navbarContent">
|
<div class="collapse navbar-collapse" id="navbarContent">
|
||||||
<span class="navbar-text fw-semibold me-3">Comercialmeria</span>
|
<span class="navbar-text fw-semibold me-3" style="color: #ffffff">Comercialmeria</span>
|
||||||
<!-- Barra de búsqueda con sugerencias -->
|
<!-- Barra de búsqueda con sugerencias -->
|
||||||
<form class="search-suggestions-container" method="GET" action="{% url 'search' %}" role="search" id="searchForm">
|
<form class="search-suggestions-container" method="GET" action="{% url 'search' %}" role="search" id="searchForm">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
@@ -110,7 +111,7 @@
|
|||||||
<div class="search-suggestions" id="searchSuggestions"></div>
|
<div class="search-suggestions" id="searchSuggestions"></div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div class="navbar-nav ms-auto d-flex align-items-md-center gap-2 flex-wrap">
|
<div class="navbar-nav ms-auto d-flex align-items-md-center gap-2 flex-wrap" role="navigation">
|
||||||
<a href="{% url 'view_cart' %}" class="nav-link position-relative btn btn-outline-primary btn-sm">
|
<a href="{% url 'view_cart' %}" class="nav-link position-relative btn btn-outline-primary btn-sm">
|
||||||
🛒 Carrito
|
🛒 Carrito
|
||||||
{% if cart_count > 0 %}
|
{% if cart_count > 0 %}
|
||||||
@@ -134,7 +135,7 @@
|
|||||||
</nav>
|
</nav>
|
||||||
{% endcache %}
|
{% endcache %}
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid" role="main">
|
||||||
<!-- Mensajes -->
|
<!-- Mensajes -->
|
||||||
{% if messages %}
|
{% if messages %}
|
||||||
<div class="row mt-3">
|
<div class="row mt-3">
|
||||||
@@ -154,7 +155,7 @@
|
|||||||
|
|
||||||
{% cache 500 footer %}
|
{% cache 500 footer %}
|
||||||
<!-- Footer-->
|
<!-- Footer-->
|
||||||
<div id="footer" class="row pt-2 pb-2 mt-5">
|
<div id="footer" class="row pt-2 pb-2 mt-5" role="contentinfo">
|
||||||
<div class="col-md-12 grid">
|
<div class="col-md-12 grid">
|
||||||
<p class="text-center">Enlace 1</p>
|
<p class="text-center">Enlace 1</p>
|
||||||
<p class="text-center">Enlace 2</p>
|
<p class="text-center">Enlace 2</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user