Compare commits

..

5 commits

11 changed files with 58 additions and 31 deletions

View file

@ -73,6 +73,10 @@ nav {
.left-red { .left-red {
border-left: 2px solid red; border-left: 2px solid red;
} }
.left-red-forcepad {
margin-left: -12px;
padding-left: 12px;
}
.agenda_line { margin-right: 7em !important; } .agenda_line { margin-right: 7em !important; }
.agenda_container > div:first-of-type { margin-top: 7em !important; } .agenda_container > div:first-of-type { margin-top: 7em !important; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

View file

@ -17,6 +17,18 @@ class HomeView(TemplateView):
} }
class PresentationView(TemplateView):
template_name="presentation.html"
def get_context_data(self, **kwargs):
return {
**super().get_context_data(**kwargs),
"next_event": Agenda.objects.filter(
date_heure__date__gte=date.today(), prive=False,
).order_by("date_heure").first(),
}
class AgendaView(ListView): class AgendaView(ListView):
model = Agenda model = Agenda
template_name = "agenda.html" template_name = "agenda.html"
@ -35,7 +47,7 @@ class MediaView(ListView):
template_name = "media.html" template_name = "media.html"
def get_queryset(self): def get_queryset(self):
qs = Document.objects.all().order_by("-quand") qs = Document.objects.all().order_by("-quand", "titre")
if not self.request.user.is_authenticated: if not self.request.user.is_authenticated:
qs = qs.filter(prive=False) qs = qs.filter(prive=False)
return qs return qs

View file

@ -9,7 +9,7 @@ urlpatterns = [
path("accounts/", include("django.contrib.auth.urls")), path("accounts/", include("django.contrib.auth.urls")),
path("", views.HomeView.as_view(), name="home"), path("", views.HomeView.as_view(), name="home"),
path("v2", TemplateView.as_view(template_name="index2.html"), name="home"), path("v2", TemplateView.as_view(template_name="index2.html"), name="home"),
path("presentation/", TemplateView.as_view(template_name="presentation.html"), name="presentation"), path("presentation/", views.PresentationView.as_view(), name="presentation"),
path("contact/", TemplateView.as_view(template_name="contact.html"), name="contact"), path("contact/", TemplateView.as_view(template_name="contact.html"), name="contact"),
path("membres/", views.EspaceMembresView.as_view(), name="membres"), path("membres/", views.EspaceMembresView.as_view(), name="membres"),
path("membres/liste/", views.ListeMembresView.as_view(), name="liste-membres"), path("membres/liste/", views.ListeMembresView.as_view(), name="liste-membres"),

View file

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-lg bg-dark border-bottom border-body sticky-top" data-bs-theme="dark"> <nav class="navbar navbar-expand-lg 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.png' %}"></a></div> <div class="logo-container"><a href="/"><img src="{% static 'img/abeille.webp' %}"></a></div>
<div class="harlow">Gospel de lAbeille<br>The Bee's Gospel Singers</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" <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">

View file

@ -28,15 +28,17 @@
</div> </div>
</div> </div>
<p class="mt-5">Cette chorale vit grâce aux cotisations de ses membres et grâce aux cachets reçus lors des concerts.</p> <div class="row mt-5">
<div class="col-md-6">
<p">Cette chorale vit grâce aux cotisations de ses membres et grâce aux cachets reçus lors des concerts.</p>
<p>Également soutenue financièrement par la paroisse réformée de la Chaux-de-Fonds, elle participe à plusieurs services religieux chaque année.</p> <p>Également soutenue financièrement par la paroisse réformée de la Chaux-de-Fonds, elle participe à plusieurs services religieux chaque année.</p>
<div class="row">
<div class="col-md-6">
<p>Si vous souhaitez nous soutenir, merci de faire vos dons à :</p> <p>Si vous souhaitez nous soutenir, merci de faire vos dons à :</p>
<p class="ms-5 ps-3 left-red"> <div class="row">
<div class="col col-md-8">
<p class="left-red left-red-forcepad">
<code>Banque Raiffeisen, 9001 St-Gallen<br> <code>Banque Raiffeisen, 9001 St-Gallen<br>
IBAN : CH82 8080 8008 1541 0361 4</code><br> IBAN : CH82 8080 8008 1541 0361 4</code><br>
Au nom de :<br> Au nom de :<br>
@ -46,6 +48,9 @@
2056 Dombresson 2056 Dombresson
</p> </p>
</div> </div>
<div class="col col-md-4"><img class="w-100" src="{% static 'img/twint.jpg' %}"></div>
</div>
</div>
<div class="col-md-6"> <div class="col-md-6">
<img class="home-img" src="{% static 'img/photo_contact.jpg' %}"> <img class="home-img" src="{% static 'img/photo_contact.jpg' %}">
</div> </div>

View file

@ -3,6 +3,7 @@
{% block header %}{% endblock %} {% block header %}{% 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">
@ -32,12 +33,19 @@
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
<div class="row justify-content-center mt-3 agenda_line">
<div class="col-12 text-end mt-2">
<a class="text-white fst-italic" href="{% url 'agenda' %}">Agenda complet…</a>
</div>
</div>
</div> </div>
</div> </div>
<div id="homeaudio" class="d-flex justify-content-center mt-5"> <div id="homeaudio" class="d-flex justify-content-center mt-5">
<div class="text-start"> <div class="text-start">
<i>Écouter:</i><br> <i>Écouter un extrait:</i><br>
<audio controls src="{% static 'songs/WeShallOvercome.mp3' %}"></audio> <audio controls src="{% static 'songs/WeShallOvercome-Extrait.mp3' %}"></audio>
<br>
<p class="text-end"><i><a href="{% url 'medias' %}">Plus…</a></i></p>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

View file

@ -1,24 +1,22 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="row"> <img class="home-img float-end w-50 ms-4" src="{% static 'img/photo_braderie_2019.jpg' %}">
<div class="col-md-6">
<p><big>Le Gospel de lAbeille, ou The Bee's Gospel Singers est un groupe d'amoureux de cette musique multiculturelle qui souhaite faire partager son plaisir et son émotion avec le public.</big></p> <p><big>Le Gospel de lAbeille, ou The Bee's Gospel Singers est un groupe d'amoureux de cette musique multiculturelle qui souhaite faire partager son plaisir et son émotion avec le public.</big></p>
<div class="alert alert-danger mt-4">Prochain concert: <b>dim. 29 juin à 09:45</b>, Temple St-Jean La Chaux-de-Fonds<br>culte paroissial accompagné du Bee's Gospel Singers</div>
</div>
<div class="col-md-6">
<div class="text-center">
<img class="home-img" src="{% static 'img/photo_braderie_2019.jpg' %}">
</div>
</div>
</div>
<p class="mt-3">Ce groupe a la particularité de réunir une trentaine de chanteurs amateurs, chantant à 4 voix, en anglais, par cœur, sans amplification, et… juste pour le plaisir et lémotion.</p> <p class="mt-3">Ce groupe a la particularité de réunir une trentaine de chanteurs amateurs, chantant à 4 voix, en anglais, par cœur, sans amplification, et… juste pour le plaisir et lémotion.</p>
<p>Il est ouvert à toutes les personnes amoureuses du Gospel et du Negro Spiritual, quelles aient une appartenance religieuse ou non.<br> <p>Il est ouvert à toutes les personnes amoureuses du Gospel et du Negro Spiritual, quelles aient une appartenance religieuse ou non.<br>
Les répétitions ont lieu le mercredi soir de 18h30 à 20h30 (à lexception des vacances scolaires) au temple St-Jean de La Chaux-de-Fonds.</p> Les répétitions ont lieu le mercredi soir de 18h30 à 20h30 (à lexception des vacances scolaires) au temple St-Jean de La Chaux-de-Fonds.</p>
<p>Le Gospel de lAbeille se produit régulièrement en concerts publics ou privés (cérémonies de mariages, anniversaires, décès,...) en Suisse et à l'Etranger.</p> <p class="clearfix">Le Gospel de lAbeille se produit régulièrement en concerts publics ou privés (cérémonies de mariages, anniversaires, décès,...) en Suisse et à l'Etranger.</p>
{% if next_event %}
<div class="alert alert-danger mt-4 text-center">
Prochain concert: <b>{{ next_event.date_heure|date:'l d F à H:i' }}</b>, {{ next_event.lieu }}<br>{{ next_event.infos }}
</div>
{% endif %}
<h3 class="bottom-red mt-4">Historique</h3> <h3 class="bottom-red mt-4">Historique</h3>
<p>En lan 2000, le pasteur camerounais Daniel Mabongo, actif dans la paroisse réformée de lAbeille de la Chaux-de-Fonds lance lidée auprès de ses paroissiens de la création dun groupe de chant Gospel pour animer certains cultes.</p> <p>En lan 2000, le pasteur camerounais Daniel Mabongo, actif dans la paroisse réformée de lAbeille de la Chaux-de-Fonds lance lidée auprès de ses paroissiens de la création dun groupe de chant Gospel pour animer certains cultes.</p>