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...