diff --git a/sources/public/css/style.css b/sources/public/css/style.css index c3ef0be..aa94d97 100644 --- a/sources/public/css/style.css +++ b/sources/public/css/style.css @@ -75,3 +75,68 @@ div#saveconfirmation div#confirm { margin: 15px 0 0 0; border: 1px solid #F5E79E; } + +div#wifiparty_screen { + top: 0; + left: 0; + display: none; + position: fixed; + height: 100vh; + width: 100vw; + z-index: 998; + background-color: #fff; + text-align: center; +} + +div#wifiparty_screen div.btn-group { + display: block; + margin: 5px; + opacity: 0.3; +} + +div#wifiparty_screen div.btn-group:hover { + opacity: 0.7; +} + +div#wifiparty_ssid_part { + background: #5CB85C; + color: #fff; +} + +div#wifiparty_ssid_part div.btn-group { + float: left; + position: fixed; + top: 0; + left: 0; + z-index: 999; + opacity: 0.2; +} + +div#wifiparty_ssid_part div.btn-group:hover { + opacity: 0.8; +} + +span#wifiparty_ssid { + font-size: 70px; +} + +div#wifiparty_passphrase { + clear: both; + font-size: 140px; + font-style: italic; + margin: 50px 20px; + word-wrap: break-word; + line-height: 0.9; +} + +div#wifiparty_passphrase span.passdigit { + color: #428BCA; +} + +div#wifiparty_passphrase span.passother { + color: #D9534F; +} + +div#wifiparty_passphrase span.passspace { + color: #CCC; +} diff --git a/sources/public/js/custom.js b/sources/public/js/custom.js index 631035a..0e9a8a7 100644 --- a/sources/public/js/custom.js +++ b/sources/public/js/custom.js @@ -77,4 +77,34 @@ $(document).ready(function() { }); } }); + + $('#wifiparty').click(function() { + $('#wifiparty_screen').show('slow'); + }); + + $('#wifiparty_zoomin_ssid').mousedown(function() { + $('#wifiparty_ssid').css('fontSize', (parseInt($('#wifiparty_ssid').css('fontSize')) + 5) + "px"); + }); + + $('#wifiparty_zoomout_ssid').mousedown(function() { + $('#wifiparty_ssid').css('fontSize', (parseInt($('#wifiparty_ssid').css('fontSize')) - 5) + "px"); + }); + + $('#wifiparty_zoomin_passphrase').mousedown(function() { + $('#wifiparty_passphrase').css('fontSize', (parseInt($('#wifiparty_passphrase').css('fontSize')) + 7) + "px"); + }); + + $('#wifiparty_zoomout_passphrase').mousedown(function() { + $('#wifiparty_passphrase').css('fontSize', (parseInt($('#wifiparty_passphrase').css('fontSize')) - 7) + "px"); + }); + + $('#wifiparty_close').click(function() { + $('#wifiparty_screen').hide(); + }); +}); + +$(document).keydown(function(e) { + if(e.keyCode == 27) { + $('#wifiparty_close').click(); + } }); diff --git a/sources/views/settings.html.php b/sources/views/settings.html.php index 3ca03f5..4e6e0a4 100644 --- a/sources/views/settings.html.php +++ b/sources/views/settings.html.php @@ -17,6 +17,31 @@ along with this program. If not, see . --> +
+
+
+ + + +
+ + +
+ +
+ + +
+ +
$0', $wifi_passphrase); + $pw = preg_replace('/\d/', '$0', $pw); + $pw = preg_replace('/ /', '', $pw); + $pw = preg_replace('/span-class/', 'span class', $pw); + echo $pw; +?>
+
+

@@ -53,8 +78,9 @@
-
+
+