nav and notification fixes
This commit is contained in:
@@ -27,80 +27,115 @@
|
||||
{{ ALDRYN_SNAKE.render_head }}
|
||||
</head>
|
||||
<body class="{% block body_class %}{% endblock %}">
|
||||
{% cms_toolbar %}
|
||||
{% cms_toolbar %}
|
||||
|
||||
<a href="/{{ LANGUAGE_CODE }}/" class="header__logo reveal reveal_animation">
|
||||
<img src="{% static 'img/tagesschule-elementa.svg' %}" width="100" height="100">
|
||||
</a>
|
||||
|
||||
<div id="navigation">
|
||||
{% include 'project/includes/navigation.html' %}
|
||||
</div>
|
||||
|
||||
<div id="search">
|
||||
{% include 'project/includes/search_form.html' %}
|
||||
</div>
|
||||
|
||||
|
||||
{% url 'search' as search_url %}
|
||||
|
||||
<div class="header reveal reveal_animation data_delay_2">
|
||||
<span class="header__slogan">{% trans 'Stärken stärken. Lernen lernen.' %}</span>
|
||||
<ul class="header__languages">
|
||||
{% for lang in LANGUAGES %}
|
||||
<li class="{% if lang.0 == LANGUAGE_CODE %}active{% endif %}">
|
||||
<a href="{% page_language_url lang.0 %}">{{ lang.0 }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<a href="#" class="header__button header__button--search data_id_2">
|
||||
{% trans 'Suche' %}
|
||||
<span class="header__button__icon">
|
||||
{% include 'project/assets/search.svg' %}
|
||||
</span>
|
||||
<a href="/{{ LANGUAGE_CODE }}/" class="header__logo reveal reveal_animation data_delay_2">
|
||||
<img src="{% static 'img/tagesschule-elementa.svg' %}" width="100" height="100">
|
||||
</a>
|
||||
|
||||
<div id="navigation">
|
||||
{% include 'project/includes/navigation.html' %}
|
||||
</div>
|
||||
|
||||
<div id="search">
|
||||
{% include 'project/includes/search_form.html' %}
|
||||
</div>
|
||||
|
||||
{% url 'search' as search_url %}
|
||||
{% with request.get_full_path as current_url %}
|
||||
<a href="{% if search_url in current_url %}/{{ LANGUAGE_CODE }}/{% else %}{{ current_url }}{% endif %}"
|
||||
class="event header__button header__button--navigation data_id_3">
|
||||
{% trans 'Menü' %}
|
||||
|
||||
{% if notification %}
|
||||
<div class="notification">
|
||||
<div class="notification__content">
|
||||
<div class="notification__title">
|
||||
{{ notification.get_title }}
|
||||
</div>
|
||||
<div class="notification__text">
|
||||
{{ notification.get_text }}
|
||||
</div>
|
||||
<a href="{{ notification.page.get_public_url }}" class="notification__button button">
|
||||
<span class="button__icon">{% include 'project/assets/arrow-right-long.svg' %}</span>
|
||||
<span class="button__text">
|
||||
{% if notification.cta %}
|
||||
{{ notification.cta }}
|
||||
{% else %}
|
||||
{% trans 'Mehr erfahren' %}
|
||||
{% endif %}
|
||||
</span>
|
||||
</a>
|
||||
<a href="#" class="notification__close">
|
||||
{% include 'project/assets/close.svg' %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="header reveal reveal_animation data_delay_0">
|
||||
<span class="header__slogan">{% trans 'Stärken stärken. Lernen lernen.' %}</span>
|
||||
<ul class="header__languages">
|
||||
{% for lang in LANGUAGES %}
|
||||
<li class="{% if lang.0 == LANGUAGE_CODE %}active{% endif %}">
|
||||
<a href="{% page_language_url lang.0 %}">{{ lang.0 }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% if notification %}
|
||||
<a href="#" class="header__button header__button--notification data_id_1">
|
||||
{% trans 'Aktuell' %}
|
||||
<span class="header__button__icon">
|
||||
{% include 'project/assets/bell.svg' %}
|
||||
</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<a href="#" class="header__button header__button--search data_id_2">
|
||||
{% trans 'Suche' %}
|
||||
<span class="header__button__icon">
|
||||
{% include 'project/assets/menu.svg' %}
|
||||
{% include 'project/assets/search.svg' %}
|
||||
</span>
|
||||
</a>
|
||||
{% endwith %}
|
||||
|
||||
<div class="header__navigation">
|
||||
{% include 'project/includes/meta_navigation.html' %}
|
||||
{% url 'search' as search_url %}
|
||||
{% with request.get_full_path as current_url %}
|
||||
<a href="{% if search_url in current_url %}/{{ LANGUAGE_CODE }}/{% else %}{{ current_url }}{% endif %}"
|
||||
class="event header__button header__button--navigation data_id_3">
|
||||
{% trans 'Menü' %}
|
||||
<span class="header__button__icon">
|
||||
{% include 'project/assets/menu.svg' %}
|
||||
</span>
|
||||
</a>
|
||||
{% endwith %}
|
||||
|
||||
<div class="header__navigation">
|
||||
{% include 'project/includes/meta_navigation.html' %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="canvas">
|
||||
{% block content %}
|
||||
{% placeholder 'content' %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<a href="#" class="footer__login header__button header__button--light data_id_1">
|
||||
<span class="header__button__icon">
|
||||
{% include 'project/assets/arrow-right-long.svg' %}
|
||||
</span>
|
||||
{% trans 'Login' %}
|
||||
</a>
|
||||
<div class="footer__content">
|
||||
{% show_menu_below_id 'footer' 0 0 0 0 'project/includes/header_button_menu.html' %}
|
||||
{% static_placeholder 'social_media' %}
|
||||
<div id="canvas">
|
||||
{% block content %}
|
||||
{% placeholder 'content' %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="{% static 'js/lib.js' %}"></script>
|
||||
<script type="text/javascript" src="{% static 'js/main.js' %}"></script>
|
||||
<div class="footer">
|
||||
<a href="#" class="footer__login header__button header__button--light data_id_1">
|
||||
<span class="header__button__icon">
|
||||
{% include 'project/assets/arrow-right-long.svg' %}
|
||||
</span>
|
||||
{% trans 'Login' %}
|
||||
</a>
|
||||
<div class="footer__content">
|
||||
{% show_menu_below_id 'footer' 0 0 0 0 'project/includes/header_button_menu.html' %}
|
||||
{% static_placeholder 'social_media' %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% block extra_body %}{% endblock %}
|
||||
<script type="text/javascript" src="{% static 'js/lib.js' %}"></script>
|
||||
<script type="text/javascript" src="{% static 'js/main.js' %}"></script>
|
||||
|
||||
{% render_block "js" %}
|
||||
{{ ALDRYN_SNAKE.render_tail }}
|
||||
{% block extra_body %}{% endblock %}
|
||||
|
||||
{% render_block "js" %}
|
||||
{{ ALDRYN_SNAKE.render_tail }}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
4
src/project/templates/project/assets/bell.svg
Normal file
4
src/project/templates/project/assets/bell.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="35px" height="35px" viewBox="0 0 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<path d="M26.1088419,26.8285757 L21.4514741,26.8285757 C21.2509751,28.834446 19.558718,30.4 17.4999386,30.4 C15.4411592,30.4 13.7489021,28.834446 13.5484031,26.8285757 L8.89222581,26.8285757 C6.89359454,26.8285757 5.70069754,24.6071268 6.80888894,22.947603 L8.14460849,20.9500828 L8.14460849,17.5000744 C8.14460849,13.2343044 10.5781731,9.81681331 14.4213758,8.62734156 L14.4213758,7.67856824 C14.4213758,5.97768586 15.7990592,4.6 17.4999386,4.6 C19.200818,4.6 20.5785015,5.97768586 20.5785015,7.67856824 L20.5785015,8.63346089 C24.4227407,9.84401727 26.8330929,13.3263888 26.8552687,17.8056098 L26.8552687,20.9500473 L28.1899125,22.9476111 C29.2999616,24.6064378 28.1070455,26.8285757 26.1088419,26.8285757 Z M16.6070722,8.6121088 C17.2325477,8.55979338 17.7405828,8.55630529 18.3927844,8.6121088 L18.3927844,7.67856824 C18.3927844,7.18681287 17.9916837,6.78571216 17.4999283,6.78571216 C17.0081729,6.78571216 16.6070722,7.18681287 16.6070722,7.67856824 L16.6070722,8.6121088 Z M17.4999283,28.2141688 C18.4846295,28.2141688 19.2856404,27.4131578 19.2856404,26.4284566 L15.7142161,26.4284566 C15.7142161,27.4131578 16.5152271,28.2141688 17.4999283,28.2141688 Z M25.2480119,23.9284626 C25.4771147,23.9284894 25.6120893,23.6836468 25.4865315,23.496356 L24.2236401,21.6077511 C24.0468171,21.3430549 23.9526494,21.0322875 23.9526494,20.7142075 L23.9526494,17.7750146 C23.932828,13.76868 21.3399739,11.0713618 17.4999785,11.0713618 C13.7007508,11.0713618 11.0473076,13.7143051 11.0473076,17.4999256 L11.0483538,20.7131361 C11.0483538,21.031216 10.9541914,21.3419621 10.7773631,21.6066796 L9.51447173,23.4952845 C9.3889058,23.68467 9.52388689,23.9284626 9.75303037,23.9284626 L25.2480119,23.9284626 Z"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@@ -10,7 +10,9 @@
|
||||
<div class="content__navigation reveal_self reveal reveal_animation data_delay_3">
|
||||
<div class="content__navigation__frame">
|
||||
<div class="content__navigation__main">
|
||||
<span class="content__navigation__title"></span>
|
||||
<span class="content__navigation__title">
|
||||
{{ request.current_page }}
|
||||
</span>
|
||||
<div class="content__navigation__content">
|
||||
<div class="content__navigation__progress">
|
||||
<span class="content__navigation__progress__fill"></span>
|
||||
|
||||
@@ -8,7 +8,16 @@
|
||||
<div class="navigation__meta">
|
||||
{% show_menu_below_id 'footer' 0 0 0 0 'project/includes/header_button_menu.html' %}
|
||||
</div>
|
||||
{% static_placeholder 'social_media' %}
|
||||
<div class="navigation__extra">
|
||||
{% static_placeholder 'social_media' %}
|
||||
<ul class="header__languages">
|
||||
{% for lang in LANGUAGES %}
|
||||
<li class="{% if lang.0 == LANGUAGE_CODE %}active{% endif %}">
|
||||
<a href="{% page_language_url lang.0 %}">{{ lang.0 }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<a href="#" class="footer__login header__button header__button--light header__button--reverse data_id_1">
|
||||
<span class="header__button__icon">
|
||||
{% include 'project/assets/arrow-right-long.svg' %}
|
||||
|
||||
Reference in New Issue
Block a user