Software / code / prosody-modules
Diff
mod_welcome_page/html/index.html @ 4184:9127fa98ee1e
mod_welcome_page: New module to provide a friendly entrypoint to invite-based setups
| author | Matthew Wild <mwild1@gmail.com> |
|---|---|
| date | Fri, 09 Oct 2020 12:19:46 +0100 |
| child | 4192:1be37846314a |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/mod_welcome_page/html/index.html Fri Oct 09 12:19:46 2020 +0100 @@ -0,0 +1,57 @@ +<!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="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> + + <script src="/share/jquery/jquery.min.js"></script> + <script src="/share/bootstrap4/js/bootstrap.min.js"></script> +</body> +</html>
