supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Design changes

Browse Source
This commit is contained in:
Mattias Erming 2014-07-20 18:18:20 -07:00
parent f210973f7d
commit b2ca5eb172
5 changed files with 42 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
client/css/style.css
View File

@ -49,7 +49,7 @@ button {
} }
.btn { .btn {
border: 2px solid #84d1ff; border: 2px solid #84d1ff;
border-radius: 5px; border-radius: 3px;
color: #95a5a6; color: #95a5a6;
color: #84d1ff; color: #84d1ff;
display: inline-block; display: inline-block;
@ -119,19 +119,23 @@ button {
width: 220px; width: 220px;
z-index: 2; z-index: 2;
} }
#sidebar button { #sidebar button,
#sidebar .sign-out {
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 2px; border-radius: 2px;
color: #7c838d; color: #818b9e;
font-size: 14px; font-size: 14px;
} }
#sidebar button:hover, #sidebar button:hover,
#sidebar .active { #sidebar .active {
background: #2a303a; background: #818b9e;
border-color: rgba(255, 255, 255, .025); background: rgba(129, 139, 158, .05);
border-color: rgba(129, 139, 158, .03);
} }
#sidebar button.active { #sidebar button.active {
background: #323841; background: #818b9e;
background: rgba(129, 139, 158, .1);
border-color: rgba(129, 139, 158, .06);
color: #fff; color: #fff;
} }
#sidebar .networks { #sidebar .networks {
@ -142,23 +146,17 @@ button {
margin-top: 30px; margin-top: 30px;
} }
#sidebar .empty { #sidebar .empty {
color: #7c838d; background: no-repeat url(../img/logo.svg);
background-size: 100% 140px;
color: #818b9e;
line-height: 1.6; line-height: 1.6;
font-size: 12px; font-size: 12px;
padding: 25px 40px 80px; margin-top: 20px;
padding: 150px 40px 80px;
text-align: center; text-align: center;
position: absolute; position: absolute;
top: 0; 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 { #sidebar .chan {
display: block; display: block;
margin: 1px -10px; margin: 1px -10px;
@ -177,7 +175,7 @@ button {
opacity: 0; opacity: 0;
} }
#sidebar .chan:hover .close { #sidebar .chan:hover .close {
opacity: .2; opacity: .1;
} }
#sidebar .badge { #sidebar .badge {
background: rgba(255, 255, 255, .06); background: rgba(255, 255, 255, .06);
@ -212,7 +210,7 @@ button {
width: 18px; width: 18px;
} }
#sidebar .close:hover { #sidebar .close:hover {
background-color: rgba(0, 0, 0, .2); background-color: rgba(0, 0, 0, .1);
opacity: .7 !important; opacity: .7 !important;
} }
#footer { #footer {
@ -223,7 +221,7 @@ button {
width: 220px; width: 220px;
} }
#footer .icon { #footer .icon {
color: #7c838d; color: #818b9e;
display: inline-block; display: inline-block;
font: 16px Octicons; font: 16px Octicons;
line-height: 34px; line-height: 34px;
@ -312,8 +310,8 @@ button {
width: 100%; width: 100%;
} }
#windows .input { #windows .input {
border: 2px solid #e9ecef; border: 1px solid #cdd3da;
border-radius: 4px; border-radius: 3px;
color: #222; color: #222;
font-size: 14px; font-size: 14px;
margin: 2px 0; margin: 2px 0;
@ -325,7 +323,7 @@ button {
} }
#windows .input:hover, #windows .input:hover,
#windows .input:focus { #windows .input:focus {
border-color: #bdc3c7; border-color: #79838c;
} }
#windows .chan, #windows .chan,
#windows .window { #windows .window {

7
client/img/logo.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0"?>
<svg enable-background="new 0 0 512 512" height="512px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="chat_x5F_support">
<path d="M170.542,357.786c-15.944-2.444-31.341-6.704-46.024-12.779l-5.493-2.272l-44.78,16.973l15.091-33.515 l-8.914-7.281C48.552,292.879,31,258.503,31,222.119C31,145.96,108.141,84,202.96,84c66.491,0,124.284,30.47,152.885,74.937 c6.45,0.715,12.819,1.716,19.08,3.013C346.379,107.298,280.133,69,202.96,69C99.705,69,16,137.554,16,222.119 c0,42.354,20.999,80.691,54.934,108.411l-25.235,56.04l73.085-27.701c18.762,7.762,39.34,13.007,61.07,15.203 C176.34,368.804,173.231,363.368,170.542,357.786z" fill="#818B9E" />
<path d="M492,303.273c0-72.144-71.411-130.629-159.5-130.629S173,231.128,173,303.273s71.411,130.629,159.5,130.629 c25.834,0,50.229-5.036,71.813-13.965l62.35,23.633l-21.528-47.809C474.085,372.112,492,339.406,492,303.273z M253.5,334.606 c-14.636,0-26.5-11.864-26.5-26.5s11.864-26.5,26.5-26.5c14.636,0,26.5,11.864,26.5,26.5S268.136,334.606,253.5,334.606z M332.5,334.606c-14.636,0-26.5-11.864-26.5-26.5s11.864-26.5,26.5-26.5s26.5,11.864,26.5,26.5S347.136,334.606,332.5,334.606z M411.5,334.606c-14.636,0-26.5-11.864-26.5-26.5s11.864-26.5,26.5-26.5s26.5,11.864,26.5,26.5S426.136,334.606,411.5,334.606z" fill="#f2f3f5" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

10
client/index.html
View File

@ -74,31 +74,31 @@
<div class="col-xs-8"> <div class="col-xs-8">
<label> <label>
Server Server
<input class="input" name="host" placeholder="irc.freenode.org"> <input class="input" name="host" value="irc.freenode.org">
</label> </label>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<label class="port"> <label class="port">
Port Port
<input class="input" name="port" placeholder="6667"> <input class="input" name="port" value="6667">
</label> </label>
</div> </div>
<div class="col-xs-5"> <div class="col-xs-5">
<label> <label>
Nick Nick
<input class="input" name="nick" placeholder="shout-user"> <input class="input" name="nick" value="shout-user">
</label> </label>
</div> </div>
<div class="col-xs-7"> <div class="col-xs-7">
<label> <label>
Real Name Real Name
<input class="input" name="realname" class="input" placeholder="Shout User"> <input class="input" name="realname" class="input" value="Shout User">
</label> </label>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<label> <label>
Channels Channels
<input class="input" name="join" class="input" placeholder="#shout-irc"> <input class="input" name="join" class="input" value="#shout-irc">
</label> </label>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">

9
client/js/chat.js
View File

@ -405,12 +405,19 @@ $(function() {
var forms = $("#sign-in, #connect"); var forms = $("#sign-in, #connect");
windows.on("show", ".window", function() { windows.on("show", ".window", function() {
// Temporary.
return;
var self = $(this); var self = $(this);
setTimeout(function() { setTimeout(function() {
self.find("input").eq(0).focus(); self.find("input").eq(0).focus().select();
}, 0); }, 0);
}); });
windows.on("click", ".input", function() {
$(this).select();
});
forms.on("submit", "form", function(e) { forms.on("submit", "form", function(e) {
e.preventDefault() e.preventDefault()
var event = "auth"; var event = "auth";

2
lib/server.js
View File

@ -41,7 +41,7 @@ module.exports = function() {
} }
}); });
console.log("Server started"); console.log("Server started.");
console.log("Shout is now running on port " + port); console.log("Shout is now running on port " + port);
if (config.public) { if (config.public) {