aboutsummaryrefslogtreecommitdiffstats
path: root/webclient/index.html
blob: 777e907a64e23a1a4f6005e4912bd1d5865cab6a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<?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 type="text/javascript" src="lib/jquery-1.4.4.js"></script>
    <script type="text/javascript" src="lib/strophe.min.js"></script>
    <script type="text/javascript" src="lib/config.js"></script>  
    <script type="text/javascript" src="lib/alias.js"></script>
    <script type="text/javascript" src="lib/sjcl.js"></script>
    <link rel="stylesheet" type="text/css" href="style/alias.css" />
    <link rel="shortcut icon" href="favicon.ico" />
  </head>
  <body>
  
    <div id="header">
    	<span id="logo">Alias</span>
    	<span id="status"></span>
    </div>
   
    <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'>
    	
       	<div id='roster'>
   		
	   		<h2>Contacts</h2>
	   		<input type="text" id="rosterfilter" name="test"/>
	   		<ul>
	   		</ul>
  		</div>
    </div>
    
    <div id='right'>
    	<div id='tabs'>
    		<ul class="tabbar">
    			<li><a href="#profile">Profile</a></li>
    		</ul>
	   		<div id='profile' class="tab">
	   		</div>
 		</div>
    </div>

    <div id='bottom'>
    	<div id='bottomup'><a href="#" id='consolea'>Console</a></div>
    	<div id='log'></div>
    </div>
  </body>
</html>