diff --git a/client/css/style.css b/client/css/style.css index 8669bc42..eed0b7f1 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -49,7 +49,7 @@ button { } .btn { border: 2px solid #84d1ff; - border-radius: 5px; + border-radius: 3px; color: #95a5a6; color: #84d1ff; display: inline-block; @@ -119,19 +119,23 @@ button { width: 220px; z-index: 2; } -#sidebar button { +#sidebar button, +#sidebar .sign-out { border: 1px solid transparent; border-radius: 2px; - color: #7c838d; + color: #818b9e; font-size: 14px; } #sidebar button:hover, #sidebar .active { - background: #2a303a; - border-color: rgba(255, 255, 255, .025); + background: #818b9e; + background: rgba(129, 139, 158, .05); + border-color: rgba(129, 139, 158, .03); } #sidebar button.active { - background: #323841; + background: #818b9e; + background: rgba(129, 139, 158, .1); + border-color: rgba(129, 139, 158, .06); color: #fff; } #sidebar .networks { @@ -142,23 +146,17 @@ button { margin-top: 30px; } #sidebar .empty { - color: #7c838d; + background: no-repeat url(../img/logo.svg); + background-size: 100% 140px; + color: #818b9e; line-height: 1.6; font-size: 12px; - padding: 25px 40px 80px; + margin-top: 20px; + padding: 150px 40px 80px; text-align: center; position: absolute; top: 0; } -#sidebar .empty:before { - content: "\f085"; - display: block; - margin-top: 20px; - font: 64px Octicons; - opacity: .4; - margin-bottom: 24px; - text-align: center; -} #sidebar .chan { display: block; margin: 1px -10px; @@ -177,7 +175,7 @@ button { opacity: 0; } #sidebar .chan:hover .close { - opacity: .2; + opacity: .1; } #sidebar .badge { background: rgba(255, 255, 255, .06); @@ -212,7 +210,7 @@ button { width: 18px; } #sidebar .close:hover { - background-color: rgba(0, 0, 0, .2); + background-color: rgba(0, 0, 0, .1); opacity: .7 !important; } #footer { @@ -223,7 +221,7 @@ button { width: 220px; } #footer .icon { - color: #7c838d; + color: #818b9e; display: inline-block; font: 16px Octicons; line-height: 34px; @@ -312,8 +310,8 @@ button { width: 100%; } #windows .input { - border: 2px solid #e9ecef; - border-radius: 4px; + border: 1px solid #cdd3da; + border-radius: 3px; color: #222; font-size: 14px; margin: 2px 0; @@ -325,7 +323,7 @@ button { } #windows .input:hover, #windows .input:focus { - border-color: #bdc3c7; + border-color: #79838c; } #windows .chan, #windows .window { diff --git a/client/img/logo.svg b/client/img/logo.svg new file mode 100644 index 00000000..f9859c20 --- /dev/null +++ b/client/img/logo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/client/index.html b/client/index.html index 47e296e0..35d6f37f 100644 --- a/client/index.html +++ b/client/index.html @@ -74,31 +74,31 @@
diff --git a/client/js/chat.js b/client/js/chat.js index dfb71416..9e000af9 100644 --- a/client/js/chat.js +++ b/client/js/chat.js @@ -405,12 +405,19 @@ $(function() { var forms = $("#sign-in, #connect"); windows.on("show", ".window", function() { + // Temporary. + return; + var self = $(this); setTimeout(function() { - self.find("input").eq(0).focus(); + self.find("input").eq(0).focus().select(); }, 0); }); + windows.on("click", ".input", function() { + $(this).select(); + }); + forms.on("submit", "form", function(e) { e.preventDefault() var event = "auth"; diff --git a/lib/server.js b/lib/server.js index 2d80d051..51d546eb 100644 --- a/lib/server.js +++ b/lib/server.js @@ -41,7 +41,7 @@ module.exports = function() { } }); - console.log("Server started"); + console.log("Server started."); console.log("Shout is now running on port " + port); if (config.public) {