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>