ui/engagement.html (84 lines of code) (raw):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dashboard - Apache Kibble</title>
<meta name="msapplication-TileColor" content="#5bc0de" />
<meta name="msapplication-TileImage" content="images/background.png" />
<link rel="icon" type="image/png" sizes="48x48" href="images/kibble-favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
<link href="vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Uniform.js/2.1.2/themes/default/css/uniform.default.min.css">
<!-- Metis core stylesheet -->
<link rel="stylesheet" href="css/kibble.min.css">
<link rel="stylesheet" href="css/daterangepicker.css">
<link href="css/c3.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
</head>
<body class="dashboard" onload="loadPageWidgets(window.location.search.substr(1), 3);">
<nav class="topbar">
<img class="logo" src="images/kibble-logo-white.png"/>
<ul>
<a href="organisations.html?page=org"><li><i class="fa fa-home"></i> Organisation</li></a>
<a href="dashboard.html?page=repos"><li><i class="fa fa-bar-chart-o"></i> Data Points</li></a>
<a href="engagement.html?page=factors" class="selected"><li><i class="fa fa-cubes"></i> Engagement</li></a>
<a href="contributors.html?page=people"><li><i class="fa fa-user"></i> Contributors</li></a>
<a href="relationships.html?page=code-rel"><li><i class="fa fa-group"></i> Relationships</li></a>
<a href="dashboard.html?page=publish"><li><i class="fa fa-cloud-download"></i> Exports</li></a>
<a href="apidoc.html"><li><i class="fa fa-book"></i> API Docs</li></a>
<a href="javascript:void(signout());"><li><i class="fa fa-sign-out"></i> Log Off</li></a>
</ul>
</nav>
<nav class="titlebar">
<div class="searchbar">
</div>
Community Engagement
</nav>
<div>
<nav class="menu">
<div class="profile">
<div style="float: left; height: 100%; width: 40px;">
<img id="user_image"/>
</div>
<div style="float: left; height: 100%; ">
<p style="margin-top: 8px;">
<span id="user_name"></span>
<span id="messages_number" style="display: none;"></span>
</p>
<p style="font-weight: bold; color: #eacf7c;">
<span id="user_level"></span>
</p>
</div>
</div>
<div class="sidemenu">
<p class="sidetitle">Community Engagement:</p>
<ul>
<a href="engagement.html?page=factors"><li>Pony factors</li></a>
<a href="engagement.html?page=retention"><li>Contributor retention</li></a>
<a href="engagement.html?page=comstat"><li>Community Growth</li></a>
<a href="engagement.html?page=mail-mood"><li>Communication moods</li></a>
</ul>
</div>
</nav>
<div class="wrapper">
<div class="wrap1">
<div class="wrap2">
<div class="wrap3" id="innercontents">
Loading, please wait...
</div>
</div>
</div>
</div>
</div>
<div id="chartWrapperHiddenMaster" style=display:none;"></div>
<!--jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!--Bootstrap -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>
<!-- Snoot4 stuff, to be removed -->
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="js/c3.min.js"></script>
<script type="text/javascript" src="js/kibble.v1.js"></script>
<script src="js/moment/moment.min.js"></script>
<script src="js/datepicker/daterangepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js" type="text/javascript" data-rocketoptimized="true"></script>
</body>
</html>