TagesschuleElementa/www.tagesschule-elementa.ch
3
0
Fork 1
Code Issues Pull Requests 1 Releases Wiki Activity

navigation frame

Browse Source
This commit is contained in:
Simon Caminada
2018-03-15 19:32:03 +01:00
parent 2a6091ee3f
commit eaa888cfa5
17 changed files with 410 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
src/project/templates/main.html
View File

@@ -1,4 +1,4 @@
{% load static i18n cms_tags sekizai_tags fontawesome %}<!DOCTYPE html>
{% load static i18n cms_tags sekizai_tags fontawesome menu_tags %}<!DOCTYPE html>
<html class="r" lang="{{ LANGUAGE_CODE }}">
<head>
<meta http-equiv="x-ua-compatible" content="ie=edge">
@@ -27,56 +27,113 @@
{{ 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>
<a href="/{{ LANGUAGE_CODE }}/" class="header__logo reveal reveal_animation">
<img src="{% static 'img/tagesschule-elementa.svg' %}" width="100" height="100">
</a>
<a href="#" class="navigation__close">
<span class="header__button header__button--close">
<span class="header__button__icon">
{% include 'project/assets/close.svg' %}
</span>
{% trans 'Schliessen' %}
</span>
</a>
<div id="navigation">
{% include 'project/includes/navigation.html' %}
</div>
<div id="navigation">
{% include 'project/includes/navigation.html' %}
</div>
<div id="search">
{% include 'project/includes/search_form.html' %}
</div>
<div id="search">
{% include 'project/includes/search_form.html' %}
</div>
{% url 'search' as search_url %}
<div id="canvas">
<div class="header reveal reveal_animation data_delay_2">
<span class="header__slogan">{% trans 'Stärken stärken. Lernen lernen.' %}</span>
<a href="#" class="header__button header__button--search">
<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>
<a href="#" class="header__button header__button--navigation">
{% trans 'Menü' %}
<span class="header__button__icon">
{% include 'project/assets/menu.svg' %}
</span>
</a>
{% 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">
<a href="#" class="header__button header__button--reverse header__button--light data_id_0">
<span class="header__button__icon">
{% include 'project/assets/oneday.svg' %}
</span>
{% trans 'One Day' %}
</a>
<a href="#" class="header__button header__button--reverse header__button--light data_id_1">
<span class="header__button__icon">
{% include 'project/assets/news.svg' %}
</span>
{% trans 'News' %}
</a>
<a href="#" class="header__button header__button--reverse header__button--light data_id_2">
<span class="header__button__icon">
{% include 'project/assets/calendar.svg' %}
</span>
{% trans 'Kalender' %}
</a>
<a href="#" class="header__button header__button--reverse header__button--light data_id_3">
<span class="header__button__icon">
{% include 'project/assets/contact.svg' %}
</span>
{% trans 'Standort & Kontakt' %}
</a>
</div>
</div>
{% block content %}
{% placeholder 'content' %}
{% endblock %}
</div>
<div id="canvas">
{% block content %}
{% placeholder 'content' %}
{% endblock %}
</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">
<a href="#" class="header__button header__button--light data_id_1">
{% trans 'Medien' %}
</a>
<a href="#" class="header__button header__button--light data_id_2">
{% trans 'Jobs' %}
</a>
<a href="#" class="header__button header__button--light data_id_3">
{% trans 'Partner' %}
</a>
<a href="#" class="header__button header__button--light data_id_4">
{% trans 'Impressum' %}
</a>
{% 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/calendar.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="32px" height="36px" viewBox="0 0 32 36" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M7.2433,9.16505789 L24.7567,9.16505789 L24.7567,24.8349421 L7.2433,24.8349421 L7.2433,9.16505789 Z M8.39473684,13.9839577 L8.39473684,23.7105263 L23.6052632,23.7105263 L23.6052632,13.9839577 L8.39473684,13.9839577 Z M8.39473684,10.2894737 L8.39473684,12.9144892 L23.6052632,12.9144892 L23.6052632,10.2894737 L8.39473684,10.2894737 Z M10.1842105,15.6578947 L12.8684211,15.6578947 L12.8684211,17 L10.1842105,17 L10.1842105,15.6578947 Z M10.1842105,18.3421053 L12.8684211,18.3421053 L12.8684211,19.6842105 L10.1842105,19.6842105 L10.1842105,18.3421053 Z M14.6578947,17.4473684 L17.3421053,17.4473684 L17.3421053,18.7894737 L14.6578947,18.7894737 L14.6578947,17.4473684 Z M19.1315789,20.1315789 L21.8157895,20.1315789 L21.8157895,21.4736842 L19.1315789,21.4736842 L19.1315789,20.1315789 Z M19.1315789,17.4473684 L21.8157895,17.4473684 L21.8157895,18.7894737 L19.1315789,18.7894737 L19.1315789,17.4473684 Z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

4
src/project/templates/project/assets/contact.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="25px" height="36px" viewBox="0 0 25 36" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M7,14.1811722 C7,11.0694114 9.45847621,8.5398872 12.5,8.5398872 C15.5415238,8.5398872 18,11.0694114 18,14.1811722 C18,15.139218 17.7664243,16.0641077 17.3393855,16.8627282 C16.6777152,18.2481615 15.2380055,20.816635 13.0132107,24.5830647 L12.4951466,25.4601128 L11.9651583,24.5902185 C9.31430391,20.2392487 7.78335661,17.4494109 7.34571384,16.1536369 C7.11800658,15.5278627 7,14.8623757 7,14.1811722 Z M16.2488376,16.3115631 C16.5940965,15.6648293 16.7777778,14.9375068 16.7777778,14.1811722 C16.7777778,11.7367563 14.8585938,9.76210942 12.5,9.76210942 C10.1414062,9.76210942 8.22222222,11.7367563 8.22222222,14.1811722 C8.22222222,14.7215654 8.31589677,15.247678 8.49641274,15.741606 C8.86760946,16.8458702 10.2006689,19.3054184 12.4793732,23.0811221 C14.3928189,19.8225078 15.6479336,17.5684532 16.2488376,16.3115631 Z M12.5,15.5065539 C11.6899824,15.5065539 11.0333333,14.8499048 11.0333333,14.0398872 C11.0333333,13.2298696 11.6899824,12.5732205 12.5,12.5732205 C13.3100176,12.5732205 13.9666667,13.2298696 13.9666667,14.0398872 C13.9666667,14.8499048 13.3100176,15.5065539 12.5,15.5065539 Z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

6
src/project/templates/project/assets/menu.svg
View File

@@ -1,6 +1,6 @@
<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">
<rect class="line-top" x="4" y="6" width="28" height="3" rx="1.5"></rect>
<rect class="line-middle" x="4" y="16" width="28" height="3" rx="1.5"></rect>
<rect class="line-bottom" x="4" y="26" width="28" height="3" rx="1.5"></rect>
<rect class="line-top" x="3" y="6" width="29" height="3" rx="1.5"></rect>
<rect class="line-middle" x="3" y="16" width="29" height="3" rx="1.5"></rect>
<rect class="line-bottom" x="3" y="26" width="29" height="3" rx="1.5"></rect>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 398 B

After

Width:  |  Height:  |  Size: 398 B

4
src/project/templates/project/assets/news.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="32px" height="36px" viewBox="0 0 32 36" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M25,26.7948404 L18.646758,22 L7,22 L7,10 L25,10 L25,26.7948404 Z M23.8,11.2 L8.2,11.2 L8.2,20.8 L19.0487631,20.8 L23.8,24.3857949 L23.8,11.2 Z M20.2,17.2 C19.5372583,17.2 19,16.6627417 19,16 C19,15.3372583 19.5372583,14.8 20.2,14.8 C20.8627417,14.8 21.4,15.3372583 21.4,16 C21.4,16.6627417 20.8627417,17.2 20.2,17.2 Z M16,17.2 C15.3372583,17.2 14.8,16.6627417 14.8,16 C14.8,15.3372583 15.3372583,14.8 16,14.8 C16.6627417,14.8 17.2,15.3372583 17.2,16 C17.2,16.6627417 16.6627417,17.2 16,17.2 Z M11.8,17.2 C11.1372583,17.2 10.6,16.6627417 10.6,16 C10.6,15.3372583 11.1372583,14.8 11.8,14.8 C12.4627417,14.8 13,15.3372583 13,16 C13,16.6627417 12.4627417,17.2 11.8,17.2 Z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 846 B

4
src/project/templates/project/assets/oneday.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="38px" height="36px" viewBox="0 0 38 36" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M23.0312985,9.83450053 L23.1661943,9.84335396 L31.1479737,13.8187706 L31.2449427,13.9774359 L31.1474907,22.4225321 L31.0060783,22.5922617 L22.8651124,24.1727574 L6.75505731,21.5685352 L6.85681996,13.8499366 L6.95918254,13.6930236 L10.67674,12.0147436 L16.6595647,12.0242441 L23.0312985,9.83450053 Z M29.3728595,17.9055198 L29.5021885,18.0744551 L29.5021885,21.8388919 L30.318225,21.6661765 L30.3880086,14.588377 L23.4696803,11.1417671 L23.4696803,16.309618 L29.3728595,17.9055198 Z M9.80588662,15.4615072 L9.80588662,13.5253765 L7.89678482,14.396202 L7.8143573,20.7013521 L18.0150539,22.3515618 L18.0150539,17.6257372 L18.1446488,17.4567302 L22.4235949,16.3071559 L22.4235949,11.1266675 L9.80588662,15.4615072 Z M10.85174,14.0198904 L13.7105183,13.0375962 L10.85174,13.0375962 L10.85174,14.0198904 Z M23.4696803,23.0224035 L28.4563351,22.0473466 L28.4563351,18.7200838 L23.4696803,17.3678763 L23.4696803,23.0224035 Z M19.0609073,22.5206129 L22.4235949,23.0652113 L22.4235949,17.3694902 L19.0609073,18.2717353 L19.0609073,22.5206129 Z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

10
src/project/templates/project/includes/navigation.html
View File

@@ -12,14 +12,4 @@
{% show_menu_below_id 'footer' 0 0 0 0 %}
</ul>
</div>
<ul class="navigation__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>
{% static_placeholder 'social_media' %}
</div>

10
src/project/templates/project/includes/search_form.html
View File

@@ -1,16 +1,6 @@
{% load i18n cms_tags %}
<div class="content__frame">
{% 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="search__close header__button header__button--close">
<span class="header__button__icon">
{% include 'project/assets/close.svg' %}
</span>
{% trans 'Schliessen' %}
</a>
{% endwith %}
<div class="content__container">
<div class="content__main">
<div class="search__content">