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

Side by Side Diff: templates/default.tmpl

Issue 29335113: Issue 2675 - Implemented responsive header for web.eyeo.com (Closed)
Patch Set: Fixed minor css style issues Created June 16, 2016, 6:05 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« static/js/scripts.js ('K') | « static/js/scripts.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="{{locale}}"> 2 <html lang="{{locale}}">
3 <head> 3 <head>
4 <meta charset="UTF-8" /> 4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scal e=1,user-scalable=no" /> 5 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scal e=1,user-scalable=no" />
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 7
8 {% if title %} 8 {% if title %}
9 <title>{{title}} | Eyeo GmbH</title> 9 <title>{{title}} | Eyeo GmbH</title>
10 {% else %} 10 {% else %}
11 <title>Eyeo GmbH</title> 11 <title>Eyeo GmbH</title>
12 {% endif %} 12 {% endif %}
13 13
14 <link rel="shortcut icon" href="/images/favicon.png" /> 14 <link rel="shortcut icon" href="/images/favicon.png" />
15 15
16 <link rel="stylesheet" href="/css/styles.css" type="text/css" media="all"> 16 <link rel="stylesheet" href="/css/styles.css" type="text/css" media="all">
17 17
18 <!--[if lt IE 9]>
19 <script src="/js/html5shiv.min.js"></script>
20 <script src="/js/respond.min.js"></script>
21 <![endif]-->
22
18 <script src="/js/jquery.js"></script> 23 <script src="/js/jquery.js"></script>
19 <script src="/js/scripts.js"></script> 24 <script src="/js/scripts.js"></script>
20 25
21 <link rel="canonical" href="https://eyeo.com/{{ page[:-5] if page.split('/')[- 1] == 'index' else page }}"> 26 <link rel="canonical" href="https://eyeo.com/{{ page[:-5] if page.split('/')[- 1] == 'index' else page }}">
22 27
23 {% block head %} 28 {% block head %}
24 {{head|safe}} 29 {{head|safe}}
25 {% endblock %} 30 {% endblock %}
26 </head> 31 </head>
27 32
28 <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"> 33 <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">
29 34
30 <header id="header"> 35 <header id="header" class="top">
31 <div class="content-block"> 36 <div class="content-block">
32 <a id="logo" href="{{source.resolve_link("index", locale)[1]}}" hreflang=" {{source.resolve_link("index", locale)[0]}}" title="Eyeo GmbH" rel="home"><img s rc="/images/tog_logo.png" alt="Eyeo GmbH" /></a>
33 37
34 <nav id="menu" role="navigation"> 38 <a id="logo" href="{{source.resolve_link("index", locale)[1]}}" hreflang=" {{source.resolve_link("index", locale)[0]}}" title="Eyeo GmbH" rel="home">
saroyanm 2016/06/22 07:54:24 While we are fixing the header I think it make sen
juliandoucette 2016/06/23 17:25:43 Done.
35 <h3 class="assistive-text">Main menu</h3> 39 <img src="/images/logo.png" srcset="/images/logo.png 1x, /images/logo-2x .png 2x" height="51px" alt="Eyeo GmbH" />
36 <a class="assistive-text" href="#begin-of-content">Skip to primary conte nt</a> 40 </a>
37 <a class="assistive-text" href="#secondary">Skip to secondary content</a >
38 41
39 <a href="{{source.resolve_link("jobs", locale)[1]}}" hreflang="{{source. resolve_link("jobs", locale)[0]}}" class="menu-button">Join us - we are hiring!< /a> 42 <a class="assistive-text" href="#content">
43 Skip to main content
44 </a>
40 45
46 <button id="header-hamburger" aria-expanded="false">
47 <span class="assistive-text">Toggle navigation</span>
48 <span class="icon-bar"></span>
49 <span class="icon-bar"></span>
50 <span class="icon-bar"></span>
51 </button>
52
53 <nav id="menu" role="navigation" aria-labelledby="header-hamburger" aria-e xpanded="false">
54 <h1 class="assistive-text">Main menu</h1>
41 <ul class="menu-list"> 55 <ul class="menu-list">
42 {%- for link, title in [("index", "About Us"), ("services", "Services" ), ("team", "Team"), ("press", "Press"), ("contact", "Contact Us")] %} 56 {%- for link, title in [("index", "About Us"), ("services", "Services" ), ("team", "Team"), ("press", "Press"), ("contact", "Contact Us")] %}
43 {%- if link == page %} 57 {%- if link == page %}
44 <li class="menu-item menu-item-type-post_type menu-item-object-pag e current-menu-item page_item current_page_item">{{link|linkify}}<span>{{title}} </span></a></li> 58 <li class="current-menu-item">
59 {{link|linkify}}
60 <span>{{title}}</span>
61 </a>
62 </li>
45 {%- else %} 63 {%- else %}
46 <li class="menu-item menu-item-type-post_type menu-item-object-pag e">{{link|linkify}}<span>{{title}}</span></a></li> 64 <li>
65 {{link|linkify}}
66 <span>{{title}}</span>
67 </a>
68 </li>
47 {%- endif %} 69 {%- endif %}
48 {%- endfor %} 70 {%- endfor %}
49 </ul> 71 </ul>
50 </nav> 72 </nav>
73
74 <a href="{{source.resolve_link("jobs", locale)[1]}}" hreflang="{{source.re solve_link("jobs", locale)[0]}}" class="menu-button">
saroyanm 2016/06/22 07:54:24 Same as the comment above you can use linkify: {{"
juliandoucette 2016/06/23 17:25:43 Done.
75 Join us - we are hiring!
76 </a>
77
51 </div> 78 </div>
52 </header> 79 </header>
53 80
54 <div id="content"> 81 <div id="content">
55 {{body|safe}} 82 {{body|safe}}
56 </div> 83 </div>
57 84
58 <footer id="footer"> 85 <footer id="footer">
59 <div class="content-block"> 86 <div class="content-block">
60 <a id="footer-contact" href="{{source.resolve_link("contact", locale)[1]}} " hreflang="{{source.resolve_link("contact", locale)[0]}}"> 87 <a id="footer-contact" href="{{source.resolve_link("contact", locale)[1]}} " hreflang="{{source.resolve_link("contact", locale)[0]}}">
61 Made with ♥ in Cologne 88 Made with ♥ in Cologne
62 </a> 89 </a>
63 90
64 <div class="footer-text"> 91 <div class="footer-text">
65 Adblock Plus™ and Acceptable Ads™ are registered trademarks of Eyeo GmbH . 92 Adblock Plus™ and Acceptable Ads™ are registered trademarks of Eyeo GmbH .
66 </div> 93 </div>
67 94
68 <a href="#top" id="to-top" style="opacity: 0;"></a>
69 </div> 95 </div>
70 </footer> 96 </footer>
71 </body> 97 </body>
72 98
73 </html> 99 </html>
OLDNEW
« static/js/scripts.js ('K') | « static/js/scripts.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld