Index: templates/default.tmpl |
=================================================================== |
--- a/templates/default.tmpl |
+++ b/templates/default.tmpl |
@@ -71,55 +71,59 @@ |
</head> |
<body> |
<noscript> |
<link rel="stylesheet" href="/css/noscript-desktop.css" media="(min-width: 1000px)"/> |
<link rel="stylesheet" href="/css/noscript-mobile.css" media="(max-width: 1000px)"/> |
</noscript> |
- {% macro pageitem(name) %} |
- {% if name == page %} |
- <li class="selected">{{get_string(name, "menu")}}</li> |
- {% else %} |
- <li>{{name|linkify}}{{get_string(name, "menu")}}</a></li> |
- {% endif %} |
+ {% macro pageitem(pagename) %} |
+ <li{{ " class=\"selected\"" if pagename == page else "" }}> |
+ {{ pagename | linkify }}{{ get_string(pagename, "menu") }}</a> |
+ </li> |
{% endmacro %} |
- <header> |
- {{"index"|linkify(id="logo", class="sprite", itemprop="image")}}</a> |
- <nav> |
- <ul> |
- {% if localefile == "index" %} |
- <li class="selected first">{{get_string("installation", "menu")}}</li> |
- {% else %} |
- <li class="install-link first">{{"index"|linkify}}{{get_string("installation", "menu")}} <span class="sprite install-link-icon"></span></a></li> |
- {% endif %} |
- {% for name in ["about", "features", "bugs", "contribute"] %} |
- {{pageitem(name)}} |
+ <nav id="navbar-primary"> |
+ <div class="container"> |
+ {{ "index" | linkify(id="navbar-logo") }} |
+ <img |
+ alt="{{ "ABP" | translate("navbar-logo-alt", "Navbar logo alt text") }}" |
+ src="/img/navbar-logo.png" |
+ srcset="/img/navbar-logo.svg 2x"> |
+ <span>{{ "Adblock <strong>Plus</strong>" | translate("navbar-logo-text", "Navbar logo text") }}</span> |
+ </a> |
+ <a href="#" id="navbar-menu"> |
+ <img |
+ height="25px" |
+ src="/img/navbar-menu-icon.png" |
+ srcset="/img/navbar-menu-icon-2x.png" |
+ alt="{{ "Menu icon" | translate("navbar-menu-logo", "Navbar menu logo alt text") }}"> |
+ </a> |
+ <ul id="navbar-nav"> |
+ {% for pagename in ["about", "features", "bugs", "contribute"] %} |
+ {{ pageitem(pagename) }} |
{% endfor %} |
- <li id="language"> |
- <div id="current-language"> |
+ <li id="locale"> |
+ <a href="#" id="selected-locale"> |
{{ config.get("langnames", locale) }} ({{ locale | upper }}) |
- <span id="language-arrow" class="sprite"></span> |
- </div> |
- <ul id="language-selector"> |
+ </a> |
+ <ul id="locales" role="menu" aria-labelledby="selected-locale"> |
{% for available_locale in available_locales %} |
<li class="language-entry"> |
- {{ page | linkify(available_locale) }} |
+ {{ page | linkify(available_locale, class="selected" if available_locale == locale else "") }} |
{{ config.get("langnames", available_locale) }} ({{ available_locale | upper }}) |
</a> |
</li> |
{% endfor %} |
</ul> |
</li> |
</ul> |
- <a href="#" id="hamburger"></a> |
- </nav> |
- </header> |
+ </div><!-- .container --> |
+ </nav> |
<div id="content" {% if localefile == "index" %}class="{{page}}"{% endif %}> |
{% if abbnotification %} |
<? include abb-notification ?> |
{% endif %} |
{% if not noheading %} |
<h1>{{title|translate("title")}}</h1> |
{% endif %} |