|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>NodeBB</title>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<meta name="title" CONTENT="NodeBB">
|
|
|
|
|
<meta name="description" content="Node.js/Redis/Socket.io powered forums for a new generation">
|
|
|
|
|
<link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
|
|
|
|
<link href="/vendor/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
|
|
|
|
|
<link rel="stylesheet" href="/vendor/fontawesome/css/font-awesome.min.css">
|
|
|
|
|
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/vendor/jquery/js/jquery-ui-1.10.3.custom.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/vendor/bootstrap/js/bootstrap.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/src/app.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/src/templates.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/src/ajaxify.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/src/jquery.form.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/src/utils.js"></script>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/css/style.css" />
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div class="navbar navbar-inverse navbar-fixed-top">
|
|
|
|
|
<div class="navbar-inner">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<a class="brand" href="/">NodeBB</a>
|
|
|
|
|
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<div class="nav-collapse collapse">
|
|
|
|
|
<ul class="nav nodebb-inline-block">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="/latest">Recent <span class="badge badge-inverse">3</span></a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="/popular">Popular</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="/active">Active</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="/users">Users</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<ul class="nav pull-right nodebb-inline-block" id="right-menu">
|
|
|
|
|
<li class="notifications dropdown">
|
|
|
|
|
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="notif_dropdown"><i class="icon-circle-blank"></i></a>
|
|
|
|
|
<ul id="notif-list" class="dropdown-menu" aria-labelledby="notif_dropdown">
|
|
|
|
|
<li><a href="#"><i class="icon-refresh icon-spin"></i> Loading Notifications</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="post_window">
|
|
|
|
|
<div class="post-title-container">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<input id="post_title" placeholder="Enter your topic title here." tabIndex="1" />
|
|
|
|
|
<span id="reply_title"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="post-content-container">
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
|
|
<div class="btn-toolbar">
|
|
|
|
|
<div class="btn-group formatting-bar">
|
|
|
|
|
<span class="btn btn-link" tabindex="-1"><i class="icon-bold"></i></span>
|
|
|
|
|
<span class="btn btn-link" tabindex="-1"><i class="icon-italic"></i></span>
|
|
|
|
|
<!-- <span class="btn btn-link" tabindex="-1"><i class="icon-font"></i></span> -->
|
|
|
|
|
<span class="btn btn-link" tabindex="-1"><i class="icon-list"></i></span>
|
|
|
|
|
<span class="btn btn-link" tabindex="-1"><i class="icon-link"></i></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn-group" style="float: right; margin-right: -12px">
|
|
|
|
|
<button id="submit_post_btn" class="btn" tabIndex="3"><i class="icon-ok"></i> Submit</button>
|
|
|
|
|
<button class="btn" id="discard-post" tabIndex="4"><i class="icon-remove"></i> Discard</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<textarea id="post_content" placeholder="Type your message here." tabIndex="2"></textarea>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="disconnect-modal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h3 id="myModalLabel">Socket Disconnect</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<span id="disconnect-text">Looks like you disconnected, try reloading the page.</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<a id="reload-button" href="/" class="btn btn-primary">Reload</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="chat-modal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
<h3 id="myModalLabel">Chat with <span id="chat-with-name"></span></h3>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<textarea id="chat-content" cols="40" rows="10" readonly></textarea><br/>
|
|
|
|
|
<input id="chat-message-input" type="text" name="chat-message" placeholder="type chat message here press enter to send"/><br/>
|
|
|
|
|
<button type="button" id="chat-message-send-btn" href="#" class="btn btn-primary">Send</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="alert_window"></div>
|
|
|
|
|
|
|
|
|
|
<div class="container" id="content">
|
