| Index: includes/browser-select.tmpl | 
| =================================================================== | 
| new file mode 100644 | 
| --- /dev/null | 
| +++ b/includes/browser-select.tmpl | 
| @@ -0,0 +1,20 @@ | 
| +<fieldset> | 
| +  <label id="browser-select-label"> | 
| +    {{ "Your Browser" | translate("browser-select-label", "Label") }}: | 
| +  </label> | 
| + | 
| +  <div id="browser-select" class="custom-select custom-select-dropdown"> | 
| +    <button class="custom-select-selected" aria-expanded="false" aria-haspopup="true"> | 
| +    </button> | 
| +    <ul class="custom-select-options" role="menu" tabindex="-1" aria-labelledby="browser-select-label"> | 
| +      {% for browser in browsers %} | 
| +      <li class="custom-select-option" role="menuitemradio" aria-checked="false" tabindex="0" data-value="{{ browser.id }}"> | 
| +        <img src="/img/png/logo-abp.png" srcset="/img/svg/logo-abp.svg 2x" alt="{{ browser.name+" Logo" | translate( browser.id+"-logo-alt", "Image alt text") }}"> | 
| +        {{ browser.name | translate(browser.id + "-name") }} | 
| +      </li> | 
| +      {% endfor %} | 
| +    </ul> | 
| +  </div> | 
| +</fieldset> | 
| + | 
| +<script id="browser-select-autodetected" type="text/template">{{ "autodetected" | translate("browser-select-autodetected") }}</script> | 
|  |