Shuo/client/index.html

<!doctype html>
<html>
	<head>
	
	<title>Shout — The modern IRC client</title>
	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no">
	
	<link rel="stylesheet" href="/css/normalize.css">
	<link rel="stylesheet" href="/css/style.css">
	
	</head>
	<body>
	
	<div id="detect"></div>
	
	<div id="wrap">
	<div id="viewport">
		<aside id="sidebar">
			<section>
				<h1>Shout</h1>
			</section>
			<div id="networks">
			</div>
		</aside>
		<div id="main">
			<div id="windows">
				<div id="shout" class="window"></div>
			</div>
			<div id="chat">
			</div>
		</div>
	</div>
	</div>
	
	<div id="templates">
		<script type="text/html" class="networks">
		{{#each networks}}
		<section id="network-{{id}}" class="network">
			<h2>{{name}}</h2>
			{{partial "channels"}}
		</section>
		{{/each}}
		</script>
		
		<script type="text/html" class="channels">
		{{#each channels}}
		<a href="#window-{{id}}" id="channel-{{id}}" class="{{type}}">
			<span class="badge"></span>
			<span class="close"></span>
			{{name}}
		</a>
		{{/each}}
		</script>
		
		<script type="text/html" class="windows">
		{{#each windows}}
		<div id="window-{{id}}" class="window {{type}}">
			<div class="sidebar">
				<div class="meta">
				<h1>
					{{name}}
				</h1>
				{{#if users}}
				<div class="count">
					{{users.length}}
					users
				</div>
				{{else}}
				<div class="type">
					{{type}}
				</div>
				{{/if}}
				</div>
				<ul class="users">
					{{partial "users"}}
				</ul>
			</div>
			<div class="chat">
				<div class="messages">
					{{partial "messages"}}
				</div>
			</div>
			<header class="header">
				<button class="lt"></button>
				<button class="rt"></button>
				<h1>
					{{name}}
				</h1>
				{{#if users}}
				<span class="count">
					{{users.length}}
					users
				</span>
				{{else}}
				<span class="type">
					{{type}}
				</span>
				{{/if}}
			</header>
			<form class="form" data-target="{{id}}">
				<input class="submit" tabindex="-1" type="submit" >
				<input class="input">
			</form>
		</div>
		{{/each}}
		</script>
		
		<script type="text/html" class="users">
		{{#each users}}
		<li>
			<a href="#{{name}}" class="user">
				{{mode}}{{name}}
			</a>
		</li>
		{{/each}}
		</script>
		
		<script type="text/html" class="messages">
		{{#each messages}}
		<div class="row {{type}}">
			
			<span class="from">
				<a href="#{{from}}" class="user">
					{{from}}
				</a>
			</span>
			<span class="text">
				{{#if type}}
				<em class="type">
					{{type}}
				</em>
				{{/if}}
				{{{uri text}}}
			</span>
			<span class="time">
				{{time}}
			</span>
		</div>
		{{/each}}
		</script>
	</div>
	
	<script src="/socket.io/socket.io.js"></script>
	<script src="/js/jquery.js"></script>
	<script src="/js/jquery.plugins.js"></script>
	<script src="/js/uri.js"></script>
	<script src="/js/handlebars.js"></script>
	<script src="/js/chat.js"></script>
	
	</body>
</html>
Added socket.io 2014-03-04 17:22:06 +00:00			`<!doctype html>`
			`<html>`
Implemented views 2014-03-05 13:46:16 +00:00			`<head>`
Added tab completion 2014-04-07 21:19:20 +00:00
Removing Backbone dependency. Closes #6 2014-04-23 18:44:44 +00:00			`<title>Shout — The modern IRC client</title>`
Added tab completion 2014-04-07 21:19:20 +00:00
Added bootstrap 2014-03-14 19:03:25 +00:00			`<meta charset="utf-8">`
Added mobile user interface 2014-03-17 00:54:58 +00:00			`<meta name="viewport" content="width=device-width, user-scalable=no">`
Added tab completion 2014-04-07 21:19:20 +00:00
Refactoring 2014-05-02 17:46:18 +00:00			`<link rel="stylesheet" href="/css/normalize.css">`
			`<link rel="stylesheet" href="/css/style.css">`
Added tab completion 2014-04-07 21:19:20 +00:00
Implemented views 2014-03-05 13:46:16 +00:00			`</head>`
Added socket.io 2014-03-04 17:22:06 +00:00			`<body>`
Added mobile user interface 2014-03-17 00:54:58 +00:00
Animate sidebar toggle 2014-05-30 21:31:47 +00:00			`<div id="detect"></div>`

Re-design 2014-05-28 20:57:39 +00:00			`<div id="wrap">`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`<div id="viewport">`
Refactoring 2014-05-02 17:46:18 +00:00			`<aside id="sidebar">`
Re-design 2014-05-28 20:57:39 +00:00			`<section>`
			`<h1>Shout</h1>`
			`</section>`
			`<div id="networks">`
			`</div>`
Refactoring 2014-05-02 17:46:18 +00:00			`</aside>`
			`<div id="main">`
			`<div id="windows">`
Refactoring 2014-05-22 23:14:01 +00:00			`<div id="shout" class="window"></div>`
			`</div>`
			`<div id="chat">`
Refactoring 2014-05-02 17:46:18 +00:00			`</div>`
			`</div>`
Removing Backbone dependency. Closes #6 2014-04-23 18:44:44 +00:00			`</div>`
Re-design 2014-05-28 20:57:39 +00:00			`</div>`
Use handlebars instead of mustache 2014-04-20 21:48:05 +00:00
Refactoring 2014-05-02 17:46:18 +00:00			`<div id="templates">`
			`<script type="text/html" class="networks">`
			`{{#each networks}}`
Re-design 2014-05-28 20:57:39 +00:00			`<section id="network-{{id}}" class="network">`
Refactoring 2014-05-02 17:46:18 +00:00			`<h2>{{name}}</h2>`
			`{{partial "channels"}}`
Re-design 2014-05-28 20:57:39 +00:00			`</section>`
Refactoring 2014-05-02 17:46:18 +00:00			`{{/each}}`
			`</script>`

			`<script type="text/html" class="channels">`
			`{{#each channels}}`
Re-design 2014-05-28 20:57:39 +00:00			`<a href="#window-{{id}}" id="channel-{{id}}" class="{{type}}">`
Refactoring 2014-05-02 17:46:18 +00:00			`<span class="badge"></span>`
Added close buttons 2014-05-24 21:56:28 +00:00			`<span class="close"></span>`
Refactoring 2014-05-02 17:46:18 +00:00			`{{name}}`
Re-design 2014-05-28 20:57:39 +00:00			`</a>`
Refactoring 2014-05-02 17:46:18 +00:00			`{{/each}}`
			`</script>`

			`<script type="text/html" class="windows">`
			`{{#each windows}}`
			`<div id="window-{{id}}" class="window {{type}}">`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`<div class="sidebar">`
			`<div class="meta">`
Re-design 2014-05-28 20:57:39 +00:00			`<h1>`
			`{{name}}`
			`</h1>`
			`{{#if users}}`
			`<div class="count">`
			`{{users.length}}`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`users`
Re-design 2014-05-28 20:57:39 +00:00			`</div>`
			`{{else}}`
			`<div class="type">`
			`{{type}}`
Force user to confirm server disconnect 2014-05-25 23:20:16 +00:00			`</div>`
Re-design 2014-05-28 20:57:39 +00:00			`{{/if}}`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`</div>`
			`<ul class="users">`
			`{{partial "users"}}`
			`</ul>`
			`</div>`
			`<div class="chat">`
			`<div class="messages">`
			`{{partial "messages"}}`
			`</div>`
Design changes 2014-04-26 19:56:04 +00:00			`</div>`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`<header class="header">`
			`<button class="lt"></button>`
			`<button class="rt"></button>`
			`<h1>`
			`{{name}}`
			`</h1>`
			`{{#if users}}`
			`<span class="count">`
			`{{users.length}}`
			`users`
			`</span>`
			`{{else}}`
			`<span class="type">`
			`{{type}}`
			`</span>`
			`{{/if}}`
			`</header>`
Re-design 2014-05-28 20:57:39 +00:00			`<form class="form" data-target="{{id}}">`
			`<input class="submit" tabindex="-1" type="submit" >`
Improved rendering speed 2014-05-04 00:33:05 +00:00			`<input class="input">`
Refactoring 2014-05-02 17:46:18 +00:00			`</form>`
Implemented views 2014-03-05 13:46:16 +00:00			`</div>`
Refactoring 2014-05-02 17:46:18 +00:00			`{{/each}}`
			`</script>`

			`<script type="text/html" class="users">`
			`{{#each users}}`
Improved rendering speed 2014-05-04 00:33:05 +00:00			`<li>`
Re-design 2014-05-28 20:57:39 +00:00			`<a href="#{{name}}" class="user">`
Improved rendering speed 2014-05-04 00:33:05 +00:00			`{{mode}}{{name}}`
Re-design 2014-05-28 20:57:39 +00:00			`</a>`
Improved rendering speed 2014-05-04 00:33:05 +00:00			`</li>`
Refactoring 2014-05-02 17:46:18 +00:00			`{{/each}}`
			`</script>`

			`<script type="text/html" class="messages">`
Re-design 2014-05-28 20:57:39 +00:00			`{{#each messages}}`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`<div class="row {{type}}">`

			`<span class="from">`
Re-design 2014-05-28 20:57:39 +00:00			`<a href="#{{from}}" class="user">`
Improved rendering speed 2014-05-04 00:33:05 +00:00			`{{from}}`
Re-design 2014-05-28 20:57:39 +00:00			`</a>`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`</span>`
			`<span class="text">`
Refactoring 2014-05-02 17:46:18 +00:00			`{{#if type}}`
Improved rendering speed 2014-05-04 00:33:05 +00:00			`<em class="type">`
			`{{type}}`
			`</em>`
Refactoring 2014-05-02 17:46:18 +00:00			`{{/if}}`
			`{{{uri text}}}`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`</span>`
			`<span class="time">`
Added cleaner message style 2014-05-02 23:35:51 +00:00			`{{time}}`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`</span>`
			`</div>`
Re-design 2014-05-28 20:57:39 +00:00			`{{/each}}`
Refactoring 2014-05-02 17:46:18 +00:00			`</script>`
Implemented views 2014-03-05 13:46:16 +00:00			`</div>`
Load some of the libraries from CDN instead 2014-03-23 00:37:48 +00:00
Refactoring 2014-05-02 17:46:18 +00:00			`<script src="/socket.io/socket.io.js"></script>`
Use local js files 2014-04-22 14:48:13 +00:00			`<script src="/js/jquery.js"></script>`
			`<script src="/js/jquery.plugins.js"></script>`
			`<script src="/js/uri.js"></script>`
			`<script src="/js/handlebars.js"></script>`
Refactoring 2014-03-06 15:11:25 +00:00			`<script src="/js/chat.js"></script>`
Added tab completion 2014-04-07 21:19:20 +00:00
Added socket.io 2014-03-04 17:22:06 +00:00			`</body>`
			`</html>`