Shuo/client/index.html

<!doctype html>
<html>
	<head>
	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<title>Shout</title>
	
	<link rel="stylesheet" href="/css/normalize.css">
	<link rel="stylesheet" href="/css/icons/octicons.css">
	<link rel="stylesheet" href="/css/style.css">
	<link rel="stylesheet" href="<%= typeof theme !== "undefined" ? theme : "" %>">
	
	<link rel="apple-touch-icon" sizes="144x144" href="/img/apple-icon-144x144.png" />
	<link rel="shortcut icon" href="/img/favicon.png">
	
	</head>
	<body class="preload">
	
	<div id="wrap">
	<div id="viewport">
		<aside id="sidebar">
			<section>
				<h1>Shout</h1>
				<a href="#settings">
					<i class="octicon octicon-clippy"></i>
					Settings
				</a>
				<% if (password) { %>
				<a id="login" href="#sign-in">
					<i class="octicon octicon-sign-in"></i>
					Sign in
				</a>
				<a id="logout" href="" style="display: none;">
					<i class="octicon octicon-sign-out"></i>
					Sign out
				</a>
				<% } %>
			</section>
			<div id="networks"></div>
			<footer class="footer">
				<small>
					Shout <%= version %>
				</small>
			</footer>
		</aside>
		<div id="main">
			<div id="windows">
			<div id="settings" class="window">
				<div class="wrap">
					<h1>Settings</h1>
				</div>
			</div>
			<div id="sign-in" class="window">
				<div class="wrap">
					<h1>Shout</h1>
					<h2>You need to sign in to continue.</h2>
					<form id="sign-in-form" method="post">
						<h3>Password:</h3>
						<input id="sign-in-input" type="password" autofocus>
						<button type="submit" class="btn">
							Sign in
						</button>
					</form>
				</div>
			</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">
			{{partial "channels"}}
		</section>
		{{/each}}
		</script>
		
		<script type="text/html" class="channels">
		{{#each channels}}
		<a href="#window-{{id}}" id="channel-{{id}}" class="{{type}}" data-name="{{name}}">
			<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}}" data-id="{{id}}">
			<div class="sidebar">
				{{partial "meta"}}
				<ul class="users">
					{{partial "users"}}
				</ul>
			</div>
			<div class="chat">
				{{#equal 100 messages.length}}
				<button class="show-more" data-id="{{id}}">
					Show more
				</button>
				{{/equal}}
				<div class="messages">
					{{partial "messages"}}
				</div>
			</div>
			<header class="header">
				<button class="lt">
					<i class="mega-octicon octicon-three-bars"></i>
				</button>
				<button class="rt">
					<i class="mega-octicon octicon-three-bars"></i>
				</button>
				{{partial "meta"}}
			</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="meta">
		<div class="meta">
			<h1>
				{{name}}
			</h1>
			{{#if users}}
			<span class="count">
				{{users.length}}
				users
			</span>
			{{else}}
			<span class="type">
				{{type}}
			</span>
			{{/if}}
		</div>
		</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="time">
				{{time}}
			</span>
			<span class="from">
				<a href="#{{from}}" class="user">{{from}}</a>
			</span>
			<span class="text">
				{{#contains type "toggle"}}
					<button class="toggle" data-type="{{type}}">
						<i class="tri"></i>
					</button>
				{{/contains}}
				<em class="type">
					{{type}}
				</em>
				{{{uri text}}}
			</span>
		</div>
		{{/each}}
		</script>
	</div>
	
	<script src="/js/components.min.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
Added bootstrap 2014-03-14 19:03:25 +00:00			`<meta charset="utf-8">`
Improved mobile interface 2014-05-31 14:03:58 +00:00			`<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">`
CSS changes and IE=edge 2014-06-03 00:27:03 +00:00			`<meta http-equiv="X-UA-Compatible" content="IE=edge">`

			`<title>Shout</title>`
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">`
Use octicons instead of FontAwesome 2014-06-22 20:11:03 +00:00			`<link rel="stylesheet" href="/css/icons/octicons.css">`
Refactoring 2014-05-02 17:46:18 +00:00			`<link rel="stylesheet" href="/css/style.css">`
Added theme support 2014-06-17 16:34:13 +00:00			`<link rel="stylesheet" href="<%= typeof theme !== "undefined" ? theme : "" %>">`
Added tab completion 2014-04-07 21:19:20 +00:00
Added favicon and apple-icon 2014-06-16 19:28:53 +00:00			`<link rel="apple-touch-icon" sizes="144x144" href="/img/apple-icon-144x144.png" />`
Minor bugfix 2014-06-17 21:08:54 +00:00			`<link rel="shortcut icon" href="/img/favicon.png">`
Added favicon and apple-icon 2014-06-16 19:28:53 +00:00
Implemented views 2014-03-05 13:46:16 +00:00			`</head>`
Added 'Sign in' page placeholder 2014-06-15 16:10:20 +00:00			`<body class="preload">`
Added mobile user interface 2014-03-17 00:54:58 +00:00
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>`
Use octicons instead of FontAwesome 2014-06-22 20:11:03 +00:00			`<a href="#settings">`
			`<i class="octicon octicon-clippy"></i>`
			`Settings`
			`</a>`
Sign in / Sign out links 2014-06-15 21:45:16 +00:00			`<% if (password) { %>`
Use octicons instead of FontAwesome 2014-06-22 20:11:03 +00:00			`<a id="login" href="#sign-in">`
			`<i class="octicon octicon-sign-in"></i>`
			`Sign in`
			`</a>`
			`<a id="logout" href="" style="display: none;">`
			`<i class="octicon octicon-sign-out"></i>`
			`Sign out`
			`</a>`
Sign in / Sign out links 2014-06-15 21:45:16 +00:00			`<% } %>`
Re-design 2014-05-28 20:57:39 +00:00			`</section>`
Added FontAwesome 2014-06-21 19:39:51 +00:00			`<div id="networks"></div>`
			`<footer class="footer">`
			`<small>`
			`Shout <%= version %>`
			`</small>`
			`</footer>`
Refactoring 2014-05-02 17:46:18 +00:00			`</aside>`
			`<div id="main">`
			`<div id="windows">`
Use octicons instead of FontAwesome 2014-06-22 20:11:03 +00:00			`<div id="settings" class="window">`
			`<div class="wrap">`
			`<h1>Settings</h1>`
			`</div>`
			`</div>`
Refactoring 2014-06-15 17:26:05 +00:00			`<div id="sign-in" class="window">`
			`<div class="wrap">`
			`<h1>Shout</h1>`
			`<h2>You need to sign in to continue.</h2>`
			`<form id="sign-in-form" method="post">`
			`<h3>Password:</h3>`
Sign in / Sign out links 2014-06-15 21:45:16 +00:00			`<input id="sign-in-input" type="password" autofocus>`
Refactoring 2014-06-15 17:26:05 +00:00			`<button type="submit" class="btn">`
			`Sign in`
			`</button>`
			`</form>`
Added 'Sign in' page placeholder 2014-06-15 16:10:20 +00:00			`</div>`
Refactoring 2014-05-22 23:14:01 +00:00			`</div>`
Refactoring 2014-06-15 17:26:05 +00:00			`</div>`
Refactoring 2014-05-22 23:14:01 +00:00			`<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			`{{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}}`
Added dynamic page title 2014-06-21 20:37:21 +00:00			`<a href="#window-{{id}}" id="channel-{{id}}" class="{{type}}" data-name="{{name}}">`
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}}`
Re-implemented the 'Show more' button 2014-06-02 21:08:03 +00:00			`<div id="window-{{id}}" class="window {{type}}" data-id="{{id}}">`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`<div class="sidebar">`
Refresh user count on channel activity 2014-06-09 19:39:19 +00:00			`{{partial "meta"}}`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`<ul class="users">`
			`{{partial "users"}}`
			`</ul>`
			`</div>`
			`<div class="chat">`
Remove 'messages' from config 2014-06-16 13:13:43 +00:00			`{{#equal 100 messages.length}}`
Re-implemented the 'Show more' button 2014-06-02 21:08:03 +00:00			`<button class="show-more" data-id="{{id}}">`
			`Show more`
			`</button>`
Better 'Show more' implementation 2014-06-14 20:28:17 +00:00			`{{/equal}}`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`<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">`
Added FontAwesome 2014-06-21 19:39:51 +00:00			`<button class="lt">`
Use octicons instead of FontAwesome 2014-06-22 20:11:03 +00:00			`<i class="mega-octicon octicon-three-bars"></i>`
Added FontAwesome 2014-06-21 19:39:51 +00:00			`</button>`
			`<button class="rt">`
Use octicons instead of FontAwesome 2014-06-22 20:11:03 +00:00			`<i class="mega-octicon octicon-three-bars"></i>`
Added FontAwesome 2014-06-21 19:39:51 +00:00			`</button>`
Refresh user count on channel activity 2014-06-09 19:39:19 +00:00			`{{partial "meta"}}`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`</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>`

Refresh user count on channel activity 2014-06-09 19:39:19 +00:00			`<script type="text/html" class="meta">`
			`<div class="meta">`
			`<h1>`
			`{{name}}`
			`</h1>`
			`{{#if users}}`
			`<span class="count">`
			`{{users.length}}`
			`users`
			`</span>`
			`{{else}}`
			`<span class="type">`
			`{{type}}`
			`</span>`
			`{{/if}}`
			`</div>`
			`</script>`

Refactoring 2014-05-02 17:46:18 +00:00			`<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}}">`
Move timestamp to the left 2014-06-19 23:11:53 +00:00			`<span class="time">`
			`{{time}}`
			`</span>`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`<span class="from">`
CSS changes and IE=edge 2014-06-03 00:27:03 +00:00			`<a href="#{{from}}" class="user">{{from}}</a>`
Added mobile interface. Close #8 2014-05-30 00:23:23 +00:00			`</span>`
			`<span class="text">`
Add MOTD toggle 2014-06-20 00:26:48 +00:00			`{{#contains type "toggle"}}`
			`<button class="toggle" data-type="{{type}}">`
			`<i class="tri"></i>`
			`</button>`
			`{{/contains}}`
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			`{{{uri text}}}`
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
Remove bower 2014-06-17 16:20:22 +00:00			`<script src="/js/components.min.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>`