inou/templates/base.tmpl

124 lines
6.4 KiB
Cheetah

<!DOCTYPE html>
<html lang="{{.Lang}}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>inou{{if .Title}} - {{.Title}}{{end}}</title>
<link rel="canonical" href="https://inou.com{{.RequestPath}}" />
<link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
<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=Sora:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/style.css">
{{if .Embed}}<style>body { padding-top: 0; } .sg-footer { display: none !important; }</style>{{end}}
</head>
<body>
{{if not .Embed}}
<nav class="nav">
<a href="/" class="logo">
<span class="inou">inou</span> <span class="health">health</span> <span class="logo-tagline">AI answers for you</span>
</a>
<div class="nav-right">
{{if .Dossier}}{{if .Dossier.Name}}
<a href="/dashboard" class="nav-link">Dossiers</a>
{{end}}{{end}}
<div class="lang-menu">
<span class="nav-link" style="cursor:pointer">Privacy</span>
<div class="lang-dropdown">
<a href="/privacy-policy">Privacy Policy</a>
<a href="/security">Security</a>
<a href="/legal/dpa">DPA</a>
</div>
</div>
{{if .Dossier}}<a href="/connect" class="nav-link">Connect</a>{{end}}
{{if .Dossier}}{{if .Dossier.Name}}<a href="/invite" class="nav-link">Invite a friend</a>{{end}}{{end}}
<a href="/demo" class="nav-link">Demo</a>
<a href="/pricing" class="nav-link">Pricing</a>
<a href="/faq" class="nav-link">FAQ</a>
{{if .Dossier}}{{if .Dossier.Name}}
<div class="nav-user-menu">
<span class="nav-user-name">{{.Dossier.Name}}</span>
<div class="nav-user-dropdown">
<a href="/logout">{{.T.logout}}</a>
</div>
</div>
{{else}}
<a href="/start" class="btn btn-secondary btn-small">Sign in</a>
{{end}}{{else}}
<a href="/start" class="btn btn-secondary btn-small">Sign in</a>
{{end}}
<form id="lang-form" action="/set-lang" method="POST" style="display:none;"><input type="hidden" name="lang" id="lang-input"></form>
<div class="lang-menu">
<span class="lang-current" style="text-transform: uppercase;">{{.Lang}}</span>
<div class="lang-dropdown">
<a href="#" onclick="setLang('en')"{{if eq .Lang "en"}} class="active"{{end}}>English</a>
<a href="#" onclick="setLang('nl')"{{if eq .Lang "nl"}} class="active"{{end}}>Nederlands</a>
<a href="#" onclick="setLang('de')"{{if eq .Lang "de"}} class="active"{{end}}>Deutsch</a>
<a href="#" onclick="setLang('fr')"{{if eq .Lang "fr"}} class="active"{{end}}>Français</a>
<a href="#" onclick="setLang('es')"{{if eq .Lang "es"}} class="active"{{end}}>Español</a>
<a href="#" onclick="setLang('pt')"{{if eq .Lang "pt"}} class="active"{{end}}>Português</a>
<a href="#" onclick="setLang('it')"{{if eq .Lang "it"}} class="active"{{end}}>Italiano</a>
<a href="#" onclick="setLang('ru')"{{if eq .Lang "ru"}} class="active"{{end}}>Русский</a>
<a href="#" onclick="setLang('sv')"{{if eq .Lang "sv"}} class="active"{{end}}>Svenska</a>
<a href="#" onclick="setLang('no')"{{if eq .Lang "no"}} class="active"{{end}}>Norsk</a>
<a href="#" onclick="setLang('da')"{{if eq .Lang "da"}} class="active"{{end}}>Dansk</a>
<a href="#" onclick="setLang('fi')"{{if eq .Lang "fi"}} class="active"{{end}}>Suomi</a>
<a href="#" onclick="setLang('ja')"{{if eq .Lang "ja"}} class="active"{{end}}>日本語</a>
<a href="#" onclick="setLang('ko')"{{if eq .Lang "ko"}} class="active"{{end}}>한국어</a>
<a href="#" onclick="setLang('zh')"{{if eq .Lang "zh"}} class="active"{{end}}>中文</a>
</div>
</div>
</div>
</nav>
{{end}}
{{if eq .Page "landing"}}{{template "landing" .}}
{{else if eq .Page "landing_nl"}}{{template "landing_nl" .}}
{{else if eq .Page "landing_ru"}}{{template "landing_ru" .}}
{{else if eq .Page "landing_de"}}{{template "landing_de" .}}
{{else if eq .Page "landing_fr"}}{{template "landing_fr" .}}
{{else if eq .Page "landing_es"}}{{template "landing_es" .}}
{{else if eq .Page "landing_pt"}}{{template "landing_pt" .}}
{{else if eq .Page "landing_it"}}{{template "landing_it" .}}
{{else if eq .Page "landing_sv"}}{{template "landing_sv" .}}
{{else if eq .Page "landing_no"}}{{template "landing_no" .}}
{{else if eq .Page "landing_da"}}{{template "landing_da" .}}
{{else if eq .Page "landing_fi"}}{{template "landing_fi" .}}
{{else if eq .Page "landing_ja"}}{{template "landing_ja" .}}
{{else if eq .Page "landing_ko"}}{{template "landing_ko" .}}
{{else if eq .Page "landing_zh"}}{{template "landing_zh" .}}
{{else if eq .Page "verify"}}{{template "verify" .}}
{{else if eq .Page "onboard"}}{{template "onboard" .}}
{{else if eq .Page "minor_error"}}{{template "minor_error" .}}
{{else if eq .Page "dashboard"}}{{template "dashboard" .}}
{{else if eq .Page "dossier"}}{{template "dossier_v2" .}}
{{else if eq .Page "dossier_v1"}}{{template "dossier" .}}
{{else if eq .Page "add_dossier"}}{{template "add_dossier" .}}
{{else if eq .Page "share"}}{{template "share" .}}
{{else if eq .Page "upload"}}{{template "upload" .}}
{{else if eq .Page "audit"}}{{template "audit" .}}
{{else if eq .Page "connect"}}{{template "connect" .}}
{{else if eq .Page "connect_nl"}}{{template "connect_nl" .}}
{{else if eq .Page "connect_ru"}}{{template "connect_ru" .}}
{{else if eq .Page "invite"}}{{template "invite" .}}
{{else if eq .Page "login"}}{{template "login" .}}
{{else if eq .Page "privacy"}}{{template "privacy" .}}
{{else if eq .Page "security"}}{{template "security" .}}
{{else if eq .Page "dpa"}}{{template "dpa" .}}
{{else if eq .Page "styleguide"}}{{template "styleguide" .}}
{{else if eq .Page "pricing"}}{{template "pricing" .}}
{{else if eq .Page "faq"}}{{template "faq" .}}
{{else if eq .Page "prompts"}}{{template "prompts" .}}
{{else if eq .Page "permissions"}}{{template "permissions" .}}
{{else if eq .Page "edit_access"}}{{template "edit_access" .}}
{{end}}
<script>
function setLang(lang) {
document.getElementById('lang-input').value = lang;
document.getElementById('lang-form').submit();
}
</script>
</body>
</html>