<!DOCTYPE html> <html xmlns=“www.w3.org/1999/xhtml” xmlns:fb=“ogp.me/ns/fb#”>

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>
    {% if page.title %}
    {{ page.title | append: " | " | append: site.title | escape }}
    {% else %}
    {{ site.title | escape }}
    {% endif %}
</title>

<meta name="description" content="
        {% if page.excerpt %}
            {{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}
        {% endif %}">

<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<link rel="stylesheet" href="{{ "/assets/css/hci-style.css" | prepend: site.baseurl }}">

{% if site.favicon %}
<link rel="icon" href="{{ site.favicon }}">
{% endif %}

<!-- Define Facebook parameters -->
{% if page.title %}
<meta property="og:title" content="{{ page.title | replace: '"', "'" }}">
{% endif %}
{% if page.image %}
<meta property="og:image" content="{{ site.url }}/assets/images/{{ site.widths | first }}/{{ page.image }}">
{% endif %}
{% if page.teaser %}
<meta property="og:description" content="{{ page.teaser | replace: '"', "'" }}">
{% endif %}

</head>

<body>

<header role="banner" class="page-header">
    <div class="page-header__logo">
        <a class="page-header__logo-link" title="Zur Startseite" href="http://www.uni-wuerzburg.de/startseite/">
            <img src="{{ site.baseurl }}/assets/images/uni-wuerzburg-logo.svg" class="page-header__logo-full">
        </a>
        <img src="{{ site.baseurl }}/assets/images/uni-wuerzburg-header-background.png" class="page-header__logo-background">
    </div>
</header>

<div class="page-hero">
    <script type="text/javascript">
    window.menu = [
        {% for m in site.menu %}
        {
            title: "{{ m.title }}",
            href: "{{ m.href }}",
            {% if m.items %}
            items: [
            {% for sub_m in m.items %}
            {
                title: "{{ sub_m.title }}",
                href: "{{ sub_m.href }}",
                {% if sub_m.items %}
                items: [
                {% for sub_sub_m in sub_m.items %}
                {
                    title: "{{ sub_sub_m.title }}",
                    href: "{{ sub_sub_m.href }}"
                },
                {% endfor %}
                ]
                {% endif %}
            },
            {% endfor %}
            ]
            {% endif %}
        },
        {% endfor %}
    ];
    </script>
    <div id="react-placeholder-navigation"></div>

    {% if page.slides %}
    {% assign slides = page.slides %}
    {% else %}
    {% assign slides = site.slides %}
    {% endif %}
    {% if slides.size > 1 %}
    <div class="slick-element">
        {% for slide in slides %}
            {% if forloop.index == 1 %}
                {% assign class = "" %}
                {% imgsrcset src="slide" sizes="(min-width: 1180px) 1200, (min-width: 980px) 1020px, (min-width: 740px) 720px, 100vw" %}
            {% else %}
                {% imgsrcset src="slide" class="hide" sizes="(min-width: 1180px) 1200, (min-width: 980px) 1020px, (min-width: 740px) 720px, 100vw" %}
            {% endif %}
        {% endfor %}
    </div>
    {% elsif slides.size == 1 %}
    <div class="single-slide">
        {% assign first_image = slides.first %}
        {% imgsrcset src="first_image" dimension="panorama"%}
    </div>
    {% endif %}
</div>

<div class="header-title">
    <a href="{{ site.baseurl }}/">
        {{ site.title }}
    </a>
</div>

<div class="content">
    <div class="content-breadcrumb" id="react-placeholder-breadcrumb" url="{{ site.baseurl }}{{ page.url }}"></div>
    {{ content }}
</div>

{% include footer %}

<div class="u-centerContent u-margin-bottom-10 u-color-disabled">
    <a href="https://www.hci.uni-wuerzburg.de/legal/" class="u-color-disabled">Legal Information</a>
</div>

<script type="text/javascript" src="{{ site.baseurl }}/assets/bundle.js" charset="utf-8"></script>

</body>

</html>