view/layout.html

Rama main · réplica de lectura del repositorio original.

{{define "layout"}}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="referrer" content="same-origin" />
  <link rel="icon" type="image/svg+xml" href="{{logoURL .ThemeLogoUrl}}" />
  <title>{{block "title" .}}{{.ThemeTitle}}{{end}}</title>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="{{authURL "/static/auth.css"}}" />
  {{if hasThemeCss}}<link rel="stylesheet" href="{{authURL "/static/theme.css"}}" />{{end}}
  {{block "styles" .}}{{end}}
  <script nonce="{{.CspNonce}}">try{var t=localStorage.getItem('autentico-theme');if(t)document.documentElement.setAttribute('data-theme',t)}catch(e){}</script>
</head>

<body>
  <canvas id="canvas"></canvas>
  <main class="auth-page"{{if brandColor}} style="--color-primary-bg:{{brandColor}}"{{end}}>
    {{block "content" .}}{{end}}
  </main>
  <footer>{{range footerLinks}}<a href="{{.URL}}" target="_blank" rel="noopener noreferrer">{{.Label}}</a>{{end}}</footer>
  {{block "scripts" .}}{{end}}
</body>
<script nonce="{{.CspNonce}}" src="{{authURL "/static/main.js"}}"></script>
</html>
{{end}}

{{define "logo"}}
<div class="logo">
  <img src="{{logoURL .ThemeLogoUrl}}" alt="" width="128" height="128" />
</div>
{{end}}