source: hybrid/branches/releng-9/nanobsd/files/usr/local/www/wlportal/index.html

Last change on this file was 14062, checked in by rick, 7 years ago

Fix captive portal hard to use on mobile devices

Mobile phones & iPads do not like the old layout rendering it ugly.
Using bootstrap to make it more pretty.

Note: This is a stripped down version of the captive portal of 11-RELEASE
without multi-language support.

File size: 2.9 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7
8 <title>Welkom bij Wireless Leiden - Captive Portal</title>
9
10 <!-- Bootstrap core CSS -->
11 <link href="css/bootstrap.min.css" rel="stylesheet">
12
13 <!-- Custom styles for this template -->
14 <link href="css/jumbotron-narrow.css" rel="stylesheet">
15
16 <style type='text/css'>
17 li {
18 padding: 10px 0px;
19 }
20 </style>
21 </head>
22
23 <body>
24 <div class="container">
25 <div class="container-fluid">
26 <div class="navbar">
27 <div class="navbar-header pull-left">
28 <img src="/static/wl-logo.png" style="float:left; padding: 5px;" width="80" height="50" title="Stichting Wireless Leiden">
29 <span class="navbar-brand hidden-xs">Stichting Wireless Leiden</span>
30 </div>
31 <div class="navbar-header pull-right">
32 </div>
33 </div>
34
35 <div class="jumbotron">
36 <p class="lead">
37 Eerlijk gebruik maken van Wireless Leiden
38 <ul class="text-left">
39 <li>Het gebruik van het Wireless Leiden netwerk en de internettoegang zijn kostenloos en u hoeft zich niet aan te melden.</li>
40 <li>U dient zich te houden aan de Nederlandse wetgeving en geen schade toe te brengen of ongemak te veroorzaken voor anderen.</li>
41 <li>De Stichting Wireless Leiden accepteert geen enkele aansprakelijkheid voor schade in welke vorm dan ook die is ontstaan door of verband houdt met het gebruik van het netwerk.</li>
42 </ul>
43
44 <form action="http://172.31.255.1/wlportal/index.cgi" method="POST">
45 <input name="action" type="hidden" value="login" />
46 <input type="submit" value="Ik ga akkoord" class="btn-block btn btn-lg btn-success" />
47 </form>
48 </div>
49
50 <div class="row marketing">
51 <div class="col-xs-6">
52 <h4>Gratis</h4>
53 <p>Gemaakt en beheerd door vrijwilligers</p>
54
55 <h4>Gemeenschap</h4>
56 <p>Mede mogelijk gemaakt door vele sponsoren</p>
57
58 <h4>Innovatie</h4>
59 <p>Al onze innovatie is vrij te gebruiken door andere (vrijwilligers) organisaties</p>
60 </div>
61
62 <div class="col-xs-6">
63 <h4>Betrokken</h4>
64 <p>Een open netwerk toegankelijk voor iedereen</p>
65
66 <h4>Diensten</h4>
67 <p>Spin-offs van diverse technologie bedrijven</p>
68
69 <h4>Open</h4>
70 <p>Geen restricties, limieten of andere verborgen blokkades</p>
71 </div>
72 </div>
73
74 <div class="footer">
75 <p>Stichting Wireless Leiden</p>
76 </div>
77
78 <!-- Bootstrap core JavaScript
79 ================================================== -->
80 <!-- Placed at the end of the document so the pages load faster -->
81 <script src="js/jquery.min.js"</script>
82 <script src="js/ie10-viewport-bug-workaround.js"></script>
83 <script src="js/bootstrap.min.js"></script>
84 </body>
85</html>
86
Note: See TracBrowser for help on using the repository browser.