Change interface

1 files changed, 25 insertions, 0 deletions

diff --git a/_includes/language_select_button.html b/_includes/language_select_button.html
new file mode 100644
index 0000000..2659b49
--- /dev/null
+++ b/_includes/language_select_button.html
@@ -0,0 +1,25 @@
+<div class="dropdown is-up mr-2">
+  <div class="dropdown-trigger">
+      <button class="button btn-primary" aria-haspopup="true" id="language-select-button" aria-controls="language-selection">
+	  <span>{% t global.language  %}</span>
+	  <span class="icon is-small">
+              <i class="bi bi-chevron-up"></i>
+	  </span>
+      </button>
+  </div>
+  <div class="dropdown-menu" id="language-selection" role="menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+	   {% capture spanish_site %}{{ site.baseurl_root }}{{ page.url}}{% endcapture %}
+	  <a href="{{ spanish_site }}">Español</a>
+      </div>
+      <hr class="dropdown-divider" />
+      <div class="dropdown-item">
+	  {% capture english_site %}{{ site.baseurl_root }}/en{{ page.url}}{% endcapture %}
+	  <a href="{{ english_site }}">English</a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script src="{{ site.baseurl }}/assets/js/language_select.js"></script>