{{ if .discordEnabled }} <div id="modal-discord" class="modal"> <div class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3"> <span class="heading mb-4">{{ .strings.linkDiscord }}</span> <p class="content mb-4"> {{ .discordSendPINMessage }}</p> <h1 class="text-center text-2xl mb-2 pin"></h1> <div class="row center"> <a class="my-5 hover:underline"> <span class="mr-2">{{ .strings.joinTheServer }}</span> <span id="discord-invite"></span> </a> </div> <span class="button ~info @low full-width center mt-4" id="discord-waiting">{{ .strings.success }}</span> </div> </div> {{ end }} {{ if .telegramEnabled }} <div id="modal-telegram" class="modal"> <div class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3"> <span class="heading mb-4">{{ .strings.linkTelegram }}</span> <p class="content mb-4">{{ .strings.sendPIN }}</p> <p class="text-center text-2xl mb-2 pin"></p> <a class="subheading link-center" href="{{ .telegramURL }}" target="_blank"> <span class="shield ~info mr-4"> <span class="icon"> <i class="ri-telegram-line"></i> </span> </span> @{{ .telegramUsername }} </a> <span class="button ~info @low full-width center mt-4" id="telegram-waiting">{{ .strings.success }}</span> </div> </div> {{ end }} {{ if .matrixEnabled }} <div id="modal-matrix" class="modal"> <div class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3"> <span class="heading mb-4">{{ .strings.linkMatrix }}</span> <p class="content mb-4"> {{ .strings.matrixEnterUser }}</p> <input type="text" class="input ~neutral @high" placeholder="@user:riot.im" id="matrix-userid"> <div class="subheading link-center mt-4"> <span class="shield ~info mr-4"> <span class="icon"> <i class="ri-chat-3-line"></i> </span> </span> {{ .matrixUser }} </div> <span class="button ~info @low full-width center mt-4" id="matrix-send">{{ .strings.submit }}</span> </div> </div> {{ end }}