Unified 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.
Use n/p to move between diff chunks;
N/P to move between comments.
« static/js/scripts.js ('K')
|
« static/js/scripts.js ('k')
|
no next file »
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: templates/default.tmpl |
| =================================================================== |
| --- a/templates/default.tmpl |
| +++ b/templates/default.tmpl |
| @@ -1,73 +1,99 @@ |
| -<!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"> |
| + |
| + <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.
|
| + <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> |
| + |
| + <a href="{{source.resolve_link("jobs", locale)[1]}}" hreflang="{{source.resolve_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.
|
| + 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> |
« static/js/scripts.js ('K')
|
« static/js/scripts.js ('k')
|
no next file »
|
no next file with comments »
