diff options
| author | Zaran <zaran.krleza@gmail.com> | 2011-03-27 12:30:38 +0200 |
|---|---|---|
| committer | Zaran <zaran.krleza@gmail.com> | 2011-03-27 12:30:38 +0200 |
| commit | bc712b274200c81f4b99141a85b541916bec69c9 (patch) | |
| tree | dbd2d5521a2b1181394f8dfc4c8d06d803e65418 /webclient/basic.html | |
| parent | c6093648596d0087e069a9b23d6186767068ea50 (diff) | |
| download | alias-bc712b274200c81f4b99141a85b541916bec69c9.tar.gz | |
Basic tab system and design :
* clicking on a contact creates a tab containing chat layout
Diffstat (limited to 'webclient/basic.html')
| -rw-r--r-- | webclient/basic.html | 55 |
1 files changed, 37 insertions, 18 deletions
diff --git a/webclient/basic.html b/webclient/basic.html index 5a79748..18e70f2 100644 --- a/webclient/basic.html +++ b/webclient/basic.html @@ -1,32 +1,51 @@ -<!DOCTYPE html> -<html> +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html PUBLIC + "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Alias</title> - <script src='lib/jquery-1.4.4.js'></script> + <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 src='lib/strophe.min.js'></script> - <script src='lib/basic.js'></script> - <script src='lib/sjcl.js'></script> + <script type="text/javascript" src="lib/strophe.min.js"></script> + <script type="text/javascript" src="lib/basic.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> <div id='login' style='text-align: center'> - <form name='cred'> - <label for='jid'>JID:</label> - <input type='text' id='jid'> + <form action="#"> + <p><label for='jid'>JID:</label> + <input type='text' id='jid'/> <label for='pass'>Password:</label> - <input type='password' id='pass'> + <input type='password' id='pass'/></p> </form> </div> - <div id='roster'> - <div id='status'></div> - <h2>Contacts</h2> - <input type="text" id="rosterfilter" name="test"/> - <ul> - </ul> - </div> - <div id='main'></div> + + <div id='left'> + <div id='status'></div> + <div id='roster'> + + <h2>Contacts</h2> + <input type="text" id="rosterfilter" name="test"/> + <ul> + </ul> + </div> + </div> + + <div id='right'> + <div id='tabs'> + <ul> + <li><a href="#profile">Profile</a></li> + </ul> + + <div id='profile'> + </div> + </div> + </div> + <div id='bottom'> <div id='bottomup'><a href="#" id='consolea'>Console</a></div> <div id='log'></div> |