<!DOCTYPE html>
<html lang="en" class="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{% do pimcore_head_link().appendStylesheet(asset('static/css/cessda50.min.css')) %}
{% if document.getTitle() is not empty %}
{% do pimcore_head_title().set(document.getTitle()) %}
{% endif %}
{% if document.getDescription() is not empty %}
{% do pimcore_head_meta().setDescription(document.getDescription()) %}
{% endif %}
{% block head_stylesheets deferred %}
{{ pimcore_head_link() }}
{% endblock %}
{% block layout_head_meta deferred %}
{{ pimcore_head_title() }}
{{ pimcore_head_meta() }}
{% if pimcore_placeholder('canonical').count() %}
<link rel="canonical" href="{{ pimcore_placeholder('canonical') }}"/>
{% endif %}
{% endblock %}
{% block headscripts deferred %}
{{ pimcore_head_script() }}
{% endblock %}
{% set showBreadcrumbs = (hideBreadcrumbs is defined) ? not hideBreadcrumbs : true %}
{% if not document is defined or not document %}
{% set document = pimcore_document(2) %}
{% endif %}
{% if not editmode %}
<style>
#hero-intro {
pointer-events: none;
}
</style>
{% endif %}
</head>
<body class="font-sans bg-body-dark">
{% set navStartNode = document.getProperty('conference_start_doc') %}
{% set mainNavigation = pimcore_build_nav({
active: document,
root: navStartNode
}) %}
<header id="topheader">
<div class="2xl:container mx-auto h-full relative">
<a id="home" href="/" aria-label="Home" class="py-2">
<svg id="mobilelogo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 189 56">
<path class="fill-white" 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>
<path class="fill-white" 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>
<path class="fill-white" 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>
</svg>
</a>
<div class="hidden lg:flex lg:items-stretch h-full w-full" id="topmenu">
<nav class="lg:ml-24 xl:ml-0 flex grow flex-col items-center lg:flex-row lg:justify-center gap-1 lg:gap-6 topnav">
{% for page in mainNavigation %}
<a class="{{page.class}} hover-underline-animation lg:transition-colors font-semibold text-lg xl:text-xl 2xl:text-2xl text-marine-900 hover:text-vnblue-500 dark:text-white dark:hover:text-marine-300 p-3 lg:p-0 w-1/2 rounded-lg lg:rounded-none lg:w-auto bg-marine-50 lg:bg-white dark:bg-marine-900 lg:dark:bg-marine-950 text-center" href="{{ page.uri }}">{{ page.label }}</a>
{% endfor %}
</nav>
{% if not lang is defined or lang == 'en' %}
{% set modetoggletext = 'Light/dark mode' %}
{% else %}
{% set modetoggletext = 'Lys/mørk modus' %}
{% endif %}
<nav class="flex lg:absolute lg:top-0 lg:right-0 lg:justify-self-end items-center justify-center flex-row lg:justify-end gap-4 utility lg:mr-4">
<div class="switch-content relative">
<input type="checkbox" id="mode-switch">
<label for="mode-switch" title="{{ modetoggletext }}" aria-label="{{ modetoggletext }}">
<span class="circle">
<span class="crescent"></span>
</span>
</label>
</div>
<a class="dark:text-white" href="https://www.instagram.com/visitnordkyn" aria-label="Instagram" title="Instagram" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewbox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</a>
<a class="dark:text-white" href="https://facebook.com/visitnordkyn" aria-label="Facebook" title="Facebook" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewbox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
</a>
{% set langlink = '' %}
{% if not lang is defined or lang == 'en' %}
<a href="{{ langlink }}" class="lg:mr-2" aria-label="Norsk" title="Norsk">
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-no" viewbox="0 0 640 480" width="26" height="20">
<path fill="#ed2939" d="M0 0h640v480H0z"/>
<path fill="#fff" d="M180 0h120v480H180z"/>
<path fill="#fff" d="M0 180h640v120H0z"/>
<path fill="#002664" d="M210 0h60v480h-60z"/>
<path fill="#002664" d="M0 210h640v60H0z"/>
</svg>
</a>
{% else %}
<a href="{{ langlink }}" class="lg:mr-2" aria-label="English" title="English">
<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-gb" viewbox="0 0 640 480" width="26" height="20">
<path fill="#012169" d="M0 0h640v480H0z"/>
<path fill="#FFF" d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"/>
<path fill="#C8102E" d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"/>
<path fill="#FFF" d="M241 0v480h160V0zM0 160v160h640V160z"/>
<path fill="#C8102E" d="M0 193v96h640v-96zM273 0v480h96V0z"/>
</svg>
</a>
{% endif %}
</nav>
</div>
<div class="lg:hidden flex justify-end items-center h-full" id="navtoggle">
<button class="outline-0 h-12 w-12 mr-3" id="navopen">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 10" stroke-width=".8" fill="rgba(0,0,0,0)" stroke-linecap="round">
<path d="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7" class="stroke-marine-600 dark:stroke-marine-400">
<animate dur="0.2s" attributename="d" values="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7;M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7" fill="freeze" begin="start.begin"/>
<animate dur="0.2s" attributename="d" values="M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7;M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7" fill="freeze" begin="reverse.begin"/>
</path>
<rect width="12" height="12" stroke="none">
<animate dur="2s" id="reverse" attributename="width" begin="click"/>
</rect>
<rect width="12" height="12" stroke="none">
<animate dur="0.001s" id="start" attributename="width" values="12;0" fill="freeze" begin="click"/>
<animate dur="0.001s" attributename="width" values="0;10" fill="freeze" begin="reverse.begin"/>
</rect>
</svg>
</button>
</div>
</div>
</header>
{{ block('content') }}
<footer class="py-16 mt-24 text-center lg:text-left text-slate-600 dark:text-slate-400 bg-slate-100 dark:bg-marine-900">
<div class="md:container mx-auto"></div>
</footer>
<script>
var navtoggle = document.querySelector('#navtoggle');
navtoggle.addEventListener('click', function () {
document.querySelector('#topmenu').classList.toggle('active');
})
</script>
{% block inlinescripts deferred %}
{{ pimcore_inline_script() }}
{% endblock %}
</body>
</html>