src/popup.html
<!DOCTYPE html>
<html>
<head>
<title>Modation Notifs</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100" rel="stylesheet" type="text/css" />
<link href="https://soundation.com/assets/application.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/popup.min.css" rel="stylesheet">
</head>
<body class="community feed show">
<main>
<!--<nav id="modation-nav">
<ul>
<li><a class="hand active" data-tab="modation-notifications">Notifications</a></li>
<li><a class="hand" data-tab="modation-watchlist">Watchlist</a></li>
</ul>
</nav>-->
<div class="inner">
<aside id="modation-notifications">
<h3>Modation</h3>
<div class="notifications">
<span class="clear-all">
<a href="#" class="options">Options</a>
</span>
<div class="notification">
<div class="header">Notifications</div>
<div class="actions">
<a href="#" class="show-notifs button">Show all</a>
<a href="#" class="clear-notifs button decline">Clear all</a>
</div>
</div>
<!--<div class="notification">
<div class="header">Messages</div>
<div class="actions">
<a href="#" class="open-messages button">Open Messages</a>
</div>
</div>-->
</div>
</aside>
</div>
</main>
<!-- Compiled -->
<script src="js/jquery.all.js"></script>
<!--<script src="js/api.min.js"></script>-->
<!--<script src="js/newpopup.min.js"></script>-->
<!-- Source -->
<script src="js/crapi.js"></script>
<script src="js/modapi.js"></script>
<script src="js/newpopup.js"></script>
</body>
</html>