<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Connected device demo</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="content"> <img src="logo.png" style="float:right; height: 50px; border-radius: 3px;"> <h1>Connected device demo - static content only</h1> <p> This page shows initial steps on how to make a device connected. Mongoose serves static content from the <code>web_root</code> directory. Images, CSS, HTML, JavaScript files could be dropped into the <code>web_root</code> directory - and they'll be served happily by Mongoose. </p> <p> Below is a placeholder for the settings section, and a real-time dashboard, which will be implemented in the following examples. Both settings section, and a dashboard section, could be organised differently on this UI - for example, in different tabs. But, to make the demonstration clearer, we show everything on one page. </p> <h1>Settings section</h1> <p>Nothing here yet</p> <h1>Dashboard section</h1> <p>Nothing here yet</p> </div> </body> </html>