Compare commits

..

2 commits

3 changed files with 18 additions and 7 deletions

View file

@ -8,7 +8,14 @@ body {
background: #333;
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 {
color: #ffab82;
}
@ -35,7 +42,7 @@ nav {
.hometitle { font-size: 280%; }
}
@media only screen and (max-width : 500px) {
.logo-container img { width: 70px; }
img#abeille { width: 75px; }
}
.alert-danger { background-color: #FFD79C; }
.main-text { max-width: 100vw; }

View file

@ -10,10 +10,10 @@
</head>
<body class="{% block bodyclass %}{% endblock %}">
{% 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="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 lAbeille<br>The Bee's Gospel Singers</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"
aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">

View file

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