| 1 | {{define "layout"}}<!doctype html> |
| 2 | <html lang="en"{{with .Theme}} data-theme="{{.}}"{{end}}> |
| 3 | <head> |
| 4 | <meta charset="utf-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 6 | <title>{{block "title" .}}Oficina{{end}}</title> |
| 7 | {{/* A cold first load paints in Onest and with the mark (r3 C4): both are |
| 8 | fetched before the stylesheets that name them are parsed. */}} |
| 9 | <link rel="preload" href="{{fontPreload}}" as="font" type="font/woff2" crossorigin> |
| 10 | <link rel="preload" href="{{v "/static/brand/icon.svg"}}" as="image" type="image/svg+xml"> |
| 11 | <link rel="icon" type="image/png" sizes="32x32" href="{{v "/static/brand/icon-32.png"}}"> |
| 12 | <link rel="icon" type="image/svg+xml" href="{{v "/static/brand/icon.svg"}}"> |
| 13 | <link rel="apple-touch-icon" sizes="180x180" href="{{v "/static/brand/apple-touch-icon.png"}}"> |
| 14 | {{/* The spec's order (shared-chrome §0.5): tokens, theme, brand, estilo's |
| 15 | base, menu and chrome, then the sky and Home's own rules last. */}} |
| 16 | <link rel="stylesheet" href="{{fontsCSS}}"> |
| 17 | <link rel="stylesheet" href="{{v "/static/tokens.css"}}"> |
| 18 | <link rel="stylesheet" href="{{v "/static/theme.css"}}"> |
| 19 | <link rel="stylesheet" href="{{v "/static/brand/brand.css"}}"> |
| 20 | <link rel="stylesheet" href="{{v "/static/estilo/base.css"}}"> |
| 21 | <link rel="stylesheet" href="{{v "/static/estilo/menu.css"}}"> |
| 22 | <link rel="stylesheet" href="{{v "/static/estilo/chrome.css"}}"> |
| 23 | <link rel="stylesheet" href="{{v "/static/busy.css"}}"> |
| 24 | <link rel="stylesheet" href="{{v "/static/estilo/sky.css"}}"> |
| 25 | <link rel="stylesheet" href="{{v "/static/calma.css"}}"> |
| 26 | {{block "head" .}}{{end}} |
| 27 | </head> |
| 28 | <body{{block "bodyattrs" .}}{{end}}> |
| 29 | <div estilo-shell> |
| 30 | {{if not hop}}<a rst-skip href="#main">{{.Chrome.Labels.Skip}}</a>{{end}} |
| 31 | {{template "estilo-bar" .Chrome}} |
| 32 | <main rst-page id="main"> |
| 33 | {{- if door}} |
| 34 | {{template "estilo-door-open" doorView}} |
| 35 | {{template "content" .}} |
| 36 | {{template "estilo-door-close"}} |
| 37 | {{- else if hop}} |
| 38 | <div estilo-door estilo-sky-host> |
| 39 | {{template "estilo-sky" hopSky}} |
| 40 | <section estilo-signin estilo-handoff> |
| 41 | {{template "content" .}} |
| 42 | </section> |
| 43 | </div> |
| 44 | {{- else}} |
| 45 | {{template "content" .}} |
| 46 | {{- end}} |
| 47 | </main> |
| 48 | </div> |
| 49 | {{if not hop}}<script defer src='{{v "/static/busy.js"}}'></script>{{end}} |
| 50 | {{block "scripts" .}}{{end}} |
| 51 | </body> |
| 52 | </html> |
| 53 | {{end}} |
| 54 | |
amadan