Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
123 lines (88 sloc) 3.53 KB
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Forum</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="images/app-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/app-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/app-icon-114x114.png" />
<link href="style/master.css" rel="stylesheet" type="text/css" />
<link href="style/add2home-min.css" rel="stylesheet" type="text/css">
<script src="http://cdn.hydna.com/1/hydna.js"></script>
<script src="script/md5-min.js"></script>
<script src="script/iscroll-min.js"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="script/JSON2-min.js"></script>
<script src="script/forum.js"></script>
<script src="script/app.js"></script>
<script type="text/javascript">
var addToHomeConfig = {
touchIcon:true,
lifespan: 10000,
animationIn: "bubble"
};
</script>
<script src="script/add2home-min.js"></script>
</head>
<body>
<div class="header" id="header_id">
<h4>Forum</h4>
<div class="profile" id="profile_id">
<span class="image"><img src="images/profile.jpg" /></span>
<span class="alias"><a href="#">Skaggivara</a></span>
</div>
<ul class="rooms-menu">
<li><a href="#" class="rooms-btn">Rooms</a></li>
</ul>
</div>
<div class="menu" id="menu_id">
<h4><span>Rooms</span><a href="#" class="create-btn"></a></h4>
<ul></ul>
<a class="add-btn create-btn" href="#"><span>Create Room</span></a>
</div>
<div class="content" id="content_id">
<div id="scroller">
<p class="info">Welcome to the forum, please <a href="#" class="rooms-btn">pick a room</a> from the left or <a href="#" class="create-btn">create a new one</a>. This application also works on an array of mobile devices and pads, try it out.</p>
<ul></ul>
</div>
</div>
<div class="avatars" id="avatars_id">
<h4>People in this room</h4>
<ul></ul>
</div>
<div class="input" id="input_id">
<form action="." id="message_form_id">
<input id="message_input_id" name="message" placeholder="Your chat message..."/>
</form>
</div>
<div class="cover" id="cover_id"></div>
<div class="login" id="login_id">
<h4>Pick your nick</h4>
<form action="." id="login_form_id">
<label for="nick">nickname *</label>
<input id="login_nick_id" name="nick" class="field" placeholder="enter your nickname" value="">
<label for="email">e-mail (If you want your <a href="http://gravatar.com">gravatar</a>)</label>
<input id="login_email_id" name="email" class="field" placeholder="enter your email" value="">
<p class="note">* required</p>
<button id="enter" type="submit" >Enter lobby</button><span class="loader" id="login_loader_id"></span>
</form>
</div>
<div class="create-room" id="create_room_id">
<h4>Create a room</h4>
<form action="." id="create_form_id">
<label for="nick">Room name</label>
<input id="create_room_name_id" name"name" class="field" placeholder="Enter room name" />
<button type="submit" class="create standard-btn" id="create_room_submit_id">Create</button>
<button class="cancel standard-btn" id="create_room_cancel_id">Cancel</button>
</form>
</div>
<div class="message" id="message_id">
<h4>Some title</h4>
<p>Some message..</p>
<button class="ok standard-btn">OK</button>
</div>
</body>
</html>