go-ssb-room/web/templates/base.tmpl

81 lines
3.0 KiB
Cheetah

<!DOCTYPE html>
<html>
<head>
<!-- complete base template -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/assets/fixfouc.css" rel="stylesheet">
<link href="/assets/style.css" rel="stylesheet">
<title>{{block "title" .}}Go-SSB Room Server{{end}}</title>
</head>
<body class="bg-gray-100">
<div class="sm:mx-auto sm:container">
<div class="flex flex-row justify-end space-x-4 my-4">
{{$user := is_logged_in}}
{{if $user}}
<div class="ml-4 flex-1 sm:hidden flex flex-row items-center">
{{if current_page_is "admin:menu"}}
<svg class="w-6 h-6 text-gray-200" viewBox="0 0 24 24">
<path fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
</svg>
{{else}}
<a href="{{urlTo "admin:menu"}}">
<svg class="w-6 h-6 text-gray-700" viewBox="0 0 24 24">
<path fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
</svg>
</a>
{{end}}
</div>
<span class="flex flex-row items-center divide-x divide-gray-300">
<div class="flex flex-row items-center pr-3">
<svg class="text-green-500 w-4 h-4 mr-1" viewBox="0 0 24 24">
<path fill="currentColor" d="M22,18V22H18V19H15V16H12L9.74,13.74C9.19,13.91 8.61,14 8,14A6,6 0 0,1 2,8A6,6 0 0,1 8,2A6,6 0 0,1 14,8C14,8.61 13.91,9.19 13.74,9.74L22,18M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" />
</svg>
<span class="text-green-500 text-sm">{{$user.Nickname}}</span>
</div>
<a
href="{{urlTo "auth:logout"}}"
class="pl-3 pr-4 py-2 sm:py-1 font-semibold text-sm text-gray-500 hover:text-red-600"
>{{i18n "AuthSignOut"}}</a>
</span>
{{else}}
<a
href="{{urlTo "auth:fallback:signin:form"}}"
class="pl-3 pr-4 py-2 sm:py-1 font-semibold text-sm text-gray-500 hover:text-green-600"
>{{i18n "AuthSignIn"}}</a>
{{end}}
</div>
{{block "extra" .}}{{end}}
{{block "main" .}}
<div class="flex flex-row items-start">
{{$user := is_logged_in}}
{{if $user}}
<div class="hidden sm:block">
{{template "menu" .}}
</div>
{{end}}
<div class="flex flex-col bg-gray-50 rounded-2xl py-4 px-4 sm:px-8 shadow-xl mb-16 flex-1 max-w-full">
{{ block "content" . }}{{end}}
</div>
</div>
{{end}}
{{block "footer" .}}
{{$cocUrl := urlToNotice "NoticeCodeOfConduct"}}
{{$ppUrl := urlToNotice "NoticePrivacyPolicy"}}
<footer class="mb-4 flex flex-row items-center justify-center divide-x divide-gray-300">
{{if $cocUrl}}
<a href="{{$cocUrl}}" class="px-4 text-gray-500 hover:underline">{{i18n "NoticeCodeOfConduct"}}</a>
{{end}}
{{if $ppUrl}}
<a href="{{$ppUrl}}" class="px-4 text-gray-500 hover:underline">{{i18n "NoticePrivacyPolicy"}}</a>
{{end}}
</footer>
{{end}}
</div>
</body>
</html>