1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
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>
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 () {
15 $("#content").css("display", "block");
17 var name = " " + (mctx.friendlyName ? mctx.friendlyName : "");
18 $("#welcome-container").text("Welcome"+ name + "!");
19 $("#logout-container").css("display", "block");
20 $("#logout").click(function () {
21 $("#logout").logout();
32 <a href="http://www.uwa.edu.au/" target="_blank">
33 <img alt = "The University of Western Australia"
34 src="static/uwacrest-text.png">
36 <span id="title">Exploding Cans</span>
39 <span id="welcome-container">
42 <script type="text/javascript">getDate();</script>
44 <div id="logout-container">
47 <input type="button" id="logout" value="Logout">
52 <div class="clear"></div>
57 <div class="widget centre">
58 <div class="title">JavaScript required</div>
59 This website requires JavaScript to function correctly.
60 Please enable JavaScript to use this site.
67 <div class="title">Navigation menu</div>
68 <div class="nav-menu">
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="pintest.html"><span>Pin debugging</span></a></li>
73 <li class="last"><a href="#"><span>Help</span></a></li>
78 <div class="title">Help</div>
86 <div class="title centre">Welcome</div>
88 Welcome to the MCTX3420 remote pressure vessel experiment site!
91 To explore how this system works, hover over the elements of the
92 system diagram below. Clicking each element will lead to a new
93 page that briefly describes that component of the system.
96 For the full documentation, see the project wiki at:
97 <a href="https://github.com/szmoore/MCTX3420/wiki">
98 https://github.com/szmoore/MCTX3420/wiki
102 To begin a new experiment, use the left navigation pane.
106 <div class="title">System diagram</div>
107 <img id="sbd" src="static/sbd.png" class="centre" alt="System diagram" usemap="#sbd-map">
109 <area shape="rect" coords="78,44,178,94" href="#" alt="Client PC" title="You">
110 <area shape="rect" coords="238,44,338,94" href="#" alt="BBB">
111 <area shape="rect" coords="398,44,498,94" href="#" alt="Electronics">
112 <area shape="rect" coords="238,104,338,154" href="#" alt="Pneumatics">
113 <area shape="rect" coords="128,184,228,234" href="#" alt="Sensors">
114 <area shape="rect" coords="348,184,448,234" href="#" alt="Camera">
115 <area shape="rect" coords="128,238,228,288" href="#" alt="Strain Can">
116 <area shape="rect" coords="348,238,448,288" href="#" alt="Explode Can" title="Won't happen">
117 <area shape="rect" coords="13,206,113,231" href="#" alt="Enclosure" id="enclosure-btn">
118 <area shape="rect" coords="13,240,113,265" href="#" alt="Mounting" id="mounting-btn">
119 <area shape="rect" coords="116,175,457,294" alt="Mounting Area" id="mounting-area">
120 <area shape="poly" coords="230,30,524,30,524,294,115,294,115,100,230,100,230,30" alt="Enclosure Area" id="enclosure-area">
122 <script type="text/javascript" src="static/jquery.maphilight.min.js">
125 <script type="text/javascript">
126 $("#sbd").maphilight({
128 strokeColor: '000000',
132 $.fn.hilightToggle = function (on) {
133 var data = $(this).data("maphilight") || {};
135 $(this).data("maphilight", data);
139 $("#mounting-area").hilightToggle(false);
140 $("#enclosure-area").hilightToggle(false);
142 $("#mounting-btn").mouseover(function () {
143 $("#mounting-area").hilightToggle(true).mouseover();
144 }).mouseout(function () {
145 $("#mounting-area").hilightToggle(false);
148 $("#enclosure-btn").mouseover(function () {
149 $("#enclosure-area").hilightToggle(true).mouseover();
150 }).mouseout(function () {
151 $("#enclosure-area").hilightToggle(false);
157 <!-- End main content -->