Let's look at each chunk of index.html in turn, as shown in the following code:
<html> <head> <title>HTML minimal example</title> <script src="shared/jquery.js" type="text/javascript"></script> <script src="shared/shiny.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="shared/shiny.css"/> <style type = "text/css"> body { background-color: #ecf1ef; } #navigation { position: absolute; width: 300px; } #centerdoc { max-width: 600px; margin-left: 350px; border-left: 1px solid #c6ec8c; padding-left: 20px; } </style> </head>
The <head> section contains some important setup code for Shiny, loading the JavaScript and jQuery scripts, which make it work, as well as a style sheet for Shiny. You will need ...