Merge branch 'users'
[matches/MCTX3420.git] / testing / MCTXWeb / public_html / index.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3   <head>
4     <title>MCTX3420 Web Interface</title>
5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6     <script type="text/javascript" src="static/jquery-1.10.1.min.js"></script>
7     <script type="text/javascript" src="static/mctx.gui.js"></script>
8     
9     <link rel="stylesheet" type="text/css" href="static/style.css">
10     <link rel="stylesheet" type="text/css" href="static/nav-menu.css">
11     <script type="text/javascript">
12       runBeforeLoad().done(function () {
13         $(document).ready(function () {
14        });       
15       }).always(function () {
16         $(document).ready(function () {
17           //$("#sidebar-menu").populateNavMenu();
18         });
19       });
20
21     </script>
22   </head>
23   
24   <body>
25     <div id="header-wrap">
26       <div id="header">
27         <div id="leftnav">
28           <a href="http://www.uwa.edu.au/" target="_blank">
29             <img alt = "The University of Western Australia"
30             src="static/uwacrest-text.png">
31           </a>
32           <span id="title">Exploding Cans</span>
33         </div>
34         <div id="rightnav">
35           <span id="welcome-container">
36           </span>
37           <span id="date">
38             <script type="text/javascript">getDate();</script>
39           </span>
40           <div id="logout-container">
41             <form action="#">
42               <div>
43                 <input type="button" id="logout" value="Logout">
44               </div>
45             </form>
46           </div>
47         </div>
48         <div class="clear"></div>
49       </div>
50     </div>
51     <!-- End header -->
52     
53     <div id="content-wrap">
54       <noscript>
55         <div class="widget centre">
56           <div class="title">JavaScript required</div>
57           This website requires JavaScript to function correctly.
58           Please enable JavaScript to use this site.
59         </div>
60       </noscript>
61
62       <div id="content">
63         <div class="widget" id="sidebar-show">&gt;</div>
64         <div id="sidebar">
65           <div class="widget">
66             <div id="sidebar-hide">&lt;</div>
67             <div class="title">Navigation menu</div>
68             <div id="sidebar-menu" class="nav-menu">
69               <ul>
70                 <li><a href="index.html"><span>Home</span></a></li>
71                 <li><a href="control.html"><span>Experiment control</span></a></li>
72                 <li><a href="graph.html"><span>Experiment graphs</span></a></li>
73                 <li><a href="values.html"><span>Experiment data (live)</span></a></li>
74                 <li><a href="data.html"><span>Experiment data</span></a></li>
75                 <li><a href="pintest.html"><span>Pin debugging</span></a></li>
76                 <li class="last"><a href="help.html"><span>Help</span></a></li>
77               </ul>
78             </div>
79           </div>
80         </div>
81         <!-- End sidebar -->
82
83         <div id="main">
84           <div class="widget">
85             <div class="title centre">Welcome</div>
86               <p>
87                 Welcome to the MCTX3420 remote pressure vessel experiment site!
88               </p>
89               <p>
90                 To explore how this system works, hover over the elements of the
91                 system diagram below. Clicking each element will lead to a new
92                 page that briefly describes that component of the system.
93               </p>
94               <p>
95                 For the full documentation, see the project wiki at:
96                 <a href="https://github.com/szmoore/MCTX3420/wiki">
97                   https://github.com/szmoore/MCTX3420/wiki
98                 </a>
99               </p>
100               <p>
101                 To begin a new experiment, use the left navigation pane.
102               </p>
103           </div>
104           <div class="widget">
105             <div class="title">System diagram</div>
106             <img id="sbd" src="static/sbd4.png" class="centre" alt="System diagram" usemap="#sbd-map">
107             <map name="sbd-map">
108               <area shape="rect" coords="8,72,105,118" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#control" target="_blank" alt="Client PC" title="You">
109               <area shape="rect" coords="176,72,275,118" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-BeagleBone" target="_blank" alt="BBB">
110               <area shape="rect" coords="298,53,395,145" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#electronics" target="_blank" alt="Electronics">
111               <area shape="rect" coords="446,53,543,145" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#pneumatics" target="_blank" alt="Pneumatics">
112               <area shape="rect" coords="218,191,315,237" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#sensors" target="_blank" alt="Sensors">
113               <area shape="rect" coords="418,191,515,237" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Sensors#camera" target="_blank" alt="Camera">
114               <area shape="rect" coords="218,237,315,285" href="#" alt="Strain Can">
115               <area shape="rect" coords="418,237,515,285" href="#" alt="Explode Can" title="Won't happen">
116               <area shape="rect" coords="87,191,183,237" href="https://github.com/szmoore/MCTX3420/wiki/System-Overview#case" target="_blank" alt="Case" id="case-btn">
117               <area shape="rect" coords="87,257,183,303" href="https://github.com/szmoore/MCTX3420/wiki/Hardware:-Mounting" target="_blank" alt="Mounting" id="mounting-btn">
118               <area shape="rect" coords="210,182,540,317" alt="Mounting Area" id="mounting-area">
119               <area shape="poly" coords="172,27,548,27,548,317,212,317,212,156,172,156" alt="case Area" id="case-area">
120             </map>
121             <script type="text/javascript" src="static/jquery.maphilight.min.js">
122
123             </script>
124             <script type="text/javascript">
125               $("#sbd").maphilight({
126                 fillOpacity: 0.4,
127                 strokeColor: '000000',
128                 strokeOpacity: 0.7
129               });
130
131               $.fn.hilightToggle = function (on) {
132                 var data = $(this).data("maphilight") || {};
133                 data.neverOn = !on;
134                 $(this).data("maphilight", data);
135                 return this;
136               };
137
138               $("#mounting-area").hilightToggle(false);
139               $("#case-area").hilightToggle(false);
140
141               $("#mounting-btn").mouseover(function () {
142                 $("#mounting-area").hilightToggle(true).mouseover();
143               }).mouseout(function () {
144                 $("#mounting-area").hilightToggle(false);
145               });
146
147               $("#case-btn").mouseover(function () {
148                 $("#case-area").hilightToggle(true).mouseover();
149               }).mouseout(function () {
150                 $("#case-area").hilightToggle(false);
151               });
152
153             </script>
154             
155             <div class="clear"></div>
156           </div>
157         </div>
158     </div>
159       <!-- End main content -->
160     </div>
161   </body>
162 </html>

UCC git Repository :: git.ucc.asn.au