Issue 5636 - Refactored language selector to use og locale location codes instead of locale codes

templates/default.tmpl

 {#
  # This file is part of the Adblock Plus website,
  # Copyright (C) 2006-present eyeo GmbH
  #
  # Adblock Plus is free software: you can redistribute it and/or modify
  # it under the terms of the GNU General Public License version 3 as
  # published by the Free Software Foundation.
  #
  # Adblock Plus is distributed in the hope that it will be useful,
  # but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 80 matching lines @@
           {% 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)}}
           {% endfor %}
           <li id="language">
             <div id="current-language">
-              {{ config.get("langnames", locale) }} ({{ locale | upper }})
+              {{ config.get("langnames", locale) }} ({{ locale | to_og_locale | to_og_location }})
               <span id="language-arrow" class="sprite"></span>
             </div>
             <ul id="language-selector">
               {% for available_locale in available_locales %}
                 <li class="language-entry">
                   {{ page | linkify(available_locale) }}
-                    {{ config.get("langnames", available_locale) }} ({{ available_locale | upper }})
+                    {{ config.get("langnames", available_locale) }} ({{ available_locale | to_og_locale | to_og_location }})
                   </a>
                 </li>
               {% endfor %}
             </ul>
           </li>
         </ul>
         <a href="#" id="hamburger"></a>
       </nav>
     </header>
 
@@ skipping 76 matching lines @@
               <a rel="nofollow" id="social-gplus" class="sprite" href="https://plus.google.com/110020691898167279887"></a>
             </li>
           </ul>
         </section>
       </div>
     </footer>
 
     <script src="/js/main.js"></script>
   </body>
 </html>