diff options
| author | Zaran <zaran.krleza@gmail.com> | 2011-04-20 10:42:45 +0200 |
|---|---|---|
| committer | Zaran <zaran.krleza@gmail.com> | 2011-04-20 10:42:45 +0200 |
| commit | e06a2d86e43ebe86b90f9a318900f70127460ec6 (patch) | |
| tree | 67c6e75d1ed24f37488f07c1ecf133a48a657544 /webclient/index.html | |
| parent | 1b3441a4924649dfb8f438dc0f94b3ede1d0c990 (diff) | |
| download | alias-e06a2d86e43ebe86b90f9a318900f70127460ec6.tar.gz | |
Remove the jQuery-ui dependency.
* add a simple jQuery tab plugin
* add tabs styling in the CSS
* some code factorisation
* code formatting in the js and the css
Diffstat (limited to 'webclient/index.html')
| -rw-r--r-- | webclient/index.html | 36 |
1 files changed, 24 insertions, 12 deletions
diff --git a/webclient/index.html b/webclient/index.html index db87c4d..107e17d 100644 --- a/webclient/index.html +++ b/webclient/index.html @@ -7,11 +7,9 @@ <head> <title>Alias</title> <script type="text/javascript" src="lib/jquery-1.4.4.js"></script> - <script type="text/javascript" src="lib/jquery-ui-1.8.8.custom.min.js"></script> <script type="text/javascript" src="lib/strophe.min.js"></script> <script type="text/javascript" src="lib/alias.js"></script> <script type="text/javascript" src="lib/sjcl.js"></script> - <link type="text/css" href="style/jquery-ui-1.8.8.custom.css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="style/alias.css" /> </head> <body> @@ -19,13 +17,28 @@ <span id="logo">Alias</span> <span id="status"></span> </div> - <div id='login' style='text-align: center'> - <form action="#"> - <p><label for='jid'>JID:</label> - <input type='text' id='jid'/> - <label for='pass'>Password:</label> - <input type='password' id='pass'/></p> - </form> + + <div id='login'> + <h2>Connection</h2> + <div class="content"> + <p class="info"> + You can register with any Jabber account. + <br/> No account? Then you can + <a href="test">register</a> on this server. + </p> + <hr/> + <p> + <label for='jid'>Address:</label> + <input type='text' id='jid'/> + </p> + <p> + <label for='pass'>Password:</label> + <input type='password' id='pass'/> + </p> + <p class="connect"> + <button id="connect" type="button">Connect</button> + </p> + </div> </div> <div id='left'> @@ -41,11 +54,10 @@ <div id='right'> <div id='tabs'> - <ul> + <ul class="tabbar"> <li><a href="#profile">Profile</a></li> </ul> - - <div id='profile'> + <div id='profile' class="tab"> </div> </div> </div> |