Issue 5406 - Create Site Footer Component for Help Center

includes/layout/footer.tmpl

Index: includes/layout/footer.tmpl
===================================================================
new file mode 100644
--- /dev/null
+++ b/includes/layout/footer.tmpl
@@ -0,0 +1,31 @@
+<footer id="site-footer" class="navbar">
+  <div class="navbar-wrapper row">
+    <div id="site-footer-locales" class="column one-fourth">
+      <div class="custom-select">
+        <button class="custom-select-selected" aria-expanded="false" aria-haspopup="true">
+          {{ config.get("langnames", locale) }}
+        </button>
+        <ul class="custom-select-options" aria-label="{{ "Select Language" | translate("language-options-label", "Label") }}" role="menu" tabindex="-1">
+          {% for available_locale in available_locales %}
+          <li role="none">
+            {{ page | linkify(available_locale) }}

[juliandoucette, 2017/09/12 11:41:12]

NIT: This line break and indentation causes there to be a space before the comma
in this list when JavaScript is disabled

[ire, 2017/09/12 15:04:02]

Done.

+              {{ config.get("langnames", available_locale) }}
+            </a>
+          </li>
+          {% endfor %}
+        </ul>
+      </div>
+    </div>
+    <div id="site-footer-nav" class="column three-fourths">
+      <nav>
+        <ul class="horizontal-list">
+          <li><a href="">{{ "Legal" | translate("footer-nav-link-1", "Navigation link") }}</a></li>
+          <li><a href="https://adblockplus.org/privacy">{{ "Privacy Policy" | translate("footer-nav-link-2", "Navigation link") }}</a></li>
+        </ul>
+      </nav>
+      <small class="muted">
+        {{ "<a href=\"https://adblockplus.org\">Adblock Plus</a> is a registered trademark of <a href=\"https://eyeo.com\">eyeo GmbH</a>" | translate("footer-trademark-notice", "Paragraph") }}
+      </small>
+    </div>
+  </div>
+</footer>