-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbase.html.twig
85 lines (82 loc) · 5.42 KB
/
base.html.twig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="{{ app.request.locale }}">
<head>
<meta charset="{{ _charset }}">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('site.webmanifest') }}">
<title>{% block title %}SnowTricks - Welcome!{% endblock %}</title>
{% block stylesheets %}
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700" rel="stylesheet" />
<link href="{{ asset(globalAssetsDirectory~'/css/common.css') }}" rel="stylesheet" />
{% endblock %}
</head>
<body id="st-site">
{% block body %}
<main id="st-app" data-media-error="{{ globalMediaTextError }}">
<header id="header" class="st-header st-background-black">
<!-- Main navigation -->
<nav id="header-primary-navigation" role="navigation" class="uk-navbar-container" uk-navbar>
<div class="uk-navbar-left">
<a href="{{ path('home') }}" class="uk-navbar-item uk-logo" title="SnowTricks - Home">
<span class="svg-container">
<object class="svg-content" type="image/svg+xml" width="100%" height="100%" data="{{ asset(globalImageDirectory~'logo-snowtricks.svg') }}"></object>
</span>
</a>
<p class="uk-text-middle st-slogan"><span uk-icon="icon: more-vertical; ratio: 1"></span> <em>Born to ride...</em> <span uk-icon="icon: more-vertical; ratio: 1"></span></p>
</div>
<div class="uk-navbar-right">
{# Mobile nav button #}
<a class="uk-navbar-toggle uk-hidden@m" uk-navbar-toggle-icon href="#" uk-toggle="target: .st-footer-nav-none; animation: uk-animation-fade; queued: true"></a>
<div class="uk-visible@m st-main-nav">
{% include 'main_navigation.html.twig' with { navClass: 'st-header-navbar' } %}
</div>
</div>
</nav>
<div class="uk-position-relative st-image-header">
{% block header %}{% endblock %}
</div>
</header>
<section id="content" class="st-content">
{# this check prevents starting a session when there are no flash messages. #}
{% if app.request.hasPreviousSession %}
{# Flash messages with notification component #}
{% include 'partials/all/flash_message.html.twig' with { 'app': app } only %}
{% endif %}
{% block content %}{% endblock %}
</section>
<footer id="footer" class="uk-section-secondary st-footer">
{% block footer %}{% endblock %}
<div class="uk-position-relative uk-padding st-footer-infos">
{# Only on home page #}
{% if app.request.pathinfo == '/'~app.request.get('_locale') %}
<!-- Home page only -->
<div id="st-home-top" class="uk-position-top-right" uk-scrollspy="cls:uk-animation-slide-right-medium; delay: 500; repeat: true">
<a class="uk-button uk-button-primary" href="#st-trick-list" uk-scroll><span uk-icon="icon: arrow-up; ratio: 2"></span> Go back to top</a>
</div>
{% endif %}
<p class="uk-margin-remove-bottom uk-text-center">SnowTricks © {{ "now"|date("Y") }}<br>Powered by<br class="uk-hidden@m"> Symfony 4 & UIkit frameworks</p>
<p class="uk-margin-remove uk-text-center uk-text-bold st-color-blue">A website about snowboard tricks</p>
<div class="uk-margin-auto st-footer-logo">
<div class="uk-display-block svg-container">
<object class="svg-content" type="image/svg+xml" width="100%" height="100%" data="{{ asset(globalImageDirectory~'logo-snowtricks-footer.svg') }}"></object>
</div>
</div>
</div>
<!-- Main navigation in footer for smaller screen -->
<nav id="footer-primary-navigation" class="uk-navbar-container uk-flex-center uk-hidden@m uk-margin-medium-top uk-text-center st-footer-nav st-footer-nav-none" role="navigation" uk-navbar>
<div class="st-footer-nav-container st-background-red">
{% include 'main_navigation.html.twig' with { navClass: 'st-footer-navbar' } %}
</div>
</nav>
</footer>
</main>
{% endblock %}
{% block javascripts %}
<script src="{{ asset(globalAssetsDirectory~'/js/babel-polyfill.js') }}"></script>
<script src="{{ asset(globalAssetsDirectory~'/js/uikit.js') }}"></script>
{% endblock %}
</body>
</html>