add logo to start page

diff --git a/css/dialogs.css b/css/dialogs.css
index 35c4b652d6b9637c033aad81c54c0417385f0dc1..671abb367923d59f489fe84428d84a537ab36294 100644 (file)
--- a/css/dialogs.css
+++ b/css/dialogs.css
@@ -12,13 +12,23 @@
 .qwebirc-centrebox table table {
   width: auto;
 }
+
 .qwebirc-loginbox .tr1 td {
   width: 100%;
   text-align: center;
 }
 
+.bar-spacer {
+  height: 5px;
+}
+
+.collapse {
+  border-spacing: 0;
+  padding: 0;
+}
+
 .qwebirc-loginbox .tr2 td {
-  vertical-align: top;
+  vertical-align: middle;
 }
 
 .qwebirc-loginbox .tr2 table {
@@ -27,6 +37,28 @@
   text-align: left;
 }
 
+.qwebirc-loginbox .bar {
+  background: url(../images/logo.png) 0 -68px repeat-x;
+  height: 8px;
+}
+
+.qwebirc-loginbox .bar-background {
+  background: url(../images/logo.png) 0 -76px repeat-x;
+  height: 68px;
+  padding: 10px;
+}
+
+.qwebirc-loginbox .bar-logo {
+  background: url(../images/logo.png);
+  width: 225px;
+  height: 68px;
+  left: 50%;
+  margin: 0 auto;
+  margin-top: 3px;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png',sizingMethod='crop');
+  _background: none;
+}
+
 .qwebirc-loginbox input#loginnickname, .qwebirc-loginbox input#loginchannels {
   width: 200px;
 }

diff --git a/js/ui/panes/connect.js b/js/ui/panes/connect.js
index 8726cb953f1b810c4103cec06745ef182df1b8a1..3dec3d49aff7994acfbce7d22999575d776d4292 100644 (file)
--- a/js/ui/panes/connect.js
+++ b/js/ui/panes/connect.js
@@ -20,6 +20,9 @@ qwebirc.ui.ConnectPane = new Class({
       var exec = util.exec;
       util.makeVisible(rootElement);
 
+      if(!autoConnect)
+        util.makeVisible(parent.getElement("[name=loginheader]"));
+
       exec("[name=nickname]", util.setText(initialNickname));
       exec("[name=channels]", util.setText(initialChannels));
       exec("[name=prettychannels]", function(node) { this.__buildPrettyChannels(node, initialChannels); }.bind(this));

diff --git a/static/images/logo.png b/static/images/logo.png
new file mode 100644 (file)
index 0000000..4a8c49e
Binary files /dev/null and b/static/images/logo.png differ

diff --git a/static/panes/connect.html b/static/panes/connect.html
index 8ba69b0bd7aba451ba5455330dfaa5facfb26c41..e1f7c82f21b9920b73fb4badc7bcd8a8cf5198f6 100644 (file)
--- a/static/panes/connect.html
+++ b/static/panes/connect.html
@@ -1,13 +1,18 @@
-<table class="qwebirc-centrebox">
+<table class="qwebirc-centrebox collapse">
   <tr>
-    <td>
-      <table class="qwebirc-loginbox" style="display: none" name="loginbox">
-        <tr class="tr1">
-          <td>
-            <h1>Connect to <span name="networkname"></span> IRC</h1>
+    <td class="collapse">
+      <table class="qwebirc-loginbox collapse">
+        <tr class="collapse qwebirc-loginbox" name="loginheader" style="display: none">
+          <td class="collapse tr3">
+            <div class="bar"></div>
+            <div class="bar-background">
+              <div class="bar-logo"></div>
+            </div>
+            <div class="bar"></div>
+            <div class="bar-spacer"></div>
           </td>
         </tr>
-        <tr class="tr2">
+        <tr class="tr2" name="loginbox" style="display: none">
           <td>
             <form>
               <table>
@@ -45,28 +50,32 @@
             </form>
           </td>
         </tr>
-      </table>
-      <table class="qwebirc-confirmbox" style="display: none" name="confirmbox">
-        <tr class="tr1">
+        <tr class="tr2" name="confirmbox" style="display: none">
           <td>
-            To connect to <span name="networkname"></span> IRC and join <span name="prettychannels"></span><span name="nickselected" style="display: none"> as <b name="nickname"></b></span> click 'Join chat'.
+            <table class="qwebirc-loginbox tr1">
+              <tr>
+                <td>
+                  To connect to <span name="networkname"></span> IRC and join <span name="prettychannels"></span><span name="nickselected" style="display: none"> as <b name="nickname"></b></span> click 'Join chat'.
+                </td>
+              </tr>
+              <tr class="tr2" name="connectbutton" style="display: none">
+                <td><input type="submit" value="Join chat" name="connect" /></td>
+              </tr>
+              <tr class="tr2" name="loginbutton" style="display: none">
+                <td><input type="submit" value="Log in to Q" name="login" /></td>
+              </tr>
+              <tr class="tr2" name="loginconnectbutton" style="display: none;">
+                <td><input type="submit" value="Join chat (Q account required)" name="loginconnect" /></td>
+              </tr>
+              <tr class="tr2" name="loginstatus" style="display: none">
+                <td><small>(logged in as <b name="authname"></b>)</small></td>
+              </tr>
+              <tr class="tr2" name="loggingin" style="display: none">
+                <td><small>(waiting for you to log in...)</small></td>
+              </tr>
+            </table>
           </td>
         </tr>
-        <tr class="tr2" name="connectbutton" style="display: none">
-          <td><input type="submit" value="Join chat" name="connect" /></td>
-        </tr>
-        <tr class="tr2" name="loginbutton" style="display: none">
-          <td><input type="submit" value="Log in to Q" name="login" /></td>
-        </tr>
-        <tr class="tr2" name="loginconnectbutton" style="display: none;">
-          <td><input type="submit" value="Join chat (Q account required)" name="loginconnect" /></td>
-        </tr>
-        <tr class="tr2" name="loginstatus" style="display: none">
-          <td><small>(logged in as <b name="authname"></b>)</small></td>
-        </tr>
-        <tr class="tr2" name="loggingin" style="display: none">
-          <td><small>(waiting for you to log in...)</small></td>
-        </tr>
       </table>
     </td>
   </tr>