<!doctype html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta name="language" content="fr">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">
    <meta name="author" content="SpaceFox">
    {{ hugo.Generator }}
    <meta property="og:site_name" content="{{ .Site.Title }}">
    <meta property="og:url" content="{{ .Permalink }}"/>
    <meta property="og:locale" content="fr"/>
    <link rel="canonical" href="{{ if .Params.canonical }}{{ .Params.canonical }}{{ else }}{{ .Permalink }}{{ end }}">

    <link href="/css/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap&subset=korean" rel="stylesheet">
    <link rel="stylesheet" href="/css/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css">
    <link rel="stylesheet" href="/css/main.css">
    <title>{{ .Title }} – Un Renard en Corée</title>
</head>
<body>
<div class="container" role="main">

    <div>
        <nav class="navbar navbar-expand-lg navbar-light mb-3">
            <a class="navbar-brand" href="/">
                <img src="/images/SpaceFoxKR.svg" height="30" class="d-inline-block align-top" alt="">
                Un Renard en Corée
            </a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbar_3" role="button"
                           data-toggle="dropdown"
                           aria-haspopup="true" aria-expanded="false">Thème</a>
                        <div class="dropdown-menu" aria-labelledby="navbar_2">
                            {{ range .Site.Taxonomies.themes.ByCount }}
                            <a class="dropdown-item" href="{{ .Page.Permalink }}">{{ .Page.Title }} <em>({{ .Count }})</em></a>
                            {{ end }}
                        </div>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbar_1" role="button"
                           data-toggle="dropdown"
                           aria-haspopup="true" aria-expanded="false">Lieu</a>
                        <div class="dropdown-menu" aria-labelledby="navbar_1">
                            {{ range .Site.Taxonomies.lieux }}
                            <a class="dropdown-item" href="{{ .Page.Permalink }}">{{ .Page.Title }} <em>({{ .Count }})</em></a>
                            {{ end }}
                        </div>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbar_2" role="button"
                           data-toggle="dropdown"
                           aria-haspopup="true" aria-expanded="false">Date</a>
                        <div class="dropdown-menu" aria-labelledby="navbar_2">
                            {{ range .Site.Taxonomies.picdates }}
                            <a class="dropdown-item" href="{{ .Page.Permalink }}">{{ .Page.Title }} <em>({{ .Count }})</em></a>
                            {{ end }}
                        </div>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbar_4" role="button"
                           data-toggle="dropdown"
                           aria-haspopup="true" aria-expanded="false">Format</a>
                        <div class="dropdown-menu" aria-labelledby="navbar_2">
                            {{ range .Site.Taxonomies.ratio }}
                            <a class="dropdown-item" href="{{ .Page.Permalink }}">{{ .Page.Title }} <em>({{ .Count }})</em></a>
                            {{ end }}
                        </div>
                    </li>
                </ul>

                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarAPropos" role="button" data-toggle="dropdown"
                           aria-haspopup="true" aria-expanded="false">
                            À propos
                        </a>
                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarAPropos">
                            <a class="dropdown-item" href="/pages/apropos">Qu'est-ce que ce site ?</a>
                            <a class="dropdown-item" href="/pages/licences">Licences</a>
                            <a class="dropdown-item" href="/pages/mentionslegales">Mentions légales</a>
                        </div>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarAilleurs" role="button" data-toggle="dropdown"
                           aria-haspopup="true" aria-expanded="false">
                            Voir aussi…
                        </a>
                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarAPropos">
                            <h6 class="dropdown-header">Mes autres productions</h6>
                            <a class="dropdown-item" href="https://textes.spacefox.fr">Les textes du Renard</a>
                            <a class="dropdown-item" href="http://japon.kisai.info">Un Renard au Japon</a>
                            <a class="dropdown-item" href="https://zestedesavoir.com/contenus/voir/SpaceFox/">Tutoriels et réflexions diverses</a>
                            <h6 class="dropdown-header">Réseaux sociaux</h6>
                            <a class="dropdown-item" href="https://www.facebook.com/francois.spacefox">Facebook</a>
                            <a class="dropdown-item" href="https://twitter.com/Renard_spatial">Twitter</a>
                            <div class="dropdown-divider"></div>
                            <h6 class="dropdown-header">C’est pas moi, mais c’est bien quand même</h6>
                            <a class="dropdown-item" href="https://annecolin.fr/">Anne Colin, photographe <em>lifestyle</em> à Fontainebleau</a>
                            <a class="dropdown-item" href="https://www.darktable.org/">Darktable, pour traiter vos RAW librement</a>
                        </div>
                    </li>

                </ul>
            </div>
        </nav>
    </div>