templates/layouts/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.         <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  8.         <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  9.         <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  10.         <link rel="manifest" href="/site.webmanifest">
  11.         <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  12.         <meta name="msapplication-TileColor" content="#da532c">
  13.         <meta name="theme-color" content="#ffffff">
  15.         {% do pimcore_head_link().appendStylesheet(asset('static/css/cessda.min.css')) %}
  16.         {% if document.getTitle() is not empty %}
  17.             {% do pimcore_head_title().set(document.getTitle()) %}
  18.         {% endif %}
  20.         {% if document.getDescription() is not empty %}
  21.             {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  22.         {% endif %}
  23.         {% block head_stylesheets deferred %}
  24.             {{ pimcore_head_link() }}
  25.         {% endblock %}
  28.         {% block layout_head_meta deferred %}
  29.             {{ pimcore_head_title() }}
  30.             {{ pimcore_head_meta() }}
  32.             {% if pimcore_placeholder('canonical').count() %}
  33.                 <link rel="canonical" href="{{ pimcore_placeholder('canonical') }}"/>
  34.             {% endif %}
  36.         {% endblock %}
  39.         {% do pimcore_head_script().appendFile(asset('static/js/bootstrap.bundle.min.js')) %}
  41.         {% do pimcore_head_script().appendFile(asset('static/js/lazysizes.min.js')) %}
  42.         {% block headscripts deferred %}
  43.             {{ pimcore_head_script() }}
  44.         {% endblock %}
  45.         {% set theme_class = document.getProperty('theme_class') %}
  46.         {% if training is defined and training == true %}
  48.             {% set theme_class = 'training' %}
  49.         {% endif %}
  52.         {% set pillar_background = document.getProperty('pillar_background') %}
  53.         {% set training_pillar = document.getProperty('training_pillar') %}
  54.         {% set section_title = document.getProperty('section_title') %}
  55.         {% set showBreadcrumbs = (hideBreadcrumbs is defined) ? not hideBreadcrumbs : true %}
  56.         {% if not document is defined or not document %}
  57.             {% set document = pimcore_document(1) %}
  58.         {% endif %}
  59.         {% if training is defined and training == true %}
  60.             {% set training_background = document.getProperty('training_background') %}
  61.             <style>
  62.                 @media(min-width: 992px) {
  63.                     .section-pillar {
  64.                         background-image: url("{{ training_background.thumbnail('pillar') }}");
  65.                     }
  66.                 }
  67.             </style>
  68.         {% elseif pillar_background %}
  69.             <style>
  70.                 @media(min-width: 992px) {
  71.                     .section-pillar {
  72.                         background-image: url("{{ pillar_background.thumbnail('pillar') }}");
  73.                     }
  74.                 }
  75.             </style>
  76.         {% endif %}
  78.         {% if training_pillar %}
  79.             <style>
  81.                 .training-pillar {
  82.                     background-image: url("{{ training_pillar.thumbnail('pillar') }}");
  83.                 }
  84.             </style>
  85.         {% endif %}
  87.         {% if document is defined and (document.id == 1 or document.id == 50) %}
  88.             <!-- MailerLite Universal -->
  89.             <script>
  90.                 (function (m, a, i, l, e, r) {
  91. m['MailerLiteObject'] = e;
  92. function f() {
  93. var c = {
  94. a: arguments,
  95. q: []
  96. };
  97. var r = this.push(c);
  98. return "number" != typeof r ? r : f.bind(c.q);
  99. }
  100. f.q = f.q || [];
  101. m[e] = m[e] || f.bind(f.q);
  102. m[e].q = m[e].q || f.q;
  103. r = a.createElement(i);
  104. var _ = a.getElementsByTagName(i)[0];
  105. r.async = 1;
  106. r.src = l + '?v' + (~~ (new Date().getTime() / 1000000));
  107. _.parentNode.insertBefore(r, _);
  108. })(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');
  109. var ml_account = ml('accounts', '1215904', 't9u1w1z3z1', 'load');
  110.             </script>
  111.             <!-- End MailerLite Universal -->
  112.         {% endif %}
  113.     </head>
  114.     <body {% if theme_class %} class="{{ theme_class }}" {% endif %}>
  117.         {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  120.         {# get the document which should be used to start in navigation | default home #}
  121.         {% set navStartNode = document.getProperty('navigationRoot') %}
  122.             {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  123.         {% set navStartNode = pimcore_document(1) %}
  124.         {% endif %}
  126.         {% set mainNavigation = pimcore_build_nav({
  127.     active: document,
  128.     root: navStartNode
  129. }) %}
  130.     {% if app.request.schemeAndHttpHost != 'https://www.cessda.eu' %}
  131.             <div style="color:black;padding:15px;color:crimson;background:#FFD6E0;text-align:center;font-size:18px;line-height:1;font-weight:600">
  132.                 <span>DEVELOPMENT VERSION</span>
  133.             </div>
  134.         {% endif %}
  135.             <header id="topheader"> <nav id="topnav" class="navbar navbar-expand-lg">
  136.                 <div class="container-xl">
  137.                     <a id="home" class="navbar-brand" href="/">
  138.                         <svg viewbox="0 0 2386 652" class="d-none d-lg-block" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" aria-label="CESSDA Home Page">
  139.                             <path d="M993.333 498.333h-92.5c-52.5 0-95-42.5-95-94.583V249.167c0-52.084 42.5-94.584 95-94.584l92.5-.416c9.584 0 17.5 7.916 17.5 17.5 0 9.583-7.916 17.5-17.5 17.916l-92.5.417c-32.916 0-59.583 26.667-59.583 59.583v154.584c0 32.916 26.667 59.583 59.583 59.583h92.5c9.584 0 17.5 7.917 17.5 17.5.417 9.167-7.5 17.083-17.5 17.083" fill="#3E4C59" fill-rule="nonzero"/>
  140.                             <path d="M1254.17 498.75h-109.584c-52.5 0-95-42.5-95-95V249.583c0-52.5 42.5-95 95-95h44.167c52.5 0 95 42.5 95 95v85.834h-165c-9.583 0-17.5-7.917-17.5-17.5 0-9.584 7.917-17.5 17.5-17.5h130v-50.834c0-32.916-26.667-59.583-59.583-59.583h-44.167c-32.917 0-59.583 26.667-59.583 59.583v154.584c0 32.916 26.666 59.583 59.583 59.583h109.167c9.583 0 17.5 7.917 17.5 17.5s-7.917 17.5-17.5 17.5M2290.83 497.083h-54.583c-26.25 0-50.833-12.916-68.75-36.25-17.083-22.083-26.25-51.25-26.25-82.083 0-62.5 39.167-106.25 95-106.25h77.917c9.583 0 17.5 7.917 17.5 17.5s-7.917 17.5-17.5 17.5h-77.917c-35.833 0-59.583 28.333-59.583 70.833 0 45.834 26.666 82.917 59.583 82.917h54.583c32.917 0 59.584-26.667 59.584-59.583V247.5c0-32.917-26.667-59.583-59.584-59.583h-102.083c-9.583 0-17.5-7.917-17.5-17.5 0-9.584 7.917-17.5 17.5-17.5h102.083c52.5 0 95 42.5 95 95V402.5c0 52.083-42.5 94.583-95 94.583M1997.92 498.75h-55.834c-52.5 0-95-42.5-95-95V249.167c0-52.5 42.5-95 95-95h79.167c9.583 0 17.5 7.916 17.5 17.5 0 9.583-7.917 17.5-17.5 17.5h-79.167c-32.916 0-59.583 26.666-59.583 59.583v154.583c0 32.917 26.667 59.584 59.583 59.584h55.834c32.916 0 59.583-26.667 59.583-59.584V17.5c0-9.583 7.917-17.5 17.5-17.5s17.5 7.917 17.5 17.5v386.25c0 52.5-42.5 95-94.583 95M1457.08 498.75h-101.25c-9.583 0-17.5-7.917-17.5-17.5s7.917-17.5 17.5-17.5h101.25c31.667 0 57.5-25.833 57.5-57.5 0-27.083-19.166-50.833-45.833-56.25l-49.583-10.417c-7.917-1.25-19.167-4.583-22.5-5.833-35.834-13.75-59.584-48.333-59.584-86.667 0-51.25 41.667-92.5 92.5-92.5h76.25c9.584 0 17.5 7.917 17.5 17.5 0 9.584-7.916 17.5-17.5 17.5h-76.25c-31.666 0-57.5 25.834-57.5 57.5 0 23.75 15 45 36.667 53.75 1.667.834 10.833 3.334 16.25 4.167h.417l49.583 10.417c43.75 8.75 75 47.083 75 90.833 0 50.833-41.667 92.5-92.917 92.5M1704.17 498.75h-101.25c-9.584 0-17.5-7.917-17.5-17.5s7.916-17.5 17.5-17.5h101.25c31.666 0 57.5-25.833 57.5-57.5 0-27.083-19.167-50.833-45.834-56.25l-49.583-10.417c-7.917-1.25-19.167-4.583-22.5-5.833-35.833-13.75-59.583-48.333-59.583-86.667 0-51.25 41.666-92.5 92.5-92.5h76.25c9.583 0 17.5 7.917 17.5 17.5 0 9.584-7.917 17.5-17.5 17.5h-76.25c-31.667 0-57.5 25.834-57.5 57.5 0 23.75 15 45 37.083 53.75 1.667.834 10.833 3.334 16.25 4.167h.417l49.583 10.417c42.917 8.75 74.167 47.083 74.167 90.833.416 50.833-41.25 92.5-92.5 92.5" fill="#3E4C59" fill-rule="nonzero"/>
  141.                             <circle cx="325.417" cy="323.333" r="54.167" fill="#3E4C59"/>
  142.                             <path d="M537.5 143.75l-95.417-95C416.25 22.5 383.333 6.25 347.5 1.667 340 .417 332.5 0 325 0c-44.583 0-86.25 17.083-117.5 48.333L48.75 207.5C17.5 238.75 0 280.417 0 325s17.083 86.25 48.75 117.5l95.417 95.833c10 10 23.333 15.417 37.5 15.417 14.166 0 27.5-5.417 37.5-15.417S235 515 235 500.417c0-14.167-5.417-27.917-15.417-37.917l-95-95.833c-11.25-11.25-17.5-25.834-17.5-41.667 0-15.833 5.834-30.417 17.084-41.667l159.166-159.166c11.25-11.25 25.834-17.084 41.667-17.084 15.833 0 30.417 6.25 41.667 17.084l95.416 95c10 10 23.75 15.833 37.917 15.833 14.167 0 27.917-5.417 37.917-15.833 10-10 15.833-23.75 15.833-37.917-.417-13.75-5.833-27.5-16.25-37.5z" fill="#2bb0ed" fill-rule="nonzero"/>
  143.                             <path d="M602.917 209.583L507.5 113.75c-10-10-23.333-15.417-37.5-15.417-14.167 0-27.5 5.417-37.5 15.417s-15.833 23.333-15.833 37.917c0 14.166 5.416 27.916 15.416 37.916l95 95.834c11.25 11.25 17.5 25.833 17.5 41.666 0 15.834-5.833 30.417-17.083 41.667L368.333 527.917C357.083 539.167 342.5 545 326.667 545c-15.834 0-30.417-6.25-41.667-17.083l-95.417-95c-10-10-23.75-15.834-37.916-15.834-14.167 0-27.917 5.417-37.917 15.834-10 10-15.833 23.75-15.833 37.916 0 14.167 5.416 27.917 15.833 37.917l95.417 95c25.833 25.833 58.75 42.083 95 47.083 7.5.834 15 1.667 22.5 1.667 44.583 0 85.833-17.083 117.5-48.333L603.333 445c31.25-31.25 48.334-72.917 48.334-117.5-.417-45-17.5-86.667-48.75-117.917z" fill="#61d0f7" fill-rule="nonzero"/>
  144.                             <path d="M181.667 553.333c-2.5 0-5 0-7.084-.416-11.666-1.667-22.5-6.667-30.833-15l-95.417-95C17.5 411.25 0 369.583 0 325s17.083-86.25 48.333-117.5l75.834-75.833 74.583 77.083-74.583 74.583c-11.25 11.25-17.084 25.834-17.084 41.667 0 15.833 6.25 30.417 17.084 41.667l95.416 95c10 10 15.834 23.75 15.834 37.916 0 14.167-5.417 27.917-15.834 37.917-10 10.417-23.333 15.833-37.916 15.833z" fill="#46aef1" fill-rule="nonzero"/>
  145.                         </svg>
  146.                         <svg id="mobilelogo" class="d-block d-lg-none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 189 56" aria-label="CESSDA Home Page">
  147.                             <path d="M79.29 41.35h-7.05c-3.99 0-7.24-3.24-7.24-7.23V22.34c0-3.99 3.25-7.23 7.24-7.23l7.05-.03h.01c.74 0 1.34.6 1.35 1.34 0 .74-.6 1.35-1.34 1.35l-7.05.03c-2.51 0-4.55 2.03-4.55 4.53v11.78c0 2.5 2.04 4.54 4.55 4.54h7.05c.74 0 1.35.6 1.35 1.35-.03.74-.63 1.35-1.37 1.35M99.17 41.37H90.8c-3.99 0-7.24-3.25-7.24-7.24V22.34c0-3.99 3.25-7.24 7.24-7.24h3.37c3.99 0 7.24 3.25 7.24 7.24v6.55h-12.6a1.35 1.35 0 0 1 0-2.7h9.9v-3.85c0-2.51-2.04-4.54-4.55-4.54H90.8c-2.51 0-4.54 2.04-4.54 4.54v11.79c0 2.51 2.04 4.54 4.54 4.54h8.37c.74 0 1.35.6 1.35 1.35-.01.75-.61 1.35-1.35 1.35M178.26 41.23h-4.17c-2 0-3.86-.98-5.23-2.76-1.29-1.68-2.01-3.9-2.01-6.26 0-4.78 2.98-8.11 7.24-8.11h5.93a1.35 1.35 0 0 1 0 2.7h-5.93c-2.72 0-4.55 2.18-4.55 5.42 0 3.49 2.04 6.33 4.55 6.33h4.17c2.51 0 4.55-2.04 4.55-4.54V22.2c0-2.5-2.04-4.54-4.55-4.54h-7.77a1.35 1.35 0 0 1 0-2.7h7.77c3.99 0 7.24 3.25 7.24 7.24V34c0 3.99-3.25 7.23-7.24 7.23M155.9 41.37h-4.26c-3.99 0-7.24-3.25-7.24-7.24v-11.8c0-3.99 3.25-7.24 7.24-7.24h6.04a1.35 1.35 0 0 1 0 2.7h-6.04c-2.51 0-4.55 2.04-4.55 4.54v11.8c0 2.51 2.04 4.54 4.55 4.54h4.26c2.51 0 4.55-2.04 4.55-4.54V4.66a1.35 1.35 0 0 1 2.7 0v29.47c-.01 3.99-3.26 7.24-7.25 7.24M114.66 41.37h-7.72a1.35 1.35 0 0 1 0-2.7h7.72c2.41 0 4.38-1.96 4.38-4.37 0-2.07-1.47-3.87-3.5-4.29l-3.77-.78c-.6-.11-1.46-.36-1.72-.46-2.72-1.04-4.55-3.69-4.55-6.6 0-3.9 3.17-7.07 7.07-7.07h5.83a1.35 1.35 0 0 1 0 2.7h-5.83c-2.41 0-4.38 1.96-4.38 4.37 0 1.8 1.13 3.44 2.81 4.09.13.05.81.25 1.25.33l.04.01 3.79.79c3.27.67 5.65 3.58 5.65 6.92 0 3.89-3.17 7.06-7.07 7.06M133.51 41.37h-7.72a1.35 1.35 0 0 1 0-2.7h7.72c2.41 0 4.38-1.96 4.38-4.37 0-2.07-1.47-3.87-3.5-4.29l-3.77-.78c-.6-.11-1.45-.36-1.72-.46-2.72-1.04-4.55-3.69-4.55-6.6 0-3.9 3.17-7.07 7.07-7.07h5.83a1.35 1.35 0 0 1 0 2.7h-5.83c-2.41 0-4.38 1.96-4.38 4.37 0 1.8 1.13 3.44 2.81 4.09.13.05.81.25 1.25.33l.04.01 3.79.79c3.27.67 5.65 3.58 5.65 6.92 0 3.89-3.17 7.06-7.07 7.06M32.49 27.99c0 2.29-1.85 4.14-4.14 4.14-2.29 0-4.14-1.85-4.14-4.14 0-2.29 1.85-4.14 4.14-4.14 2.28 0 4.14 1.85 4.14 4.14"></path>
  148.                             <path d="M35.62 11.38c.91-.9 2.12-1.4 3.41-1.4.61 0 1.2.12 1.75.33L37.26 6.8c-2.02-2.01-4.56-3.28-7.37-3.65-.58-.08-1.16-.11-1.73-.11-3.44 0-6.67 1.34-9.09 3.76L7.14 18.73c-.3.3-.59.62-.86.95-1.89 2.29-2.91 5.15-2.91 8.16 0 3.44 1.34 6.67 3.77 9.1l2.88 2.88.61.61v-.01l3.4 3.4c.45.45.98.77 1.55.99l.04.04c.06.02.13.03.19.05.06.02.11.03.17.05.19.05.39.1.59.13h.05c.18.02.35.05.53.05 1.18 0 2.29-.46 3.12-1.28l.01-.01c.01-.01.02-.01.02-.02.84-.84 1.3-1.95 1.3-3.13s-.46-2.3-1.3-3.13l-3.85-3.85-3.03-3.05a3.995 3.995 0 0 1-1.18-2.84c0-.83.25-1.62.72-2.29.13-.18.27-.36.43-.53l5.88-5.88 6.06-6.07c.75-.75 1.76-1.17 2.83-1.17s2.08.42 2.84 1.17l3.53 3.52c-.22-.56-.34-1.16-.33-1.78-.01-1.28.5-2.49 1.42-3.41"></path>
  149.                             <path d="M49.29 18.87l-6.94-6.99a4.404 4.404 0 0 0-3.11-1.27c-1.18 0-2.29.46-3.12 1.28-.84.83-1.31 1.95-1.31 3.13-.01 1.18.45 2.3 1.29 3.14l6.92 6.97c.76.76 1.18 1.77 1.18 2.84 0 1.07-.41 2.08-1.16 2.83L31.1 42.73c-.75.75-1.76 1.17-2.83 1.17s-2.08-.42-2.84-1.17l-3.49-3.49c.2.54.32 1.12.32 1.71 0 1.29-.5 2.51-1.42 3.43-.91.92-2.13 1.42-3.43 1.42a4.603 4.603 0 0 1-1.82-.36l3.57 3.57c2.02 2.01 4.56 3.28 7.37 3.65.57.08 1.15.11 1.73.11 3.44 0 6.67-1.33 9.09-3.76L49.3 37.06c2.42-2.43 3.76-5.66 3.76-9.1s-1.35-6.67-3.77-9.09"></path>
  150.                         </svg>
  151.                     </a>
  153.                     <div id="htoggle" class="navbar-toggler collapsed" data-bs-toggle="collapse" data-bs-target="#topNavMenu" role="button" aria-controls="topNavMenu" aria-expanded="false" aria-label="Toggle navigation">
  155.                         <div id="hamburger">
  156.                             <span></span>
  157.                             <span></span>
  158.                             <span></span>
  159.                             <span></span>
  160.                         </div>
  161.                     </div>
  162.                     <div class="collapse navbar-collapse justify-content-center" id="topNavMenu">
  163.                         <ul class="navbar-nav mx-auto">
  165.                             {% for page in mainNavigation %}
  166.                                 {% if page.documentType == 'page' and page.visible %}
  167.                                     {% set pagedoc = pimcore_document(page.id) %}
  168.                                     <li class="nav-item dropdown">
  169.                                         <a class="nav-link dropdown-toggle menu-toggle-{{ pagedoc.getProperty('theme_class') }}" href="#" aria-label="Expand submenu" id="Dropdown{{ page.id }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  170.                                             {{ page.label }}
  171.                                         </a>
  172.                                         <ul class="dropdown-menu menu-{{ pagedoc.getProperty('theme_class') }}{% if loop.last %} dropdown-menu-end{% endif %}" aria-labelledby="Dropdown{{ page.id }}">
  174.                                             {% for child in page %}
  175.                                                 {% if child.visible %}
  176.                                                     <li>
  177.                                                         <a class="dropdown-item" href="{{ child.uri }}">{{ child.label }}</a>
  178.                                                     </li>
  179.                                                 {% endif %}
  180.                                             {% endfor %}
  182.                                         </ul>
  183.                                     </li>
  184.                                 {% endif %}
  185.                             {% endfor %}
  186.                         </ul>
  189.                         <ul class="navbar-nav">
  190.                             <li class="nav-item nav-icons justify-content-center justify-content-lg-end">
  191.                                 <a href="/News-and-Events/Events" title="Event Calendar">
  192.                                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-calendar2-check" viewbox="0 0 16 16">
  193.                                         <path d="M10.854 8.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
  194.                                         <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
  195.                                         <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
  196.                                     </svg>
  197.                                 </a>
  199.                                 <a href="/About/Main-Office-and-Governance" title="Contact">
  200.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-envelope" viewbox="0 0 16 16">
  201.                                         <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
  202.                                     </svg>
  203.                                 </a>
  205.                                 <a href="/sitemap" title="Sitemap">
  206.                                     <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-diagram-3" viewbox="0 0 16 16">
  207.                                         <path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
  208.                                     </svg>
  209.                                 </a>
  211.                                 <a href="/search" title="Search">
  212.                                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-search" viewbox="0 0 16 16">
  213.                                         <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
  214.                                     </svg>
  215.                                 </a>
  216.                             </li>
  218.                         </ul>
  221.                     </div>
  222.                 </div>
  223.             </nav>
  224.         </header>
  225.     
  226.         {{ block('content') }}
  229.         <footer class="py-5 footer-std">
  230.             <div class="container-xl">
  231.                 <div class="row">
  232.                     <div class="col-12 col-lg-6 text-center text-lg-start order-2 order-lg-1 mt-5 mt-lg-0">
  233.                         <p>
  234.                             <strong>CESSDA</strong><br>
  235.                             <span>Consortium of European
  236.                                 <br>Social Science Data Archives</span>
  237.                         </p><hr class="footer-hr">
  238.                         <p>Solheimsgaten 16<br>
  239.                             5058 Bergen, Norway<br>
  240.                             (+47) 40 10 09 64<br>
  241.                             <a href="mailto:cessda@cessda.eu">cessda@cessda.eu</a>
  242.                         </p>
  243.                         <p>
  244.                             <a href="https://twitter.com/CESSDA_Data/" class="socialfooter twitter" target="_blank">
  245.                                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" fill="currentColor" viewbox="0 0 16 16" aria-label="Twitter">
  246.                                     <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
  247.                                 </svg>
  248.                             </a>
  249.                             <a href="https://www.youtube.com/channel/UCqbZKb1Enh-WcFpg6t86wsA" class="socialfooter youtube" target="_blank">
  250.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewbox="0 0 16 16" aria-label="Youtube">
  251.                                     <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
  252.                                 </svg>
  253.                             </a>
  254.                             <a href="https://www.linkedin.com/company/cessda" class="socialfooter" target="_blank">
  255.                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewbox="0 0 16 16" aria-label="LinkedIn">
  256.                                     <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
  257.                                 </svg>
  258.                             </a>
  259.                         </p>
  261.                         <div class="credit">
  263.                             <a href="https://openconcept.no/en" target="_blank" rel="noopener">Design &amp; solution by Open Concept AS</a>
  264.                         </div>
  266.                     </div>
  269.                     <div class="col-12 col-lg-6 text-center text-lg-start order-1 order-lg-2">
  270.                         <div class="footerlinks">
  273.                             <a href="/News-and-Events/News">News</a><br>
  274.                             <a href="/News-and-Events/Events">Events</a><br>
  275.                             <a href="/About/Main-Office-and-Governance">Main Office</a>
  277.                             <hr class="footer-hr">
  278.                             <a href="/Covid-19">COVID-19</a><br>
  279.                             <a href="/Privacy-Policy">Privacy Policy and Cookies</a><br>
  280.                             <a href="/Acceptable-Use-Policy">Acceptable Use Policy</a>
  282.                         </div>
  284.                     </div>
  286.                 </div>
  287.             </div>
  289.         </footer>
  290.         <div id="btn-back-to-top">
  291.             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewbox="0 0 16 16">
  292.                 <path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
  293.             </svg>
  294.         </div>
  297.         <script>
  299.             document.addEventListener("DOMContentLoaded", function (event) {
  301. var navicon = document.getElementById('htoggle');
  302. var navEl = document.getElementById('hamburger');
  305. function toggleMenu() {
  306. navEl.classList.toggle('open');
  307. };
  308. navicon.addEventListener("click", toggleMenu, false);
  311. let topbutton = document.getElementById("btn-back-to-top");
  313. // When the user scrolls down 20px from the top of the document, show the button
  314. window.onscroll = function () {
  315. scrollFunction();
  316. };
  318. function scrollFunction() {
  319. if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
  320. topbutton.style.opacity = "1";
  321. } else {
  322. topbutton.style.opacity = "0";
  323. }
  324. }
  325. // When the user clicks on the button, scroll to the top of the document
  326. topbutton.addEventListener("click", backToTop);
  328. function backToTop() {
  329. document.body.scrollTop = 0;
  330. document.documentElement.scrollTop = 0;
  331. }
  334. });
  335.         </script>
  336.         <!-- Matomo -->
  337.         <script>
  338.             var _paq = window._paq = window._paq || [];
  339. /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  340. _paq.push(["setDoNotTrack", true]);
  341. _paq.push(['trackPageView']);
  342. _paq.push(['enableLinkTracking']);
  343. (function () {
  344. var u = "https://cessda.matomo.cloud/";
  345. _paq.push([
  346. 'setTrackerUrl',
  347. u + 'matomo.php'
  348. ]);
  349. _paq.push(['setSiteId', '1']);
  350. var secondaryTrackerUrl = 'https://analytics.cessda.eu/matomo.php';
  351. var secondaryWebsiteId = 1;
  352. _paq.push(['addTracker', secondaryTrackerUrl, secondaryWebsiteId]);
  353. var d = document,
  354. g = d.createElement('script'),
  355. s = d.getElementsByTagName('script')[0];
  356. g.type = 'text/javascript';
  357. g.async = true;
  358. g.src = '//cdn.matomo.cloud/cessda.matomo.cloud/matomo.js';
  359. s.parentNode.insertBefore(g, s);
  360. })();
  361.         </script>
  362.         <!-- End Matomo Code -->
  363.     </body>
  364. </html>