view mod_welcome_page/html/index.html @ 4730:1da4b815d2fe

mod_cloud_notify: Identify (and immediately push) urgent stanzas, e.g. calls This covers the following things: - A session that appears online, but has a broken TCP connection - Clients such as Siskin and Snikket iOS that require a push for calls to work It allows the stanza to be pushed immediately instead of waiting for the session to hibernate or an ack to timeout. It shouldn't break any existing cases.
author Matthew Wild <mwild1@gmail.com>
date Wed, 27 Oct 2021 19:12:03 +0100
parents af93644dd5de
children
line wrap: on
line source

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{site_name}</title>
	<link rel="stylesheet" href="/share/bootstrap4/css/bootstrap.min.css">
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/site.webmanifest">
	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#fbd308">
	<meta name="theme-color" content="#fbd308">
	<style>
		#background {
			z-index: -1;
			display: block;
			width: 100%;
			height: 100%;
			background: -webkit-linear-gradient(to left,#0cd0f3,#dfd18e);
			background: linear-gradient(to left,#0cd0f3,#dfd18e); 
			opacity: 0.8;
		}
		.jumbotron {
			opacity: 0.8;
		}
	</style>
</head>
<body>
	<div id="background" class="fixed-top overflow-hidden"></div>

	<div class="container">
	<div class="jumbotron m-md-3">
		<h1 class="display-4">{site_name}</h1>
		<p class="lead">Welcome to our chat service</p>
		<hr class="my-4">
		<p>{site_name} is an XMPP chat service.</p>

		{message&<div class="alert {message.class?alert-info}" role="alert">
			{message.text}
		</div>}

		<form method="POST" action="" class="d-inline">
		<button class="btn btn-primary btn-lg mb-2" type="submit">Create account</button>
		</form>

		{var.links&{var.links#
			<a class="btn btn-{item.class?secondary} btn-lg mb-2" href="{item.href}" role="button">{item.text}</a>
		}}

		{var.webchat&<p class="pt-2">Already have an account here? <a href="{var.webchat}">Log in via the web chat</a></p>}
	</div>
	</div>

	<script src="/share/jquery/jquery.min.js"></script>
	<script src="/share/bootstrap4/js/bootstrap.min.js"></script>
</body>
</html>