Mercurial > prosody-modules
comparison mod_welcome_page/html/index.html @ 4202:af93644dd5de
mod_welcome_page/html: Containerize the Jumbotron!
This makes the jumbotron not take up the whole screen, if the screen is
large-ish.
author | Kim Alvefur <zash@zash.se> |
---|---|
date | Wed, 14 Oct 2020 17:58:22 +0200 |
parents | e92441e8bda0 |
children |
comparison
equal
deleted
inserted
replaced
4201:41d42e4f5784 | 4202:af93644dd5de |
---|---|
28 </style> | 28 </style> |
29 </head> | 29 </head> |
30 <body> | 30 <body> |
31 <div id="background" class="fixed-top overflow-hidden"></div> | 31 <div id="background" class="fixed-top overflow-hidden"></div> |
32 | 32 |
33 <div class="container"> | |
33 <div class="jumbotron m-md-3"> | 34 <div class="jumbotron m-md-3"> |
34 <h1 class="display-4">{site_name}</h1> | 35 <h1 class="display-4">{site_name}</h1> |
35 <p class="lead">Welcome to our chat service</p> | 36 <p class="lead">Welcome to our chat service</p> |
36 <hr class="my-4"> | 37 <hr class="my-4"> |
37 <p>{site_name} is an XMPP chat service.</p> | 38 <p>{site_name} is an XMPP chat service.</p> |
48 <a class="btn btn-{item.class?secondary} btn-lg mb-2" href="{item.href}" role="button">{item.text}</a> | 49 <a class="btn btn-{item.class?secondary} btn-lg mb-2" href="{item.href}" role="button">{item.text}</a> |
49 }} | 50 }} |
50 | 51 |
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 {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 </div> |
54 </div> | |
53 | 55 |
54 <script src="/share/jquery/jquery.min.js"></script> | 56 <script src="/share/jquery/jquery.min.js"></script> |
55 <script src="/share/bootstrap4/js/bootstrap.min.js"></script> | 57 <script src="/share/bootstrap4/js/bootstrap.min.js"></script> |
56 </body> | 58 </body> |
57 </html> | 59 </html> |