Comparison

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
comparison
equal deleted inserted replaced
4183:ad9ce6750880 4184:9127fa98ee1e
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>{site_name}</title>
7 <link rel="stylesheet" href="/share/bootstrap4/css/bootstrap.min.css">
8 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
9 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
10 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
11 <link rel="manifest" href="/site.webmanifest">
12 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
13 <meta name="msapplication-TileColor" content="#fbd308">
14 <meta name="theme-color" content="#fbd308">
15 <style>
16 #background {
17 z-index: -1;
18 display: block;
19 width: 100%;
20 height: 100%;
21 background: -webkit-linear-gradient(to left,#0cd0f3,#dfd18e);
22 background: linear-gradient(to left,#0cd0f3,#dfd18e);
23 opacity: 0.8;
24 }
25 .jumbotron {
26 opacity: 0.8;
27 }
28 </style>
29 </head>
30 <body>
31 <div id="background" class="fixed-top overflow-hidden"></div>
32
33 <div class="jumbotron m-md-3">
34 <h1 class="display-4">{site_name}</h1>
35 <p class="lead">Welcome to our chat service</p>
36 <hr class="my-4">
37 <p>{site_name} is an XMPP chat service.</p>
38
39 {message&<div class="alert {message.class?alert-info}" role="alert">
40 {message.text}
41 </div>}
42
43 <form method="POST" action="/" class="d-inline">
44 <button class="btn btn-primary btn-lg mb-2" type="submit">Create account</button>
45 </form>
46
47 {var.links&{var.links#
48 <a class="btn btn-{item.class?secondary} btn-lg mb-2" href="{item.href}" role="button">{item.text}</a>
49 }}
50
51 {var.webchat&<p class="pt-2">Already have an account here? <a href="{var.webchat}">Log in via the web chat</a></p>}
52 <div>
53
54 <script src="/share/jquery/jquery.min.js"></script>
55 <script src="/share/bootstrap4/js/bootstrap.min.js"></script>
56 </body>
57 </html>