The HTML5 skeleton
Let's now create the HTML skeleton of the index.html and options.html pages. They will share the same structure but include different styles and JavaScript files:
index.html:
<!DOCTYPE html>
<html>
<head>
<title>ToDO!</title>
<link rel="stylesheet" href="css/app.css"></link>
<script type="text/javascript" src="vendor/jquery.2.1.3.min.js"></script>
<script type="text/javascript" src="vendor/pouchdb-3.2.1.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/todos.js"></script>
<script type="text/javascript" src="js/nativeui.js"></script>
<script type="text/javascript" src="js/helpers.js"></script>
</head>
<body>
<div id="mainView"></div>
</body>
</html>In options.html, you can replicate the same code just by replacing all...