137 lines
6.8 KiB
Twig
137 lines
6.8 KiB
Twig
{#
|
|
/**
|
|
* @file
|
|
* Default theme implementation to display a single page.
|
|
*
|
|
* The doctype, html, head and body tags are not in this template. Instead they
|
|
* can be found in the html.html.twig template in this directory.
|
|
*
|
|
* Available variables:
|
|
*
|
|
* General utility variables:
|
|
* - base_path: The base URL path of the Drupal installation. Will usually be
|
|
* "/" unless you have installed Drupal in a sub-directory.
|
|
* - is_front: A flag indicating if the current page is the front page.
|
|
* - logged_in: A flag indicating if the user is registered and signed in.
|
|
* - is_admin: A flag indicating if the user has permission to access
|
|
* administration pages.
|
|
*
|
|
* Site identity:
|
|
* - front_page: The URL of the front page. Use this instead of base_path when
|
|
* linking to the front page. This includes the language domain or prefix.
|
|
*
|
|
* Page content (in order of occurrence in the default page.html.twig):
|
|
* - messages: Status and error messages. Should be displayed prominently.
|
|
* - node: Fully loaded node, if there is an automatically-loaded node
|
|
* associated with the page and the node ID is the second argument in the
|
|
* page's path (e.g. node/12345 and node/12345/revisions, but not
|
|
* comment/reply/12345).
|
|
*
|
|
* Regions:
|
|
* - page.header: Items for the header region.
|
|
* - page.primary_menu: Items for the primary menu region.
|
|
* - page.secondary_menu: Items for the secondary menu region.
|
|
* - page.highlighted: Items for the highlighted content region.
|
|
* - page.help: Dynamic help text, mostly for admin pages.
|
|
* - page.content: The main content of the current page.
|
|
* - page.sidebar_first: Items for the first sidebar.
|
|
* - page.sidebar_second: Items for the second sidebar.
|
|
* - page.footer_top: Items for the footer region.
|
|
* - page.footer_left: Items for the footer region.
|
|
* - page.footer_center: Items for the footer region.
|
|
* - page.footer_right: Items for the footer region.
|
|
* - page.footer_bottom: Items for the footer region.
|
|
* - page.breadcrumb: Items for the breadcrumb region.
|
|
*
|
|
* @see template_preprocess_page()
|
|
* @see html.html.twig
|
|
*
|
|
* @ingroup themeable
|
|
*/
|
|
#}
|
|
<div class="layout-container">
|
|
|
|
<header role="banner">
|
|
{{ page.header }}
|
|
|
|
{{ page.primary_menu }}
|
|
{{ page.secondary_menu }}
|
|
</header>
|
|
|
|
|
|
{{ page.breadcrumb }}
|
|
|
|
{{ page.highlighted }}
|
|
|
|
{{ page.help }}
|
|
|
|
<main role="main">
|
|
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
|
|
|
|
<div class="layout-content">
|
|
{{ page.content }}
|
|
</div>{# /.layout-content #}
|
|
|
|
{% if page.sidebar_first %}
|
|
<aside class="layout-sidebar-first" role="complementary">
|
|
{{ page.sidebar_first }}
|
|
</aside>
|
|
{% endif %}
|
|
|
|
{% if page.sidebar_second %}
|
|
<aside class="layout-sidebar-second" role="complementary">
|
|
{{ page.sidebar_second }}
|
|
</aside>
|
|
{% endif %}
|
|
|
|
</main>
|
|
|
|
<footer role="contentinfo">
|
|
<section id="footer_top">{{ page.footer_top }}</section>
|
|
<section id="footer_middle">
|
|
<section id="footer_left">{{ page.footer_left }}</section>
|
|
<div id="footer_section">
|
|
<section id="footer_center">{{ page.footer_center }}</section>
|
|
<section id="footer_right">{{ page.footer_right }}</section>
|
|
</div>
|
|
</section>
|
|
<section id="footer_bottom">{{ page.bottom }}</section>
|
|
|
|
</footer>
|
|
|
|
{#
|
|
Décors latéraux parallax v2.
|
|
Un seul tile (.decor-tile) cloné en JS pour remplir la hauteur de la page.
|
|
Frises gauches: bord gauche collé à left:0 ; frises droites: right:0.
|
|
Le placement vertical est géré en % du tile dans _background.scss
|
|
pour rester cohérent à la répétition.
|
|
#}
|
|
<div id="background">
|
|
<div class="decor-tile" data-tile-index="0">
|
|
{# decor-once : forme coupée en haut, présente uniquement dans le tile initial #}
|
|
<img class="bgImg decor-left decor-left-1 decor-once" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-1.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-left decor-left-2" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/left-2.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-left decor-left-3" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-3.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-left decor-left-4" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/left-4.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-left decor-left-5" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-5.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-left decor-left-6" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/left-6.png" aria-hidden="true" alt="">
|
|
|
|
<img class="bgImg decor-right decor-right-1 decor-once" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-1.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-2" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-2.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-3" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-3.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-4" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/right-4.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-5" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-5.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-6" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-6.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-7" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-7.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-8" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-8.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-9" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-9.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-10" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/right-10.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-11" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-11.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-12" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-12.png" aria-hidden="true" alt="">
|
|
<img class="bgImg decor-right decor-right-13" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-13.png" aria-hidden="true" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>{# /.layout-container #}
|