grav-theme-future2021/templates/partials/base.html.twig
2023-07-13 21:50:36 +02:00

92 lines
3.6 KiB
Twig

{# Define global variables #}
{% set theme_config = attribute(config.themes, config.system.pages.theme) %}
{% set compress = theme_var('production-mode') ? '.min.css' : '.css' %}
{% set favicon = theme_config.favicon ? theme_config.favicon|first : { type:'image/png', path: url('theme://images/favicon.png') } %}
{% set new_base_url = base_url_absolute ~ theme_config.blog_page %}
{# Define if sidebar is shown in the page #}
{% set show_sidebar = header_var('show_sidebar')|defined(false) %}
{# Define if the primary image and the attributes of width and height are shown #}
{% set show_image = header_var('show_pageimage')|defined(true) %}
{% set image = page.media[page.header.primaryImage] ?: page.media.all|filter((v, k) => k != page.header.primaryImage and (v.type == 'image' or v.type == 'vector'))|first %}
{% set img_width = header_var('image_width')|default(1038) %}
{% set img_height = header_var('image_height')|default(437) %}
{# Set title and subtitle #}
{% set title = page.title|raw %}
{% set subtitle = page.header.subtitle|raw %}
<!DOCTYPE html>
<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
<head>
{% block head deferred %}
<title>{% if page.title %}{{ page.title|e('html') }} | {% endif %}{{ site.title|e('html') }}</title>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
{% include 'partials/metadata.html.twig' %}
<link rel="icon" type="{{ favicon.type }}" href="{{ url( favicon.path ) }}"/>
<link rel="canonical" href="{{ page.url(true, true) }}"/>
{% endblock head %}
{% block stylesheets %}
{% do assets.addCss('theme://assets/css/main'~compress) %}
{% do assets.addCss('theme://assets/css/fontawesome-all.min.css',{'rel':'preload','as':'style','onload':'this.rel="stylesheet"'}) %}
{% do assets.addCss('theme://assets/css/misc.css', 10) %}
{% do assets.addCss('theme://assets/css/custom.css', 15) %}
{% endblock %}
{% block javascripts %}
{% do assets.add('jquery',101) %}
{% do assets.addJs('theme://assets/js/browser.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://assets/js/breakpoints.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://assets/js/util.js', {group:'bottom'}) %}
{% do assets.addJs('theme://assets/js/main.js', {group:'bottom'}) %}
{% do assets.addJs('theme://assets/js/custom.js', {group:'bottom'}) %}
{% endblock %}
{% block assets deferred %}
{{ assets.css()|raw }}
{{ assets.js()|raw }}
{% endblock %}
</head>
<body class="{% block body_classes %}{{ page.header.body_classes }}{% endblock %} is-preload">
<!-- Wrapper -->
<div id="wrapper">
{% block header %}
{% include 'partials/header.html.twig' %}
{% endblock %}
{% block body %}
{% block menu %}{% endblock %}
{% block main %}
<div id="main">
{% block content %}{% endblock %}
</div>
{% block sidebar %}{% endblock %}
{% endblock %}
{% endblock %}
<a id="back-to-top" href="#" aria-label="{{ 'FUTURE.MISC.BACK_TO_TOP'|t }}" title="{{ 'FUTURE.MISC.BACK_TO_TOP'|t }}">
<i class="fa fa-chevron-up"></i>
</a>
{% block bottom %}
{{ assets.js('bottom')|raw }}
{% endblock %}
</div>
</body>
</html>
<!--
Future Imperfect by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->