When connecting through a android phone or Windows computer, the user is prompted to login to the Captive Portal but when I join the network on my MacBook Pro I do not get Apple's 'crippled' browser used for logging into Captive portals. I must try to browse to a webpage manually(e.g.
www.pfsense.org) to get the captive portal login page to appear. I am not a professional web designer by any means. Here is my base code for the login page.
<html>
<head>
<title>Kennedy Captive Portal</title>
<style type="text/css">
.style1 {
font-family: "Adobe Garamond Pro";
color: #0B0061;
}
.style2 {
font-size: medium;
}
.style5 {
font-family: "Adobe Garamond Pro";
color: #0B0061;
font-size: medium;
}
</style>
</head>
<body style="background-color: #000000" text= "#FFFFFF">
<center>
<h2 class="style1">
<img alt="Kennedy Captive Portal" src="captiveportal-MainLogo.gif">
<img alt="Dino Says Hello" src="captiveportal-hello.gif"></h2>
<p class="style1"> </p>
<span class="style2">
Please add an exception to <font color="red">kennedy-captive-portal.stormystorage.com</font> to allow pop-up windows.
Please enter your username and password to continue.
You can also enter a voucher code instead.
</span>
<form method="post" action="
https://kennedy-captive-portal.stormystorage.com:8001/">
<input name="redirurl" type="hidden" value="
http://www.google.ca/">
<table>
<tr><td class="style2">Username:</td><td><input name="auth_user" type="text"></td></tr>
<tr><td class="style2">Password:</td><td><input name="auth_pass" type="password"></td></tr>
<tr><td class="style2">Voucher:</td><td><input name="auth_voucher" type="text"></td></tr>
<tr>
<td colspan="2">
<center><input name="accept" type="submit" value="Continue"></center>
</td>
</tr>
</table>
</form>
<p class="style5">Having a problem?
<a href="mailto:REMOVED TO PASTE ON FORUM">Click To Email Administrator
[/url]</p>
</html>
Thanks for any help to my problem
pfSense Forum
