{{ define "main" }}
{{ partial "content_header.html" . }}
<nav class="languages">
{{ range .AllTranslations }}
  <a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
{{ end }}
</nav>
<section class="flashcards">
  <div class="shadow left"></div>
  <div class="shadow right"></div>
  <ul></ul>
</section>
{{ end }}

{{ define "styles" }}
  {{ partial "single_styles.html" . }}
{{ end }}

{{ define "scripts" }}
  {{- $flashcards := index $.Site.Data.nihongo.flashcards "all" -}}
  <script>
    const flashcards = {{ $flashcards | jsonify | safeJS }};
  </script>
  {{ partial "single_scripts.html" . }}
{{ end }}