<!DOCTYPE html>
<html lang="{{ .Site.Language }}">
<head>
    <title>{{ if not .IsHome }}{{ .Title | title }} | {{ end }}{{ .Site.Title }}</title>
    <link rel="canonical" href="{{ .Site.BaseURL }}">
    <link rel='alternate' type='application/rss+xml' title="{{ .Site.Title }} RSS" href='/index.xml'>
    <link rel='stylesheet' type='text/css' href='/style.css'>
    {{ with .Site.Params.favicon }}<link rel="icon" href="{{ . }}">{{ end -}}
    <meta name="description" content="{{ with .Params.description }}{{ . }}{{ else }}{{ .Summary }}{{ end }}">
    {{ if isset .Params "tags" }}<meta name="keywords" content="{{ with .Params.tags }}{{ delimit . ", " }}{{ end }}">{{ end -}}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="index, follow">
    <meta charset="utf-8">
</head>
<body>
	<!-- Left Banner -->
<div class="banner-left" style="background-image: url('{{ .Params.banner_left | default .Site.Params.default_banner_left }}'); background-size: cover; background-position: center right; background-repeat: no-repeat;"></div>
    <!-- Main Content Wrapper -->
    <div class="content-wrapper">
        {{ if .Site.Menus.main }}{{ partial "nav.html" . }}{{ end -}}
        
        <!-- Main Content Area -->
        <main>
            <header><h1 id="tag_{{ .Title }}">{{ block "title" . }}{{ end }}</h1></header>
            <article>
                {{ block "main" . }}
                    {{ .Content }}
                {{ end }}
            </article>
        </main>
        
        <!-- Language Switcher Footer -->
	<footer class="language-switcher">
  {{ $currentLang := .Site.Language.Lang }}
  {{ $pageLang := .Language.Lang }}
  {{ $translations := .Translations }}

  {{ range .Site.Languages }}
    {{ if eq .Lang $currentLang }}
      <span class="flag active">{{ if eq .Lang "en" }}🇬🇧{{ else }}🇷🇺{{ end }}</span>
    {{ else }}
      {{ $translation := index (where $translations "Lang" .Lang) 0 }}
      <a href="{{ if $translation }}{{ $translation.Permalink }}{{ else }}{{ .Lang | relURL }}{{ end }}" class="flag">
        {{ if eq .Lang "en" }}🇬🇧{{ else }}🇷🇺{{ end }}
      </a>
    {{ end }}
  {{ end }}

    {{ $homeURL := cond (eq .Site.Language.Lang "en") "/" "/ru/" }}
    {{ if ne .RelPermalink $homeURL }}
        <div class="home-button">
            <a href="{{ $homeURL }}">
                {{ if eq .Site.Language.Lang "en" }}Home{{ else }}Домой{{ end }}
            </a>
        </div>
    {{ end }}

    <div class="footer-text">
            <br><br>
            {{ if eq .Site.Language.Lang "en" }}
                Site developed on <a href="https://gohugo.io/" class="gray-link">HUGO</a> with theme <a href="https://github.com/LukeSmithxyz/lugo" class="gray-link">lugo</a><br>
		{{ if .Params.banner_title }}
            Background image: <i>{{ .Params.banner_title }}</i><br>
        {{ else }}
            Background image is a fragment of <i>Lilac</i> by Kyriak Kostiantynovych Kostandi.<br>
        {{ end }}
                The source code and templates are on <a href="https://code.htmlbyhand.online/NaiJi/write-html-by-hand-online" class="gray-link">Gitea</a>
            {{ else }}
                Сайт написан на <a href="https://gohugo.io/" class="gray-link">HUGO</a> с темой <a href="https://github.com/LukeSmithxyz/lugo" class="gray-link">lugo</a><br>
		{{ if .Params.banner_title }}
            Фоновое изображение: <i>{{ .Params.banner_title }}</i><br>
        {{ else }}
            На фоне фрагмент картины <i>Сирень</i> Кириака Константиновича Констанди.<br>
        {{ end }}
                Весь исходный код и шаблоны лежат на <a href="https://code.htmlbyhand.online/NaiJi/write-html-by-hand-online" class="gray-link">Gitea</a>
            {{ end }}
	    <br>
	    ✉️ naijiworld [at] protonmail [dot] com
        </div>
</footer>
    </div>
    
    <!-- Right Banner -->
<div class="banner-right" style="background-image: url('{{ .Params.banner_right | default .Site.Params.default_banner_right }}'); background-size: cover; background-position: center left; background-repeat: no-repeat;"></div>
</body>
</html>
