Mercurial > prosody-modules

view mod_welcome_page/html/index.html @ 5193:2bb29ece216b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
mod_http_oauth2: Implement stateless dynamic client registration Replaces previous explicit registration that required either the additional module mod_adhoc_oauth2_client or manually editing the database. That method was enough to have something to test with, but would not probably not scale easily. Dynamic client registration allows creating clients on the fly, which may be even easier in theory. In order to not allow basically unauthenticated writes to the database, we implement a stateless model here. per_host_key := HMAC(config -> oauth2_registration_key, hostname) client_id := JWT { client metadata } signed with per_host_key client_secret := HMAC(per_host_key, client_id) This should ensure everything we need to know is part of the client_id, allowing redirects etc to be validated, and the client_secret can be validated with only the client_id and the per_host_key. A nonce injected into the client_id JWT should ensure nobody can submit the same client metadata and retrieve the same client_secret
author Kim Alvefur <zash@zash.se>
date Fri, 03 Mar 2023 21:14:19 +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>