-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlayout.twig
71 lines (52 loc) · 4.93 KB
/
layout.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
<!DOCTYPE html>
<html class="no-js" lang="{{ settings.language | default('en') }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>{% block title %}{% endblock %}</title>
<meta name="theme-color" content="{{settings.themes.emergency.brandcolor}}">
<meta name="description" content="{{ metatabs.meta.description }}" />
<meta name="author" content="{{ metatabs.meta.author }}" />
<meta name="generator" content="TYPEMILL" />
<link rel="canonical" href="{{ item.urlAbs }}" />
<!-- Render all other meta-tags from the system and from plugins -->
{{ assets.renderMeta() }}
{% block stylesheets %}
{{ assets.renderCSS() }}
{% endblock %}
<style>:root{--brand-color:#DB0000;--brand-color:{{settings.themes.emergency.brandcolor}};--spacing:1em;--font-size:1.25rem}@media screen and (min-width:40em){:root{--spacing:2em;--font-size:1.5rem}}*,::after,::before{box-sizing:border-box}ol,ul{padding:0}li+li{margin-top:.25em}blockquote,body,dd,dl,figure,h2,h3,h4,ol,p,ul{margin:0}ol[class],ul[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}[hidden]{display:none}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:var(--font-size,1rem)}h1,h2,h3,h4{line-height:1.25}h1{font-size:2em;margin:.6em 0 .2em;}h2{font-size:1.5em}h3{font-size:1.125em}h4{font-size:1em}a{font-weight:500;color:var(--brand-color)}a:hover{text-decoration:none}a:focus,a.active{outline:5px solid}table{display:block;width:fit-content;max-width:100%;overflow-x:auto;text-align:left;font-size:1.125rem;border-collapse:collapse}table td,table th{border:1px solid;padding:.125em .25em}button{font-weight:700;text-transform:uppercase;color:var(--brand-color);background-color:#fff;border:2px solid var(--brand-color)}button:hover{background-color:var(--brand-color);color:#fff}pre{overflow-x:auto}code{display:inline-block;padding:.125em .25em;background-color:rgba(0,0,0,.07)}.icon{display:inline-block;width:auto;height:1.25em;margin-right:.25em;fill:currentColor}.iconlink{display:inline-flex;align-items:center}.headernav{display:flex;flex-wrap:wrap;align-items:baseline;float:right;}.naviitem{margin:0 0 0 1em;}.footernav{display:flex;justify-content:space-between;max-width:60ch;}.anchor{text-decoration:none}html{overflow-y:scroll}.site{display:flex;flex-direction:column;min-height:100%;min-height:100vh}.footer,.header,.main{padding:var(--spacing)}.header{flex:none;color:#fff;background-color:var(--brand-color)}.header a{color:inherit}.main{flex:1 0 auto}.footer{flex:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;background-color:#f0f0f0;border-top:1px solid #d4d4d4}.content{padding:1em 0;max-width:60ch}.content>*+*{margin-top:1em}.content ol,.content ul{padding-left:1em}.notification{position:fixed;z-index:100;left:0;right:0;bottom:0;padding:1rem;background-color:#fff;font-size:1rem;transform:translate(0,100%);transition:transform .3s ease;box-shadow:0 0 12px rgba(0,0,0,.25)}@media screen and (min-width:40em){.notification{left:auto;bottom:auto;right:var(--spacing);top:var(--spacing);max-width:22em;transform:translate(150%,0)}}.notification .prompt{display:flex;align-items:center}.notification .prompt>p{flex:1 0 0%;padding-right:1rem}.notification.active{transform:translate(0,0)}</style>
</head>
<body class="site">
<div id="notifications" role="status" aria-live="polite" aria-atomic="true"></div>
<header class="header">
<a href="{{ base_url }}" class="iconlink"><svg class="icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>{{ settings.title }}</a>
<ul class="headernav">
{% for item in navigation %}
<li class="naviitem">
{% if item.active or item.activeParent %}
<a class="active" href="{{ item.urlAbs }}">{{ item.name }}</a>
{% else %}
<a href="{{ item.urlAbs }}">{{ item.name }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
</header>
<main class="main">
{% block content %}{% endblock %}
</main>
<footer class="footer">
{% for column,key in settings.themes.emergency.footercolumns %}
{% if settings.themes.emergency[column] %}
<div>
{{ markdown(settings.themes.emergency[column]) }}
</div>
{% endif %}
{% endfor %}
</footer>
{% block javascripts %}
<script src="{{ base_url }}/themes/emergency/js/offline.js" async defer="defer"></script>
{{ assets.renderJS() }}
{% endblock %}
</body>
</html>