OLD | NEW |
1 {% if product_id %} | 1 {% if product_id %} |
2 {% set product = products[product_id] %} | 2 {% set product = products[product_id] %} |
3 {% set search_label = "Search " + product.full_name + " Help" %} | 3 {% set search_label = "Search " + product.full_name + " Help" %} |
4 {% set search_site = config.get("general", "siteurl") + "," + product.url %} | 4 {% set search_site = config.get("general", "siteurl") + "," + product.url %} |
5 {% else %} | 5 {% else %} |
6 {% set search_label = "Search for help..." %} | 6 {% set search_label = "Search for help..." %} |
7 {% set search_site = config.get("general", "siteurl") %} | 7 {% set search_site = config.get("general", "siteurl") %} |
8 {% endif %} | 8 {% endif %} |
9 | 9 |
10 <header id="site-header" class="navbar {{ 'site-header-minimal' if product_id is
not defined }}"> | 10 <header id="site-header" class="navbar {{ 'site-header-minimal' if product_id is
not defined }}"> |
11 <div class="container large-desktop-width"> | 11 <div class="navbar-container large-desktop-width"> |
12 <h1 id="site-title"> | 12 {{ "index" | linkify(class="navbar-branding float-start") }} |
13 {{ "index" | linkify() }} | 13 <img src="/dist/img/png/eyeo-help.png" srcset="/dist/img/svg/eyeo-help.svg
2x" alt="{{ "eyeo Help" | translate("site-title", "Image alt text") }}" height=
"30" width="205"> |
14 <img src="/dist/img/png/eyeo-help.png" srcset="/dist/img/svg/eyeo-help.s
vg 2x" alt="{{ "eyeo Help" | translate("site-title", "Image alt text") }}" heigh
t="30" width="205"> | 14 </a> |
15 </a> | |
16 </h1> | |
17 | 15 |
18 <button class="toggle-navbar-collapse unstyled phablet-and-mobile-only"> | 16 <button class="toggle-navbar-collapse float-end button-link"> |
19 <img src="/dist/img/png/search-icon.png" srcset="/dist/img/svg/search-icon
.svg 2x" alt="{{ "Toggle Search Bar" | translate("search-toggle-alt", "Image alt
text") }}"> | 17 <img src="/dist/img/png/search-icon.png" srcset="/dist/img/svg/search-icon
.svg 2x" alt="{{ "Toggle Search Bar" | translate("search-toggle-alt", "Image alt
text") }}"> |
20 </button> | 18 </button> |
21 | 19 |
22 <div class="navbar-collapse"> | 20 <div class="navbar-collapse"> |
23 <form id="search-form" action="https://duckduckgo.com" method="GET"> | 21 <form id="search-form" action="https://duckduckgo.com" method="GET"> |
24 <label for="search" class="sr-only">{{ search_label | translate("search-
form-label", "Input label") }}</label> | 22 <label for="search" class="sr-only">{{ search_label | translate("search-
form-label", "Input label") }}</label> |
25 <input id="search" name="q" type="search" placeholder="{{ search_label |
translate("search-form-label", "Input label") }}"> | 23 <input id="search" name="q" type="search" placeholder="{{ search_label |
translate("search-form-label", "Input label") }}"> |
26 <input type="hidden" name="sites" value="{{ search_site }}"> | 24 <input type="hidden" name="sites" value="{{ search_site }}"> |
27 <button type="submit"> | 25 <button type="submit"> |
28 <img src="/dist/img/png/search-icon.png" srcset="/dist/img/svg/search-
icon.svg 2x" alt="{{ "Search" | translate("search-icon-alt", "Image alt text") }
}"> | 26 <img src="/dist/img/png/search-icon.png" srcset="/dist/img/svg/search-
icon.svg 2x" alt="{{ "Search" | translate("search-icon-alt", "Image alt text") }
}"> |
29 </button> | 27 </button> |
30 </form> | 28 </form> |
31 | 29 |
32 {% if product_id %} | 30 {% if product_id %} |
33 <nav id="product-website-link"> | 31 <nav id="product-website-link" class="float-end"> |
34 <a href="{{ product.url }}"> | 32 <a href="{{ product.url }}"> |
35 {{ product.full_name | translate(product_id+"-product-link", "Link lab
el") }}<img src="/dist/img/png/external-icon.png" srcset="/dist/img/svg/external
-icon.svg 2x" alt="{{ "External link icon" | translate("external-link-icon", "Im
age alt text") }}"> | 33 {{ product.full_name | translate(product_id+"-product-link", "Link lab
el") }}<img src="/dist/img/png/external-icon.png" srcset="/dist/img/svg/external
-icon.svg 2x" alt="{{ "External link icon" | translate("external-link-icon", "Im
age alt text") }}"> |
36 </a> | 34 </a> |
37 </nav> | 35 </nav> |
38 {% endif %} | 36 {% endif %} |
39 </div> | 37 </div> |
40 </div> | 38 </div> |
41 </header> | 39 </header> |
OLD | NEW |