Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: templates/default.tmpl

Issue 29335113: Issue 2675 - Implemented responsive header for web.eyeo.com (Closed)
Patch Set: Created Jan. 29, 2016, 5:25 p.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « static/js/scripts.js ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: templates/default.tmpl
diff --git a/templates/default.tmpl b/templates/default.tmpl
index f98327e2770d7b9a1110267ae50cdf3e6089cb42..d98b2f3008b1d2bc23fbb011a40e065723f8edb2 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>
+
+ <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>
- <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 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>
« no previous file with comments | « static/js/scripts.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld