31 lines
1.1 KiB
Cheetah
31 lines
1.1 KiB
Cheetah
{{ define "title" }}{{ i18n "InviteFacadeTitle" }}{{ end }}
|
|
{{ define "content" }}
|
|
<div class="flex flex-col justify-center items-center self-center max-w-lg">
|
|
<p id="welcome" class="text-center mt-8 italic">{{i18nWithData "InviteFacadeWelcome" "RoomTitle" .RoomTitle}}</p>
|
|
<p class="text-center mt-3">{{i18n "InviteFacadeInstruct"}}</p>
|
|
|
|
<a
|
|
id="claim-invite-uri"
|
|
href="{{.JoinRoomURI}}"
|
|
data-href-fallback="{{.FallbackURL}}"
|
|
class="shadow rounded flex flex-row justify-center items-center mt-8 px-4 h-8 text-gray-100 bg-purple-500 hover:bg-purple-600 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-opacity-50"
|
|
>{{i18n "InviteFacadeJoin"}}</a>
|
|
|
|
<p id="waiting" class="hidden mt-8 animate-pulse text-green-500">{{i18n "SSBURIOpening"}}</p>
|
|
|
|
<hr class="mt-8 w-64 h-px bg-gray-200"></hr>
|
|
|
|
<span class="text-center mt-8">{{i18n "InviteFacadeInstructQR"}}</span>
|
|
|
|
<img
|
|
id="start-auth-qrcode"
|
|
src="{{.QRCodeURI}}"
|
|
alt="QR-Code to pass the challenge to an App"
|
|
width="160"
|
|
height="160"
|
|
class="mt-8"
|
|
/>
|
|
|
|
<script src="/assets/invite-uri.js"></script>
|
|
</div>
|
|
{{ end }} |