Revert "Stop publish examples to mongoose repo"

This reverts commit 1a17e17c462bdd4e1d26d8742f8b7087273e04c2.

PUBLISHED_FROM=80028de308c9a021955d1425d2bfee8feb85f193

examples/connected_device_2/web_root/index.shtml

@@ -0,0 +1,46 @@
+<!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 - settings section</h1>
+
+    <p>
+      This page is one of the series of examples that show how to make
+      devices connected with Mongoose. Here, we create a settings section
+      that expose some internal device variables, and allow user to change
+      them. They could be some stored in a database, in a file, or in
+      firmware RAM. In this example, we store them in RAM, and use two
+      variables, one integer and one string. We use SSI
+      <code>&lt;!--#call parameter_name --&gt;</code> directive to fetch
+      variable values from Mongoose.
+    </p>
+
+    <h1>Settings section</h1>
+    <form method="POST" action="/save">
+      <fieldset>
+        <legend>Device settings</legend>
+        <label>Setting 1:</label> <input type="text"
+          name="setting1" value="<!--#call setting1 -->" >
+        <label>Setting 2:</label> <input type="text"
+          name="setting2" value="<!--#call setting2 -->" >
+
+        <div>
+          <button type="submit">Save Settings</button>
+        </div>
+
+      </fieldset>
+    </form>
+
+    <h1>Dashboard section</h1>
+    <p>Nothing here yet</p>
+
+  </div>
+</body>
+</html>

examples/connected_device_2/web_root/style.css

@@ -0,0 +1,67 @@
+* {
+  outline: none;
+}
+
+body {
+  background: #36c;
+  color: #555;
+  margin: 0;
+  padding: 0;
+  font: 16px/1.4 Helvetica, Arial, sans-serif;
+}
+
+div.content {
+  width: 800px;
+  margin: 1em auto;
+  padding: 2em;
+  background-color: #fff;
+  border-radius: 1em;
+}
+
+fieldset {
+  border: 1px solid #ccc;
+  padding: 1em;
+}
+
+fieldset legend {
+  font-style: italic;
+  color: silver;
+}
+
+fieldset label {
+  text-align: right;
+  padding: 0 1em;
+}
+
+input[type=text] {
+  font-size: 100%;
+  padding: 0.2em;
+  border: 1px solid #ccc;
+}
+
+button {
+  color: #666;
+  background: #eee;
+  border: 1px solid #ccc;
+  padding: 0.2em 2em;
+  font-size: 100%;
+  cursor: pointer;
+  margin-top: 1em;
+}
+
+button:hover {
+  background: #ccc;
+}
+
+code {
+  background: #f0f0f0;
+  padding: 0 0.3em;
+  color: #396;
+  border-radius: 0.3em;
+}
+
+a:link, a:visited {
+  color: #69c;
+  text-decoration: none;
+}
+