</script>
</head>
<body>
- <!-- NAVIGATION -->
+ <!-- HEADER -->
<div class="w3-top">
<div class="w3-bar w3-deep-purple">
<span class="branding w3-bar-item w3-mobile w3-white">
<span class="w3-right w3-mobile">
<a class="w3-bar-item w3-button w3-mobile w3-hover-orange" href="#">Home</a>
<a class="w3-bar-item w3-button w3-mobile w3-hover-orange" href="#system">System</a>
+ <br>
+ <div id='time'></div>
</span>
</div>
</div>
-
- <h1>QuantiMotor</h1>
- <h2>Time</h2>
- <div id='time'></div>
- <h2>Pressure</h2>
- <div id='pressure'></div>
- <h2>Thrust</h2>
- <div id='thrust'></div>
- <h2>Pyro</h2>
- <div id='pyro'></div>
- <h2>Battery</h2>
- <div id='battery'></div>
- <h2>Armed</h2>
- <div id='armed'></div>
+ <!-- STATUS -->
+ <section class="section w3-light-grey">
+ <div class="w3-container w3-center">
+ <div class="w3-row">
+ <div class="w3-col m3" style="width:20%">
+ <i class="fa fa-comment w3-red w3-padding-small w3-round-xlarge"></i >
+ <h3>Pressure</h3>
+ <div id='pressure'></div>
+ </div>
+ <div class="w3-col m3" style="width:20%">
+ <i class="fa fa-comment w3-red w3-padding-small w3-round-xlarge"></i >
+ <h3>Thrust</h3>
+ <div id='thrust'></div>
+ </div>
+ <div class="w3-col m3" style="width:20%">
+ <i class="fa fa-comment w3-red w3-padding-small w3-round-xlarge"></i >
+ <h3>Pyro</h3>
+ <div id='pyro'></div>
+ </div>
+ <div class="w3-col m3" style="width:20%">
+ <i class="fa fa-comment w3-red w3-padding-small w3-round-xlarge"></i >
+ <h3>Battery</h3>
+ <div id='battery'></div>
+ </div>
+ <div class="w3-col m3" style="width:20%">
+ <i class="fa fa-comment w3-red w3-padding-small w3-round-xlarge"></i >
+ <h3>Armed</h3>
+ <div id='armed'></div>
+ </div>
+ </div>
+ </div>
+ </section>
<!-- FOOTER -->
<footer class="w3-deep-purple w3-padding-xlarge w3-center">
projects / fw / quantimotor / commitdiff