| Index: templates/default.tmpl |
| diff --git a/templates/default.tmpl b/templates/default.tmpl |
| index f98327e2770d7b9a1110267ae50cdf3e6089cb42..37706cd4807cf7a7148cc30391fc20de5f5e9fae 100644 |
| --- a/templates/default.tmpl |
| +++ b/templates/default.tmpl |
| @@ -15,6 +15,11 @@ |
| <link rel="stylesheet" href="/css/styles.css" type="text/css" media="all"> |
| + <!--[if lt IE 9]> |
| + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
| + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
| + <![endif]--> |
| + |
| <script src="/js/jquery.js"></script> |
| <script src="/js/scripts.js"></script> |
| @@ -27,17 +32,25 @@ |
| <body id="top" class="home page page-template-default apollo_validation_on cover wpb-js-composer js-comp-ver-3.6.14.1 vc_responsive"> |
| - <header id="header"> |
| + <header id="header" class="top"> |
| <div class="content-block"> |
| - <a id="logo" href="{{source.resolve_link("index", locale)[1]}}" hreflang="{{source.resolve_link("index", locale)[0]}}" title="Eyeo GmbH" rel="home"><img src="/images/tog_logo.png" alt="Eyeo GmbH" /></a> |
| - <nav id="menu" role="navigation"> |
| - <h3 class="assistive-text">Main menu</h3> |
| - <a class="assistive-text" href="#begin-of-content">Skip to primary content</a> |
| - <a class="assistive-text" href="#secondary">Skip to secondary content</a> |
| + <a id="logo" href="{{source.resolve_link("index", locale)[1]}}" hreflang="{{source.resolve_link("index", locale)[0]}}" title="Eyeo GmbH" rel="home"><img src="/images/tog_logo.png" height="51px" alt="Eyeo GmbH" /></a> |
| + |
| + <a class="assistive-text" href="#begin-of-content">Skip to primary content</a> |
| + <a class="assistive-text" href="#secondary">Skip to secondary content</a> |
| - <a href="{{source.resolve_link("jobs", locale)[1]}}" hreflang="{{source.resolve_link("jobs", locale)[0]}}" class="menu-button">Join us - we are hiring!</a> |
| + <button type="button" id="header-hamberger" aria-expanded="false"> |
| + <span class="assistive-text">Toggle navigation</span> |
| + <span class="icon-bar"></span> |
| + <span class="icon-bar"></span> |
| + <span class="icon-bar"></span> |
| + </button> |
| + <a href="{{source.resolve_link("jobs", locale)[1]}}" hreflang="{{source.resolve_link("jobs", locale)[0]}}" class="menu-button">Join us - we are hiring!</a> |
| + |
| + <nav id="menu" role="navigation" aria-labelledby="header-hamberger" aria-expanded="false"> |
| + <h3 class="assistive-text">Main menu</h3> |
| <ul class="menu-list"> |
| {%- for link, title in [("index", "About Us"), ("services", "Services"), ("team", "Team"), ("press", "Press"), ("contact", "Contact Us")] %} |
| {%- if link == page %} |
| @@ -48,6 +61,7 @@ |
| {%- endfor %} |
| </ul> |
| </nav> |
| + |
| </div> |
| </header> |