templating-8.x-2.0/templates/misc/html.html.twig
templates/misc/html.html.twig
{% if html_page %}
{{ html_page }}
{% else %}
{#
/**
* @file
* Theme override for the basic structure of a single Drupal page.
*
* Variables:
* - logged_in: A flag indicating if user is logged in.
* - root_path: The root path of the current page (e.g., node, admin, user).
* - node_type: The content type for the current node, if the page is a node.
* - head_title: List of text elements that make up the head_title variable.
* May contain one or more of the following:
* - title: The title of the page.
* - name: The name of the site.
* - slogan: The slogan of the site.
* - page_top: Initial rendered markup. This should be printed before 'page'.
* - page: The rendered page markup.
* - page_bottom: Closing rendered markup. This variable should be printed after
* 'page'.
* - db_offline: A flag indicating if the database is offline.
* - placeholder_token: The token for generating head, css, js and js-bottom
* placeholders.
*
* @see template_preprocess_html()
*/
#}
{%
set body_classes = [
logged_in ? 'user-logged-in',
not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
node_type ? 'page-node-type-' ~ node_type|clean_class,
db_offline ? 'db-offline',
'loading-overlay-showing'
]
%}
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
<title>{{ head_title|safe_join(' | ') }}</title>
<head-placeholder token="{{ placeholder_token }}">
<css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}">
{% if library_template["css_header"] %}
{{library_template["css_header"]|raw}}
{% endif %}
{% if library_template["js_header"] %}
{{library_template["js_header"]|raw}}
{% endif %}
<style>{{ css_template|raw }}</style>
</head>
<body{{ attributes.addClass(body_classes) }} data-loading-overlay data-plugin-page-transition>
<div class="loading-overlay">
<div class="bounce-loader">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
{#
Keyboard navigation/accessibility link to main content section in
page.html.twig.
#}
{#<a href="#main-content" class="visually-hidden focusable skip-link">#}
{#{{ 'Skip to main content'|t }}#}
{#</a>#}
{{ page_top }}
{{ page }}
{{ page_bottom }}
<js-bottom-placeholder token="{{ placeholder_token }}">
{% if library_template["js_footer"] %}
{{library_template["js_footer"]|raw}}
{% endif %}
<script>{{js_template|raw}}</script>
</body>
</html>
{% endif %}
