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 %}
<!DOCTYPE html>
<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>
{% 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>
<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>
{% 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>
<!-- Top navbar -->
<nav class="top-nav navbar">
@ -49,8 +51,8 @@
</div>
</div>
</nav>
<!-- End Top navbar -->
<!-- End Top navbar -->
<!-- Side navbar -->
<nav class="side-nav navbar is-fixed-top is-flex-desktop" role="navigation" aria-label="main navigation">
<!-- Navbar brand : always visible (all screen sizes)-->
@ -60,11 +62,11 @@
</a>
{% if user.is_authenticated %}
<div class="navbar-item desktop-hidden">
<a class="button is-light" href="{% url 'order:index' %}">
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes
</a>
</div>
<div class="navbar-item desktop-hidden">
<a class="button is-light" href="{% url 'order:index' %}">
<i class="fa fa-shopping-basket mr-3" aria-hidden="true"></i>Mes commandes
</a>
</div>
{% endif %}
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
@ -73,7 +75,7 @@
<span aria-hidden="true"></span>
</a>
</div>
<!-- Navbar menu : only visible on desktop-->
<div id="navbarBasicExample" class="navbar-menu">
<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
</a>
{% endif %}
<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
</a>
@ -120,24 +122,25 @@
</nav>
<!-- End Navbar -->
<div class="content">
{% block content %}
{% endblock %}
{% block content %}
{% endblock %}
</div>
</main>
</body>
</body>
<footer class="footer">
<div class="content has-text-centered columns">
<div class="column">
<p>
<strong>La Chariotte</strong> | version 0.5.0
</p>
</div>
<div class="column">
<a href="{% url 'legal_notice' %}">Mentions légales</a>
</div>
<footer class="footer">
<div class="content has-text-centered columns">
<div class="column">
<p>
<strong>La Chariotte</strong> | version 0.5.0
</p>
</div>
</footer>
<div class="column">
<a href="{% url 'legal_notice' %}">Mentions légales</a>
</div>
</div>
</footer>
</html>
<script>
@ -146,22 +149,22 @@
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Add a click event on each of them
$navbarBurgers.forEach( el => {
$navbarBurgers.forEach(el => {
el.addEventListener('click', () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
});
{% block extra_js %}{% endblock %}
{% block extra_js %} {% endblock %}
</script>