integration menu small screen

This commit is contained in:
Jonas 12t 2021-11-11 11:26:59 +04:00
parent d950c90754
commit dcc3672c45
6 changed files with 98 additions and 45 deletions

View File

@ -106,6 +106,7 @@ class ConfigurationAdmin(SingletonModelAdmin):
'organisation', 'organisation',
'short_description', 'short_description',
'long_description', 'long_description',
'logo',
'img', 'img',
'adress', 'adress',
'phone', 'phone',

View File

@ -111,6 +111,19 @@ class Configuration(SingletonModel):
verbose_name='Background' verbose_name='Background'
) )
logo = StdImageField(upload_to='images/',
null=True, blank=True,
# validators=[MaxSizeValidator(1920, 1920)],
variations={
'fhd': (1920, 1920),
'hdr': (720, 720),
'med': (480, 480),
'thumbnail': (300, 120),
},
delete_orphans=True,
verbose_name='Logo'
)
mollie_api_key = models.CharField(max_length=50, mollie_api_key = models.CharField(max_length=50,
blank=True, null=True) blank=True, null=True)

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -1,6 +1,6 @@
{% block header %} {% block header %}
{% load static %} {% load static %}
{% load tz %} {% load tz %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
@ -18,12 +18,20 @@
{% endblock header %} {% endblock header %}
{% block nav %} {% block nav %}
{% get_media_prefix as MEDIA_PREFIX %}
<!-- MENU --> <!-- MENU -->
<nav class="menu"> <nav class="menu">
<!-- START LOGO --> <!-- START LOGO -->
<div>
<div><img src="{% static 'arnaud_mvc/img/logotibillet.png' %}" alt="TiBillet" {% if configuration.logo %}
class="logotibillet"></div> <img src="{{ MEDIA_PREFIX }}{{ configuration.logo.thumbnail }}" alt="TiBillet"
class="logotibillet">
{% else %}
<img src="{% static 'arnaud_mvc/img/logotibillet.png' %}" alt="TiBillet"
class="logotibillet">
{% endif %}
</div>
<!-- END LOGO --> <!-- END LOGO -->
@ -31,20 +39,20 @@
<li class="m"> <li class="m">
<a href="/"><img src="{% static 'arnaud_mvc/img/menu/home.svg' %}" <a href="/"><img src="{% static 'arnaud_mvc/img/menu/home.svg' %}"
alt="logo billeterie Ti Billet" class="menutibillet m1"></a></li> alt="logo billeterie Ti Billet" class="menutibillet m1"></a></li>
{# <li class="m"><a href="#Apropos"><img src="{% static 'arnaud_mvc/img/menu/like.svg' %}"#} {# <li class="m"><a href="#Apropos"><img src="{% static 'arnaud_mvc/img/menu/like.svg' %}"#}
{# alt="logo billeterie Ti Billet" class="menutibillet m2"></a></li>#} {# alt="logo billeterie Ti Billet" class="menutibillet m2"></a></li>#}
<li class="m"><a href="#calendar"><img src="{% static 'arnaud_mvc/img/menu/calendrier.svg' %}" <li class="m"><a href="#calendar"><img src="{% static 'arnaud_mvc/img/menu/calendrier.svg' %}"
alt="logo billeterie Ti Billet" class="menutibillet m3"></a></li> alt="logo billeterie Ti Billet" class="menutibillet m3"></a></li>
{# <li class="m"><a href="#Contact"><img src="{% static 'arnaud_mvc/img/menu/search.svg' %}"#} {# <li class="m"><a href="#Contact"><img src="{% static 'arnaud_mvc/img/menu/search.svg' %}"#}
{# alt="logo billeterie Ti Billet" class="menutibillet m4"></a></li>#} {# alt="logo billeterie Ti Billet" class="menutibillet m4"></a></li>#}
<!-- onClick="asideswipe()" --> <!-- onClick="asideswipe()" -->
</ul> </ul>
</nav> </nav>
<!-- START FILTER MENU --> <!-- START FILTER MENU -->
{# {% include 'arnaud_mvc/nav_filter.html' %}#} {# {% include 'arnaud_mvc/nav_filter.html' %}#}
<!-- END FILTER MENU --> <!-- END FILTER MENU -->

View File

@ -1,7 +1,7 @@
{% extends "arnaud_mvc/base.html" %} {% extends "arnaud_mvc/base.html" %}
{% load static %} {% load static %}
{% block content %} {% block content %}
{% get_media_prefix as MEDIA_PREFIX %} {% get_media_prefix as MEDIA_PREFIX %}
<div class="meta"> <div class="meta">
@ -30,9 +30,7 @@
<br/> <br/>
<span class="text-event">{{ configuration.long_description }}</span> <span class="text-event">{{ configuration.long_description }}</span>
<div class="linksocial"> <div class="linksocial">
{% if configuration.button_adhesion %}
<a href="" class="btn-adherer">Adhérer à l'association</a>
{% endif %}
{% if configuration.facebook %} {% if configuration.facebook %}
<a href="{{ configuration.facebook }}" style="padding: 5px; color: black;"><i <a href="{{ configuration.facebook }}" style="padding: 5px; color: black;"><i
@ -46,43 +44,17 @@
{% endif %} {% endif %}
</div> </div>
<a href="{{ configuration.site_web }}" style="text-decoration:none; color:black;padding-left:5%;"> <a href="{{ configuration.site_web }}" style="text-decoration:none; color:black;padding-left:5%;">
<i class="fas fa-globe fa-1x"></i> <i class="fas fa-globe fa-1x"></i>
{{ configuration.site_web }} {{ configuration.site_web }}
</a> </a>
</div> </div>
<!-- END DESCRIPTION --> <!-- END DESCRIPTION -->
{% include 'arnaud_mvc/menu.html' %}
<!-- MENU LIEUX -->
<div class="menu-page">
<a href="#calendar" class="btn-menu-page">
<img src="{% static 'arnaud_mvc/img/menu/calendriern.svg' %}" alt="billeterie Ti Billet">
<h4 style="font-size: 0.8rem;">CALENDRIER</h4>
</a>
<a href="#events" class="btn-menu-page">
<img src="{% static 'arnaud_mvc/img/menu/concerts.svg' %}" alt="billeterie Ti Billet">
<h4 style="font-size: 0.8rem;">CONCERTS</h4>
</a>
{# <a href="" class="btn-menu-page">#}
{# <img src="{% static 'arnaud_mvc/img/menu/photo.svg' %}" alt="billeterie Ti Billet">#}
{# <h4 style="font-size: 0.8rem;">PHOTO</h4>#}
{# </a>#}
{# <a href="" class="btn-menu-page">#}
{# <img src="{% static 'arnaud_mvc/img/menu/video.svg' %}" alt="billeterie Ti Billet">#}
{# <h4 style="font-size: 0.8rem;">VIDEO</h4>#}
{# </a>#}
{# <a href="" class="btn-menu-page">#}
{# <img src="{% static 'arnaud_mvc/img/menu/programme.svg' %}" alt="billeterie Ti Billet">#}
{# <h4 style="font-size: 0.8rem;">PROGRAMME</h4>#}
{# </a>#}
<a href="{{ MEDIA_PREFIX }}{{ configuration.map_img }}" class="btn-menu-page"
style="margin-right:0;">
<img src="{% static 'arnaud_mvc/img/menu/map.svg' %}" alt="billeterie Ti Billet">
<h4 style="font-size: 0.8rem;">MAP</h4>
</a>
</div>
<!-- END MENU LIEUX -->
</div> </div>

View File

@ -0,0 +1,59 @@
{% load static %}
{% get_media_prefix as MEDIA_PREFIX %}
<nav class="nav-responsive">
{% if configuration.button_adhesion %}
<a href="" class="btn-responsive">
<img src="{% static 'arnaud_mvc/img/menu/adhesion_card.png' %}" alt="adhesion">
<h4 style="font-size: 0.8rem;">Adhérer</h4>
</a>
{% endif %}
<a href="#calendar" class="btn-responsive">
<img src="{% static 'arnaud_mvc/img/menu/calendriern.svg' %}" alt="billeterie Ti Billet">
<h4>Calendrier</h4>
</a>
<a href="#events" class="btn-responsive">
<img src="{% static 'arnaud_mvc/img/menu/concerts.svg' %}" alt="billeterie Ti Billet">
<h4>Concerts</h4>
</a>
{# <a href="" class="btn-responsive">#}
{# <img src="../img/menu/programme.svg" alt="Programme">#}
{# <h4>Programme</h4>#}
{# </a>#}
<a href="{{ MEDIA_PREFIX }}{{ configuration.map_img }}" class="btn-responsive">
<img src="{% static 'arnaud_mvc/img/menu/map.svg' %}" alt="Map">
<h4>Map</h4>
</a>
</nav>
<!-- MENU LIEUX -->
<div class="menu-page">
{% if configuration.button_adhesion %}
<a href="" class="btn-menu-page">
<img src="{% static 'arnaud_mvc/img/menu/adhesion_card.png' %}" alt="billeterie Ti Billet">
<h4 style="font-size: 0.8rem;">ADHERER</h4>
</a>
{% endif %}
<a href="#calendar" class="btn-menu-page">
<img src="{% static 'arnaud_mvc/img/menu/calendriern.svg' %}" alt="billeterie Ti Billet">
<h4 style="font-size: 0.8rem;">CALENDRIER</h4>
</a>
<a href="#events" class="btn-menu-page">
<img src="{% static 'arnaud_mvc/img/menu/concerts.svg' %}" alt="billeterie Ti Billet">
<h4 style="font-size: 0.8rem;">CONCERTS</h4>
</a>
{# <a href="" class="btn-menu-page">#}
{# <img src="{% static 'arnaud_mvc/img/menu/video.svg' %}" alt="billeterie Ti Billet">#}
{# <h4 style="font-size: 0.8rem;">VIDEO</h4>#}
{# </a>#}
{# <a href="" class="btn-menu-page">#}
{# <img src="{% static 'arnaud_mvc/img/menu/programme.svg' %}" alt="billeterie Ti Billet">#}
{# <h4 style="font-size: 0.8rem;">PROGRAMME</h4>#}
{# </a>#}
<a href="{{ MEDIA_PREFIX }}{{ configuration.map_img }}" class="btn-menu-page"
style="margin-right:0;">
<img src="{% static 'arnaud_mvc/img/menu/map.svg' %}" alt="billeterie Ti Billet">
<h4 style="font-size: 0.8rem;">MAP</h4>
</a>
</div>
<!-- END MENU LIEUX -->