grav/themes/project-space/templates/partials/base.html.twig

105 lines
5.5 KiB
Twig
Raw Normal View History

<!DOCTYPE html>
<html lang="{{ grav.language.getLanguage ?: 'en' }}">
<head>
{% block head %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
<meta name="HandheldFriendly" content="True"/>
{% if header.description %}
<meta name="description" content="{{ header.description }}">
{% else %}
<meta name="description" content="{{ site.description }}">
{% endif %}
{% if header.robots %}
<meta name="robots" content="{{ header.robots }}">
{% endif %}
<link rel="icon" type="image/png" href="{{ theme_url }}/images/favicon-256.png?v=0.0.2">
{% for meta in page.metadata %}
<meta
{% if meta.name %}name="{{ meta.name }}" {% endif %}
{% if meta.http_equiv %}http-equiv="{{ meta.http_equiv }}"{% endif %}
{% if meta.charset %}charset="{{ meta.charset }}" {% endif %}
{% if meta.property %}property="{{ meta.property }}"{% endif %}
{% if meta.content %}content="{{ meta.content }}" {% endif %}
/>
{% endfor %}
<title>{% if header.title %}{{ header.title }} | {% endif %}{{ site.title }}</title>
<link rel="stylesheet" type="text/css"
href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400|Inconsolata:400|Roboto:400"/>
{% block stylesheets %}
{% do assets.addCss('theme://css/screen.css', 101) %}
{% do assets.addCss('user://themes/quark/css/line-awesome.min.css', 101) %}
{% do assets.addCss('theme://node_modules/multiple-select/dist/multiple-select.css', 101) %}
{% do assets.addCss('theme://node_modules/@fengyuanchen/datepicker/dist/datepicker.min.css', 101) %}
{% do assets.addCss('theme://node_modules/animate.css/animate.min.css', 101) %}
{% do assets.addCss('theme://node_modules/paper-css/paper.min.css', {'priority': 101, 'loading': 'async', 'media': 'only print'}) %}
{% set colors = '' %}
{% for color in config.theme.colors %}
{% set colors = colors ~ '.filter-color-container input[type="checkbox"][value="' ~ color.name ~ '"] + span:after {color: ' ~ color.value ~ '} !important;}' %}
{% set colors = colors ~ '.filter-color-container input[type="checkbox"][value="' ~ color.name ~ '"] + span:after {color: ' ~ color.value ~ ' !important;}
article.post.' ~ color.name ~ ' {background: ' ~ color.value ~ ' !important;' %}
{% endfor %}
{% do assets.addInlineCss(colors) %}
{{ assets.css()|raw }}
{% endblock %}
{% endblock head %}
</head>
{% block body %}
<body class="home-template">
{% endblock %}
{% include 'partials/menu.html.twig' %}
<div id="tools-drawer" class="sidebar">
{% include 'partials/tools.html.twig' %}
</div>
<div id="menu-drawer" class="sidebar">
{% include 'partials/navigation.html.twig' %}
</div>
<div class="site-wrapper">
{% block content %}
{% block header %}{% endblock %}
{% endblock %}
<footer class="site-footer">
<section class="copyright"><a href="{{ base_url }}">{{ site.title }}</a> &copy; {{ "now"|date("Y") }}</section>
<section class="poweredby">Published with <a href="https://getgrav.org">Grav</a></section>
<section class="poweredby"><a href="https://github.com/olevik/grav-theme-project-space">Theme</a> by <a href="https://olevik.me/">Ole Vik</a>
</section>
</footer>
</div>
{# Footer JS #}
{% block javascripts %}
{% do assets.add('jquery', 101) %}
{# Code highlighting #}
{% do assets.add('theme://js/prism.js') %}
{# Theme JS #}
{% do assets.add('theme://node_modules/pjax/pjax.min.js') %}
{% do assets.add('theme://node_modules/multiple-select/dist/multiple-select.js') %}
{% do assets.add('theme://node_modules/@fengyuanchen/datepicker/dist/datepicker.min.js') %}
{% do assets.addInlineJs('
window.THEME_PROJECTSPACE_TOOLS_PLACEHOLDERS_CATEGORY = "' ~ "THEME_PROJECTSPACE.TOOLS.PLACEHOLDERS.CATEGORY"|t ~ '";
window.THEME_PROJECTSPACE_TOOLS_PLACEHOLDERS_TAG = "' ~ "THEME_PROJECTSPACE.TOOLS.PLACEHOLDERS.TAG"|t ~ '";
window.THEME_PROJECTSPACE_TOOLS_PLACEHOLDERS_COLOR = "' ~ "THEME_PROJECTSPACE.TOOLS.PLACEHOLDERS.COLOR"|t ~ '";
window.THEME_PROJECTSPACE_TOOLS_FORMATTERS_SELECTALL = "' ~ "THEME_PROJECTSPACE.TOOLS.FORMATTERS.SELECTALL"|t ~ '";
window.THEME_PROJECTSPACE_TOOLS_FORMATTERS_ALLSELECTED = "' ~ "THEME_PROJECTSPACE.TOOLS.FORMATTERS.ALLSELECTED"|t ~ '";
window.THEME_PROJECTSPACE_TOOLS_FORMATTERS_COUNTSELECTED_OF = "' ~ "THEME_PROJECTSPACE.TOOLS.FORMATTERS.COUNTSELECTED.OF"|t ~ '";
window.THEME_PROJECTSPACE_TOOLS_FORMATTERS_COUNTSELECTED_SELECTED = "' ~ "THEME_PROJECTSPACE.TOOLS.FORMATTERS.COUNTSELECTED.SELECTED"|t ~ '";
window.THEME_PROJECTSPACE_TOOLS_FORMATTERS_NOMATCHESFOUND = "' ~ "THEME_PROJECTSPACE.TOOLS.FORMATTERS.NOMATCHESFOUND"|t ~ '";
') %}
{% do assets.add('theme://js/theme.js') %}
{% if browser.getBrowser == 'msie' and browser.getVersion >= 8 and browser.getVersion <= 9 %}
{% do assets.add('https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js') %}
{% do assets.add('https://oss.maxcdn.com/respond/1.4.2/respond.min.js') %}
{% endif %}
{{ assets.js()|raw }}
{% endblock %}
</body>
{% block bottom %}{% endblock %}
</html>