| 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 |