Statistics
| Branch: | Tag: | Revision:

mongoose / examples / CC3200 / slfs / index.html @ eaef5bd1

History | View | Annotate | Download (9.14 KB)

1
l<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
  <meta charset="utf-8" />
5
  <title>CC3200 Mongoose sensor demo</title>
6
  <meta name="viewport" content="width=device-width, initial-scale=1" />
7
  <script type="text/javascript" src="main.js"></script>
8

    
9
  <style>
10
* {
11
  outline: none;
12
  box-sizing: border-box;
13
}
14

15
body {
16
  background: #7cf;
17
  color: #555;
18
  margin: 0;
19
  padding: 0;
20
  font: 16px/1.4 Helvetica, Arial, sans-serif;
21
}
22

23
div.content {
24
  width: 800px;
25
  margin: 1em auto;
26
  padding: 2em;
27
  background-color: #fff;
28
  border-radius: 1em;
29
}
30

31
a:link, a:visited {
32
  color: #69c;
33
  text-decoration: none;
34
}
35

36
#graphs {
37
  margin-top: 1em;
38
}
39

40
.graph {
41
  min-height: 12em;
42
  border: 0px solid #ccc;
43
  position: relative;
44
  margin: 0;
45
  padding-right: 5px;
46
  width: 100%;
47
  display: inline-block;
48
}
49

50
.graph_title {
51
  position: absolute;
52
  top: 0.5em; left: 1em;
53
  color: #ccc;
54
  font-weight: bold;
55
  z-index: 999;
56
}
57

58
button { font-size: 100%; }
59

    
60
  </style>
61

    
62
</head>
63
<body>
64
  <div class="content">
65
    <img src="data:image/png;base64,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
66
" style="float:right; height: 50px; border-radius: 3px;">
67
    <h1>Mongoose on CC3200 LaunchPad</h1>
68

    
69
    <p>
70
      This web page demonstrates how Mongoose embedded networking library can be
71
      used to implement real-time data exchange. Here, a TI CC3200 board pushes
72
      JSON-encoded WebSocket frames to the connected browser, which in turn
73
      graphs the data. Also, the browser can send commands to the device wrapped
74
      into a WebSocket frame to turn an LED on/off.
75
    </p>
76

    
77
    <button id="on_off_button">Switch LED off</button>
78

    
79
    <div id="graphs"></div>
80

    
81
  </div>
82
</body>
83
</html>