claudep/beesgospel
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: claudep:dc792aa0097c4fec158487dd2ece7036f9bd2808
Branches Tags
claudep:master
...
compare: claudep:7f68b88fd90ecbb42bb65060a252568a4b86b2d1
Branches Tags
claudep:master

2 commits
dc792aa009 ... 7f68b88fd9

Author SHA1 Message Date
Claude Paroz 7f68b88fd9 Affichage menu hamburger sur accueil 2025-09-06 20:19:37 +02:00
Claude Paroz 10d84fcf27 Déplacement abeille sur page accueil 2025-09-06 20:18:54 +02:00
3 changed files with 18 additions and 7 deletions
Show stats Expand all files Collapse all files

11
beesgospel/static/css/main.css
View file

@ -8,7 +8,14 @@ body {
background: #333; background: #333;
overflow-x: hidden; overflow-x: hidden;
} }
body.home { background: black; } body.home .navbar .logo-container, body.home .navbar .harlow {
display: none;
}
body.home .navbar-brand {
width: 100%;
}
body.home .nav-sep { display: none; }
a { a {
color: #ffab82; color: #ffab82;
} }
@ -35,7 +42,7 @@ nav {
.hometitle { font-size: 280%; } .hometitle { font-size: 280%; }
} }
@media only screen and (max-width : 500px) { @media only screen and (max-width : 500px) {
.logo-container img { width: 70px; } img#abeille { width: 75px; }
} }
.alert-danger { background-color: #FFD79C; } .alert-danger { background-color: #FFD79C; }
.main-text { max-width: 100vw; } .main-text { max-width: 100vw; }

4
templates/base.html
View file

@ -10,10 +10,10 @@
</head> </head>
<body class="{% block bodyclass %}{% endblock %}"> <body class="{% block bodyclass %}{% endblock %}">
{% block header %} {% block header %}
<nav class="navbar navbar-expand-lg bg-dark border-bottom border-body sticky-top" data-bs-theme="dark"> <nav class="navbar {% block navbar-expand %}navbar-expand-lg{% endblock %} bg-dark border-bottom border-body sticky-top" data-bs-theme="dark">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-brand d-flex align-items-center"> <div class="navbar-brand d-flex align-items-center">
<div class="logo-container"><a href="/"><img src="{% static 'img/abeille.webp' %}"></a></div> <div class="logo-container"><a href="/"><img id="abeille" src="{% static 'img/abeille.webp' %}"></a></div>
<div class="harlow">Gospel de l’Abeille<br>The Bee's Gospel Singers</div> <div class="harlow">Gospel de l’Abeille<br>The Bee's Gospel Singers</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01" <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"
aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">

10
templates/index.html
View file

@ -1,9 +1,11 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block header %}{% endblock %} {% block bodyclass %}home{% endblock %}
{% block navbar-expand %}{% endblock %}
{% block content %} {% block content %}
<div class="homediv"> <div class="homediv">
<div class="logo-container text-center"><img src="{% static 'img/abeille.webp' %}"></div>
<div class="hometitle text-center"> <div class="hometitle text-center">
<a class="homeurl harlow" href="{% url 'presentation' %}"> <a class="homeurl harlow" href="{% url 'presentation' %}">
<div class="d-flex justify-content-center mb-4"> <div class="d-flex justify-content-center mb-4">
@ -13,7 +15,9 @@
</div> </div>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<div class="flex-grow-1 overleft">&nbsp;</div> <div class="flex-grow-1 overleft">&nbsp;</div>
<div class="main-text red-bottom">Gospel de l’Abeille</div> <div class="main-text red-bottom">
<img id="abeille" src="{% static 'img/abeille.webp' %}"> Gospel de l’Abeille
</div>
<div class="flex-grow-1 overright red-bottom">&nbsp;</div> <div class="flex-grow-1 overright red-bottom">&nbsp;</div>
</div> </div>
</a> </a>