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: Fixed code style and consistancy issues Created June 23, 2016, 5:23 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
===================================================================
--- a/templates/default.tmpl
+++ b/templates/default.tmpl
@@ -1,73 +1,98 @@
-<!DOCTYPE html>
-<html lang="{{locale}}">
-<head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
-
- {% if title %}
- <title>{{title}} | Eyeo GmbH</title>
- {% else %}
- <title>Eyeo GmbH</title>
- {% endif %}
-
- <link rel="shortcut icon" href="/images/favicon.png" />
-
- <link rel="stylesheet" href="/css/styles.css" type="text/css" media="all">
-
- <script src="/js/jquery.js"></script>
- <script src="/js/scripts.js"></script>
-
- <link rel="canonical" href="https://eyeo.com/{{ page[:-5] if page.split('/')[-1] == 'index' else page }}">
-
- {% block head %}
- {{head|safe}}
- {% endblock %}
-</head>
-
-<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">
- <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 href="{{source.resolve_link("jobs", locale)[1]}}" hreflang="{{source.resolve_link("jobs", locale)[0]}}" class="menu-button">Join us - we are hiring!</a>
-
- <ul class="menu-list">
- {%- for link, title in [("index", "About Us"), ("services", "Services"), ("team", "Team"), ("press", "Press"), ("contact", "Contact Us")] %}
- {%- if link == page %}
- <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item current_page_item">{{link|linkify}}<span>{{title}}</span></a></li>
- {%- else %}
- <li class="menu-item menu-item-type-post_type menu-item-object-page">{{link|linkify}}<span>{{title}}</span></a></li>
- {%- endif %}
- {%- endfor %}
- </ul>
- </nav>
- </div>
- </header>
-
- <div id="content">
- {{body|safe}}
- </div>
-
- <footer id="footer">
- <div class="content-block">
- <a id="footer-contact" href="{{source.resolve_link("contact", locale)[1]}}" hreflang="{{source.resolve_link("contact", locale)[0]}}">
- Made with ♥ in Cologne
- </a>
-
- <div class="footer-text">
- Adblock Plus™ and Acceptable Ads™ are registered trademarks of Eyeo GmbH.
- </div>
-
- <a href="#top" id="to-top" style="opacity: 0;"></a>
- </div>
- </footer>
-</body>
-
-</html>
+<!DOCTYPE html>
+<html lang="{{locale}}">
+<head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+ {% if title %}
+ <title>{{title}} | Eyeo GmbH</title>
+ {% else %}
+ <title>Eyeo GmbH</title>
+ {% endif %}
+
+ <link rel="shortcut icon" href="/images/favicon.png" />
+
+ <link rel="stylesheet" href="/css/styles.css" type="text/css" media="all">
+
+ <!--[if lt IE 9]>
+ <script src="/js/html5shiv.min.js"></script>
+ <script src="/js/respond.min.js"></script>
+ <![endif]-->
+
+ <script src="/js/jquery.js"></script>
+ <script src="/js/scripts.js"></script>
+
+ <link rel="canonical" href="https://eyeo.com/{{ page[:-5] if page.split('/')[-1] == 'index' else page }}">
+
+ {% block head %}
+ {{head|safe}}
+ {% endblock %}
+</head>
+
+<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" class="top">
+ <div class="content-block">
+
+ {{"jobs"|linkify(id="logo",title="Eyeo GmbH",rel="home")}}
+ <img src="/images/logo.png" srcset="/images/logo.png 1x, /images/logo-2x.png
+ 2x" height="51px" alt="Eyeo GmbH" />
+ </a>
+
+ <a class="assistive-text" href="#content">
+ Skip to main content
+ </a>
+
+ <button id="header-hamburger" 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>
+
+ <nav id="menu" role="navigation" aria-labelledby="header-hamburger" aria-expanded="false">
+ <h1 class="assistive-text">Main menu</h1>
+ <ul class="menu-list">
+ {%- for link, title in [("index", "About Us"), ("services", "Services"), ("team", "Team"), ("press", "Press"), ("contact", "Contact Us")] %}
+ {%- if link == page %}
+ <li class="current-menu-item">
+ {{link|linkify}}
+ <span>{{title}}</span>
+ </a>
+ </li>
+ {%- else %}
+ <li>
+ {{link|linkify}}
+ <span>{{title}}</span>
+ </a>
+ </li>
+ {%- endif %}
+ {%- endfor %}
+ </ul>
+ </nav>
+
+ {{"jobs"|linkify(class="menu-button")}}Join us - we are hiring!</a>
+
+ </div>
+ </header>
+
+ <div id="content">
+ {{body|safe}}
+ </div>
+
+ <footer id="footer">
+ <div class="content-block">
+ <a id="footer-contact" href="{{source.resolve_link("contact", locale)[1]}}" hreflang="{{source.resolve_link("contact", locale)[0]}}">
+ Made with ♥ in Cologne
+ </a>
+
+ <div class="footer-text">
+ Adblock Plus™ and Acceptable Ads™ are registered trademarks of Eyeo GmbH.
+ </div>
+
+ </div>
+ </footer>
+</body>
+
+</html>
« 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