added language swticher to the header

This commit is contained in:
Nuno Coração 2022-09-29 23:05:17 +01:00
parent 66abdf24d2
commit b956b0f280

View file

@ -20,7 +20,6 @@
<a href="{{ "" | relLangURL }}" class="text-base font-medium text-gray-500 hover:text-gray-900">{{ .Site.Title | markdownify <a href="{{ "" | relLangURL }}" class="text-base font-medium text-gray-500 hover:text-gray-900">{{ .Site.Title | markdownify
| emojify }}</a> | emojify }}</a>
{{ partial "translations.html" . }}
</nav> </nav>
<div class="hidden md:flex items-center space-x-5 md:ml-12"> <div class="hidden md:flex items-center space-x-5 md:ml-12">
@ -34,6 +33,8 @@
<span></span> <span></span>
{{ partial "translations.html" . }}
{{ if .Site.Params.enableSearch | default false }} {{ if .Site.Params.enableSearch | default false }}
<button id="search-button" class="text-base hover:text-primary-600 dark:hover:text-primary-400" <button id="search-button" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="{{ i18n " search.open_button_title" }}"> title="{{ i18n " search.open_button_title" }}">
@ -41,6 +42,7 @@
</button> </button>
{{ end }} {{ end }}
{{/* Appearance switch */}} {{/* Appearance switch */}}
{{ if .Site.Params.footer.showAppearanceSwitcher | default false }} {{ if .Site.Params.footer.showAppearanceSwitcher | default false }}
<div <div
@ -61,6 +63,8 @@
<span></span> <span></span>
{{ partial "translations.html" . }}
{{ if .Site.Params.enableSearch | default false }} {{ if .Site.Params.enableSearch | default false }}
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400" <button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="{{ i18n " search.open_button_title" }}"> title="{{ i18n " search.open_button_title" }}">
@ -115,16 +119,6 @@
</div> </div>
<!--
Mobile menu, show/hide based on mobile menu state.
Entering: "duration-200 ease-out"
From: "opacity-0 scale-95"
To: "opacity-100 scale-100"
Leaving: "duration-100 ease-in"
From: "opacity-100 scale-100"
To: "opacity-0 scale-95"
-->
<div id="mobile-menu" <div id="mobile-menu"
class="fixed inset-0 z-30 invisible w-screen h-screen m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50"> class="fixed inset-0 z-30 invisible w-screen h-screen m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
<ul <ul