header.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!doctype html>
  2. <html lang="{{ .Language.Lang }}">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. {{ hugo.Generator -}}
  7. {{ range $.Page.AllTranslations }}
  8. <link rel="alternate" href="{{ .Permalink }}" hreflang="{{ .Language }}" />
  9. {{- end }}
  10. {{ $img := "img/apple-touch-icon.png" | relURL -}}
  11. <link rel="apple-touch-icon" sizes="180x180" href="{{ $img }}"/>
  12. {{ $img := "img/favicon-32x32.png" | relURL -}}
  13. <link rel="icon" type="image/png" sizes="32x32" href="{{ $img }}">
  14. {{ $img := "img/favicon-16x16.png" | relURL -}}
  15. <link rel="icon" type="image/png" sizes="16x16" href="{{ $img }}">
  16. {{ $manifest := "site.webmanifest" | relURL -}}
  17. <link rel="manifest" href="{{ $manifest }}">
  18. {{ $img := "img/safari-pinned-tab.svg" | relURL -}}
  19. <link rel="mask-icon" href="{{ $img }}" color="#5bbad5">
  20. <meta name="msapplication-TileColor" content="#2d89ef">
  21. <meta name="theme-color" content="PaleTurquoise">
  22. {{ $css := "css/picnic.min.css" | relURL -}}
  23. <link rel="stylesheet" href="{{ $css }}">
  24. {{ $css := "css/style.css" | relURL -}}
  25. <link rel="stylesheet" href="{{ $css }}">
  26. <title>{{ i18n .Title }}</title>
  27. </head>
  28. <body>
  29. <div class="top">
  30. <div class="languages">
  31. {{- $this := . -}}
  32. {{- range $.Site.Home.AllTranslations -}}
  33. {{- if eq $this.Site.Language .Language }}
  34. <span class="button" disabled>{{ .Language }}</span>
  35. {{- else }}
  36. <a href="{{ .Permalink }}" class="button">{{ .Language }}</a>
  37. {{- end -}}
  38. {{- end }}
  39. </div>
  40. <div class="header">
  41. {{ $img := "img/lazpaint_icon.png" | relURL -}}
  42. <img class="logo" src="{{ $img }}" width="128" height="128" style="float: left" alt="LazPaint logo">
  43. <h1>LazPaint</h1>
  44. <p class="lead">{{ i18n "app_description" }}</p>
  45. </div>
  46. {{ partial "nav.html" . }}
  47. </div>