https://github.com/felixhaeberle/pfsense-captive-portal

🔒🚪 Awesome pfsense login pages for your captive portal!
https://github.com/felixhaeberle/pfsense-captive-portal

captive-portal css html pfsense template

Last synced: 16 days ago
JSON representation

🔒🚪 Awesome pfsense login pages for your captive portal!

• Host: GitHub
• URL: https://github.com/felixhaeberle/pfsense-captive-portal
• Owner: felixhaeberle
• License: other
• Created: 2018-01-09T14:21:58.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-10-12T14:23:44.000Z (about 2 years ago)
• Last Synced: 2024-05-01T18:46:45.512Z (7 months ago)
• Topics: captive-portal, css, html, pfsense, template
• Language: HTML
• Homepage:
• Size: 6.64 MB
• Stars: 100
• Watchers: 10
• Forks: 53
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# :lock::door: [pfsense Captive Portal Login](https://doc.pfsense.org/index.php/Captive_Portal)

Awesome pfsense login pages template for your captive portal!



Supports **latest version** of [pfsense 2.4.4](https://www.pfsense.org/download/).

The portal pages are using `$PORTAL_ACTION$` and `$PORTAL_REDIRURL$` to get data from the firewall backend.

Authentication requests are send with `POST` requests to the firewall.

The login sites are

- based on **google material** thinking,

- **full responsive** and

- **support all modern browsers**.

All pages have User/Password input written in HTML5 and inline css (in the `head` tag):

- :arrow_right: **Login Page**

- :arrow_left: **Logout Page** with Logout message

- :x: **Error Page** with Error message

This separations is provided and needed by pfsense backend, anyone who is familiar with captive portal and pfsense will know that. Feel free to set issues if you are not comfortable with that solution and if I can do better.

The main plus point of this solutions is the look and feel of the login screen based on a **google material** thinking.

Both background image and logo SVG can be changed as everything of the code.

## :earth_africa: Browsers support

| [](http://godban.github.io/browsers-support-badges/)
IE / Edge | [](http://godban.github.io/browsers-support-badges/)
Firefox | [](http://godban.github.io/browsers-support-badges/)
Chrome | [](http://godban.github.io/browsers-support-badges/)
Safari | [](http://godban.github.io/browsers-support-badges/)
iOS Safari | [](http://godban.github.io/browsers-support-badges/)
Samsung | [](http://godban.github.io/browsers-support-badges/)
Opera |

| --------- | --------- | --------- | --------- | --------- | --------- | --------- |

| IE9, IE10, IE11, Edge| last 5 versions| last 5 versions| last 5 versions| last 5 versions| last 5 versions| last 5 versions

## :link: A list of helpful links

- [Official Pfsense Captive Portal Documentation](https://doc.pfsense.org/index.php/Captive_Portal)

- [Official Pfsense Captive Portal Voucher Documentation](https://doc.pfsense.org/index.php/Captive_Portal_Vouchers)

- [German HowTo Pfsense Captive Portal](http://www.nwlab.net/tutorials/pfSense/Captive-Portal.html)

## :bird: Follow me

Please follow me on [Twitter](https://twitter.com/felix_haeberle) if you want to get updates about this pfsense captive portal and web development.