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