inou/portal/templates/base.tmpl

74 lines
3.0 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>
<a href="/legal/terms">Terms</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">
{{range .Languages}}{{if eq $.Lang .Code}}<a href="#" onclick="setLang('{{.Code}}')" class="active">{{.Name}}</a>
{{end}}{{end}}{{range .Languages}}{{if ne $.Lang .Code}}<a href="#" onclick="setLang('{{.Code}}')">{{.Name}}</a>
{{end}}{{end}}
</div>
</div>
</div>
</nav>
{{end}}
{{.Content}}
<script>
function setLang(lang) {
document.getElementById('lang-input').value = lang;
document.getElementById('lang-form').submit();
}
</script>
</body>
</html>