Changes for IoT build

revert-dabc3590
Imesh Chandrasiri 8 years ago
parent 1ff609d819
commit bc075dedf0

@ -48,11 +48,11 @@ hr {
.grey-bg { .grey-bg {
background-color: #f6f4f4; background-color: #f6f4f4;
} }
.doc-link { .doc-link{
background: #11375B; background: none;
padding: 20px; color: #000;
color: white; padding: 10px 0px;
} }
.doc-link a { .doc-link a {
color: white; color: #006eff;
} }

@ -25,9 +25,7 @@
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Arduino"
target="_blank">[ here ]</a> for latest instructions and
troubleshooting.</h4>
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
@ -40,34 +38,37 @@
<hr> <hr>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"> <li class="padding-top-double">
<span class="circle">ITEM 01</span> <span class="badge">ITEM 01</span>
Arduino UNO Board. Arduino UNO Board.
</li> </li>
<li class="padding-top-double"> <li>
<span class="circle">ITEM 02</span> <span class="badge">ITEM 02</span>
Adafruit Wifi Shield for Arduino. Adafruit Wifi Shield for Arduino.
</li> </li>
<li class="padding-top-double"> <li>
<span class="circle">ITEM 03</span> <span class="badge">ITEM 03</span>
LED bulb connected to Pin 13. LED bulb connected to Pin 13.
<i>(If not available, will use the one on the board.)</i> <i>(If not available, will use the one on the board.)</i>
</li> </li>
<li class="padding-top-double"> <li>
<span class="circle">ITEM 04</span> <span class="badge">ITEM 04</span>
Resister( e.g 330 ohms ) Resister( e.g 330 ohms )
</li> </li>
<li class="padding-top-double"> <li>
<span class="circle">STEP 05</span> <span class="badge">STEP 05</span>
Proceed to [Prepare] section. Proceed to [Prepare] section.
</ul> </ul>
<br> <br>
<a href="/api-store/apis/info?name={{@uriParams.deviceType}}&version=1.0.0&provider=admin" <a href="/api-store/apis/info?name={{@uriParams.deviceType}}&version=1.0.0&provider=admin"
class="btn-operations" target="_blank"> class="btn-operations" target="_blank">
<i class="fw fw-api"></i> View API <i class="fw fw-api add-margin-1x"></i> View API
</a> </a>
<a href="#" class="download-link btn-operations"> <a href="#" class="download-link btn-operations">
<i class="fw fw-download"></i>Download Sketch <i class="fw fw-download add-margin-1x"></i>Download Sketch
</a> </a>
<p class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Arduino"
target="_blank">here</a> for latest instructions and
troubleshooting.</p>
<div id="download-device-modal-content" class="hide"> <div id="download-device-modal-content" class="hide">
<div class="modal-content"> <div class="modal-content">
<div class="row"> <div class="row">

@ -56,13 +56,12 @@ hr {
background-color: #f6f4f4; background-color: #f6f4f4;
} }
.doc-link { .doc-link{
background: #11375B; background: none;
padding: 20px; color: #000;
color: white; padding: 10px 0px;
margin-top: 0;
} }
.doc-link a { .doc-link a {
color: white; color: #006eff;
} }

@ -24,11 +24,6 @@
<img src="{{@unit.publicUri}}/images/respberry-icon.png" class="img-responsive"> <img src="{{@unit.publicUri}}/images/respberry-icon.png" class="img-responsive">
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Raspberry+Pi"
target="_blank">[ here ]</a> for latest instructions and
troubleshooting.</h4>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h3 class="uppercase">What it Does</h3> <h3 class="uppercase">What it Does</h3>
@ -39,33 +34,36 @@
<hr> <hr>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"> <li class="padding-top-double">
<span class="circle">ITEM 01</span> <span class="badge">ITEM 01</span>
Raspberry Pi with SD Card(Internet Enabled [Wifi or Ethernet]). Raspberry Pi with SD Card(Internet Enabled [Wifi or Ethernet]).
</li> </li>
<li class="padding-top-double"> <li>
<span class="circle">ITEM 02</span> <span class="badge">ITEM 02</span>
Adafruit DHT11 Temperature Sensor. Adafruit DHT11 Temperature Sensor.
</li> </li>
<li class="padding-top-double"> <li>
<span class="circle">ITEM 03</span> <span class="badge">ITEM 03</span>
LED Bulb. LED Bulb.
</li> </li>
<li class="padding-top-double"> <li>
<span class="circle">ITEM 04</span> <span class="badge">ITEM 04</span>
Resister (eg : 470 ohm). Resister (eg : 470 ohm).
</li> </li>
<li class="padding-top-double"> <li>
<span class="circle">STEP 05</span> <span class="badge">STEP 05</span>
Proceed to [Prepare] section. Proceed to [Prepare] section.
</ul> </ul>
<br> <br>
<a href="/api-store/apis/info?name={{@uriParams.deviceType}}&version=1.0.0&provider=admin" <a href="/api-store/apis/info?name={{@uriParams.deviceType}}&version=1.0.0&provider=admin"
class="btn-operations" class="btn-operations"
target="_blank"><i class="fw fw-api"></i> View API</i> target="_blank"><i class="fw fw-api add-margin-1x"></i> View API</i>
</a> </a>
<a href="#" class="download-link btn-operations"> <a href="#" class="download-link btn-operations">
<i class="fw fw-download"></i>Download Agent <i class="fw fw-download add-margin-1x"></i>Download Agent
</a> </a>
<p class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Raspberry+Pi"
target="_blank">here</a> for latest instructions and
troubleshooting.</p>
<div id="download-device-modal-content" class="hide"> <div id="download-device-modal-content" class="hide">
<div class="modal-content"> <div class="modal-content">
<div class="row"> <div class="row">

@ -49,13 +49,12 @@ hr {
background-color: #f6f4f4; background-color: #f6f4f4;
} }
.doc-link { .doc-link{
background: #11375B; background: none;
padding: 20px; color: #000;
color: white; padding: 10px 0px;
margin-top: 0;
} }
.doc-link a { .doc-link a {
color: white; color: #006eff;
} }

@ -9,10 +9,6 @@
<img src="{{@unit.publicUri}}/images/android-icon.png" class="img-responsive"> <img src="{{@unit.publicUri}}/images/android-icon.png" class="img-responsive">
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Android"
target="_blank">[ here ]</a> for latest instructions and troubleshooting.</h4>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
@ -24,18 +20,20 @@
<h3 class="uppercase">What You Need</h3> <h3 class="uppercase">What You Need</h3>
<hr> <hr>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">STEP 01</span> Android <li class="padding-top-double"><span class="badge">STEP 01</span> Android
Mobile. Mobile.
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 02</span> Go ahead <li><span class="badge">STEP 02</span> Go ahead
and click [Enroll Device]. and click [Enroll Device].
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 03</span> Proceed <li><span class="badge">STEP 03</span> Proceed
to the [Prepare] section. to the [Prepare] section.
</li> </li>
</ul> </ul>
<br> <br>
<a href="javascript:toggleEnrollment()" class="download-link btn-operations"><i class="fw fw-mobile fw-inverse fw-lg"></i> Enroll Device</a> <a href="javascript:toggleEnrollment()" class="download-link btn-operations"><i class="fw fw-mobile fw-inverse fw-lg add-margin-1x"></i> Enroll Device</a>
<p class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Android"
target="_blank">here</a> for latest instructions and troubleshooting.</p>
<br/><br/> <br/><br/>
</div> </div>

Loading…
Cancel
Save