Oscarliu117 (Talk | contribs) |
Oscarliu117 (Talk | contribs) |
||
Line 11: | Line 11: | ||
<!--Page_Content--> | <!--Page_Content--> | ||
<div class="container content"> | <div class="container content"> | ||
− | <h1 class="head"> | + | <h1 class="head">Hardware</h1> |
<div class="navbar-example"> | <div class="navbar-example"> | ||
<div class="row"> | <div class="row"> | ||
<div class="col-2 side"> | <div class="col-2 side"> | ||
<div id="sidelist" class="list-group"> | <div id="sidelist" class="list-group"> | ||
− | <a class="list-group-item list-group-item-action" href="#list-item-1"> | + | <a class="list-group-item list-group-item-action" href="#list-item-1">Accomplishment</a> |
− | <a class="list-group-item list-group-item-action" href="#list-item-2"> | + | <a class="list-group-item list-group-item-action" href="#list-item-2">Introduction</a> |
− | <a class="list-group-item list-group-item-action" href="#list-item-3"> | + | <a class="list-group-item list-group-item-action" href="#list-item-3">Device design</a> |
− | <a class="list-group-item list-group-item-action" href="#list-item-4"> | + | <a class="list-group-item list-group-item-action" href="#list-item-4">Bioreactor</a> |
+ | <a class="list-group-item list-group-item-action" href="#list-item-5">Nutrient tank</a> | ||
+ | <a class="list-group-item list-group-item-action" href="#list-item-6">Materials required</a> | ||
<a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" | <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" | ||
aria-hidden="true"></i></a> | aria-hidden="true"></i></a> | ||
Line 88: | Line 90: | ||
</ul> | </ul> | ||
− | <img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/f/f4/T--NCKU_Tainan--software_manual_wifi_%E5%9C%96%E4%B8%80.jpg"> | + | <div><img class="contentimg col-6" src="https://static.igem.org/mediawiki/2018/f/f4/T--NCKU_Tainan--software_manual_wifi_%E5%9C%96%E4%B8%80.jpg"></div> |
</ol> | </ol> | ||
Line 96: | Line 98: | ||
<ol> | <ol> | ||
− | |||
− | |||
<li>Arduino UNO</li></br> | <li>Arduino UNO</li></br> | ||
<li>Wi-fi sensor (NodeMcu)</li> | <li>Wi-fi sensor (NodeMcu)</li> | ||
Line 104: | Line 104: | ||
</ol> | </ol> | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
Line 131: | Line 131: | ||
<style> | <style> | ||
.head { | .head { | ||
− | width: | + | width: 55% !important; |
} | } | ||
</style> | </style> | ||
− | |||
<script> | <script> | ||
− | $(document).ready(function () { | + | < script > |
− | + | $(document).ready(function () { | |
− | + | $(window).scroll(function () { | |
− | + | if ($(this).scrollTop() >= 90) { | |
− | + | var position = $("#sidelist").position(); | |
− | + | if (position == undefined) {} else { | |
− | + | $('#sidelist').css({ | |
− | + | "position": "fixed", | |
− | + | "top": "145px", | |
− | }); | + | "margin-top": "0px" |
+ | }); | ||
+ | } | ||
+ | } else { | ||
+ | $('#sidelist').removeAttr('style'); | ||
} | } | ||
− | } | + | }); |
− | + | $(function () { | |
− | + | $('i.fa-arrow-up').click(function () { | |
− | + | $('html, body').animate({ | |
− | + | scrollTop: 0 | |
− | + | }, 600); | |
− | + | return false; | |
− | + | }); | |
− | + | ||
− | + | ||
}); | }); | ||
}); | }); | ||
− | |||
</script> | </script> | ||
<script src="https://2018.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&ctype=text/javascript"></script> | ||
− | <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&ctype=text/javascript"> | + | <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&ctype=text/javascript"></script> |
− | + | </body> | |
− | + | </html> | |
− | + | ||
{{NCKU_Tainan/footer}} | {{NCKU_Tainan/footer}} |
Revision as of 08:54, 4 October 2018
Hardware