src/uioptions.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--<link rel="icon" type="image/png" href="/img/newicon128.png" sizes="128x128">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://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/newoptions.css" rel="stylesheet" type="text/css" />-->
<link href="css/uioptions.min.css" rel="stylesheet">
<title>Modation Control</title>
</head>
<body>
<main>
<h1>Global</h1>
<form>
<!--Login-->
<h2>Login</h2>
<label>
<input type="checkbox" id="remember-me" class="option">
Remember me
</label>
<p class="field-help">Login will persist for up to a week.</p>
</form>
<h1>Community</h1>
<form>
<!--General-->
<h2>General</h2>
<label>
<input type="checkbox" id="show-alerts-on-top" class="option">
Show alerts on top of navigation
</label>
<p class="field-help">Alerts will overlap the main navigation links.</p>
<!--Watchlist-->
<h2>Watchlist <span>(Beta)</span></h2>
<label>
<input type="checkbox" id="watchlist" class="option">
Enable watchlist
</label>
<p class="field-help">Click "Add to Watchlist" in the sidebar of tracks and groups to be notified of changes to likes, comments, members, and more.</p>
<!--Comments-->
<h2>Comments</h2>
<label>
<input type="checkbox" id="user-tags" class="option">
User @ tagging
</label>
<p class="field-help">Type @username to tag users in comments.</p>
<label>
<input type="checkbox" id="move-comment-box" class="option">
Move comment box
</label>
<p class="field-help">Box will appear at the top of the thread.</p>
<!--Groups-->
<h2>Groups</h2>
<label>
<input type="checkbox" id="group-filters" class="option">
Group list filter
</label>
<p class="field-help">Add a quick filter to group lists.</p>
<label>
<input type="checkbox" id="move-group-invites" class="option">
Move group invitations
</label>
<p class="field-help">Invitations will appear at the top of the page.</p>
</form>
</main>
<footer>
<div class="copyright">
Made with love by <a href="http://djmarcolesco.me/">cyberbit</a>
</div>
</footer>
<!-- Compiled -->
<script src="js/jquery.all.js"></script>
<!--<script src="js/api.min.js"></script>-->
<!--<script src="js/uioptions.min.js"></script>-->
<!-- Source -->
<script src="js/crapi.js"></script>
<script src="js/modapi.js"></script>
<script src="js/uioptions.js"></script>
</body>
</html>