almet/la-chariotte
1
0
Fork 0
mirror of https://framagit.org/la-chariotte/la-chariotte.git synced 2025-05-01 19:32:26 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix base template indentation and spacing

Browse source
This commit is contained in:
Alexis Métaireau 2023-08-12 20:04:37 +02:00 committed by Laetitia Getti
parent 59ad699edf
commit 30ea525619
1 changed files with 49 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

95
la_chariotte/templates/base.html
View file

@ -1,23 +1,25 @@
{% load static %} {% load static %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:type" content="website">
<meta property="og:locale" content="fr_FR" />
<meta property="og:site_name" content="La chariotte">
<meta property="og:url" content="{{ BASE_URL }}{{ request.path }}">
<title>{% block title %}{% endblock %} - La Chariotte</title> <head>
{% block css %} <meta charset="utf-8" />
<link rel="stylesheet" href="{% static 'css/app.css' %}"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{% static 'fork-awesome/css/fork-awesome.min.css' %}"> <meta property="og:type" content="website">
{% block extra_css %}{% endblock extra_css %} <meta property="og:locale" content="fr_FR" />
{% endblock css %} <meta property="og:site_name" content="La chariotte">
<link rel="shortcut icon" href="{% static 'img/icons/chariotte.ico' %}"> <meta property="og:url" content="{{ BASE_URL }}{{ request.path }}">
</head>
<body> <title>{% block title %}{% endblock %} - La Chariotte</title>
{% block css %}
<link rel="stylesheet" href="{% static 'css/app.css' %}">
<link rel="stylesheet" href="{% static 'fork-awesome/css/fork-awesome.min.css' %}">
{% block extra_css %}{% endblock extra_css %}
{% endblock css %}
<link rel="shortcut icon" href="{% static 'img/icons/chariotte.ico' %}">
</head>
<body>
<main> <main>
<!-- Top navbar --> <!-- Top navbar -->
<nav class="top-nav navbar"> <nav class="top-nav navbar">
@ -49,8 +51,8 @@
</div> </div>
</div> </div>
</nav> </nav>
<!-- End Top navbar --> <!-- End Top navbar -->
<!-- Side navbar --> <!-- Side navbar -->
<nav class="side-nav navbar is-fixed-top is-flex-desktop" role="navigation" aria-label="main navigation"> <nav class="side-nav navbar is-fixed-top is-flex-desktop" role="navigation" aria-label="main navigation">
<!-- Navbar brand : always visible (all screen sizes)--> <!-- Navbar brand : always visible (all screen sizes)-->
@ -60,11 +62,11 @@
</a> </a>
{% if user.is_authenticated %} {% if user.is_authenticated %}
<div class="navbar-item desktop-hidden"> <div class="navbar-item desktop-hidden">
<a class="button is-light" href="{% url 'order:index' %}"> <a class="button is-light" href="{% url 'order:index' %}">
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes <i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes
</a> </a>
</div> </div>
{% endif %} {% endif %}
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
@ -73,7 +75,7 @@
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
</a> </a>
</div> </div>
<!-- Navbar menu : only visible on desktop--> <!-- Navbar menu : only visible on desktop-->
<div id="navbarBasicExample" class="navbar-menu"> <div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start"> <div class="navbar-start">
@ -90,7 +92,7 @@
<i class="fa fa-plus-circle mr-3" aria-hidden="true"></i>Créer une commande groupée <i class="fa fa-plus-circle mr-3" aria-hidden="true"></i>Créer une commande groupée
</a> </a>
{% endif %} {% endif %}
<a class="navbar-item" href="{% url 'join_grouped_order' %}"> <a class="navbar-item" href="{% url 'join_grouped_order' %}">
<i class="fa fa-users mr-3" aria-hidden="true"></i>Rejoindre une commande groupée <i class="fa fa-users mr-3" aria-hidden="true"></i>Rejoindre une commande groupée
</a> </a>
@ -120,24 +122,25 @@
</nav> </nav>
<!-- End Navbar --> <!-- End Navbar -->
<div class="content"> <div class="content">
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</div> </div>
</main> </main>
</body> </body>
<footer class="footer"> <footer class="footer">
<div class="content has-text-centered columns"> <div class="content has-text-centered columns">
<div class="column"> <div class="column">
<p> <p>
<strong>La Chariotte</strong> | version 0.5.0 <strong>La Chariotte</strong> | version 0.5.0
</p> </p>
</div>
<div class="column">
<a href="{% url 'legal_notice' %}">Mentions légales</a>
</div>
</div> </div>
</footer> <div class="column">
<a href="{% url 'legal_notice' %}">Mentions légales</a>
</div>
</div>
</footer>
</html> </html>
<script> <script>
@ -146,22 +149,22 @@
// Get all "navbar-burger" elements // Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Add a click event on each of them // Add a click event on each of them
$navbarBurgers.forEach( el => { $navbarBurgers.forEach(el => {
el.addEventListener('click', () => { el.addEventListener('click', () => {
// Get the target from the "data-target" attribute // Get the target from the "data-target" attribute
const target = el.dataset.target; const target = el.dataset.target;
const $target = document.getElementById(target); const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active'); el.classList.toggle('is-active');
$target.classList.toggle('is-active'); $target.classList.toggle('is-active');
}); });
}); });
}); });
{% block extra_js %}{% endblock %} {% block extra_js %} {% endblock %}
</script> </script>