(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{BostonU_HW}} | + | {{BostonU_HW/CSS}} |
+ | {{BostonU_HW/Nav_Bar}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
+ | <meta name="description" content="Start your development with a Design System for Bootstrap 4."> | ||
+ | <meta name="author" content="Creative Tim"> | ||
+ | <title>Argon Design System - Free Design System for Bootstrap 4</title> | ||
+ | <script src="https://2018.igem.org/Template:BostonU_HW/JS_jquery?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Template:BostonU_HW/JS_bootstrap_min?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <!-- /* ADJUSTS DEFAULT iGEM CONTENT */--> | ||
− | < | + | <style type="text/css"> |
− | + | .logo_2018, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */ | |
− | + | display: none; | |
− | + | } | |
− | + | #globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */ | |
− | + | background-color: transparent; | |
− | + | } | |
− | + | /* ADJUSTS DEFAULT iGEM CONTENT */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | .logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */ | ||
+ | display: none; | ||
+ | } | ||
+ | #globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */ | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | body, html, #globalWrapper, #bodyContent, #HQ_page { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | height: 100%; | ||
+ | } | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | margin-top: -33px; | ||
+ | padding: 0; | ||
+ | height: 100%; | ||
+ | } | ||
+ | html { | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | } | ||
+ | #logo{ | ||
+ | height:100%; | ||
+ | width:100%; | ||
+ | margin-top: 2%; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <main> | ||
+ | <section class="section-profile-cover section-shaped my-0"> | ||
+ | <div class="shape shape-style-1 shape-default shape-skew alpha-4"></div> | ||
+ | <div class="container"> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-lg-4 pt-5"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c9/T--BostonU_HW--TERRA_logo.png" style="width: 250px;" class="img-fluid"> | ||
+ | </div> | ||
+ | <div class="col-lg-8 pt-lg"> | ||
+ | <h1 class="display-1">Improve</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section class="section section-skew"> | ||
+ | <div class="container"> | ||
+ | <div class="card card-profile shadow mt--300 px-4 pt-3"> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-lg-12 px-4 pt-3"> | ||
+ | <!-- Cards --> | ||
+ | <div class="nav-wrapper"> | ||
+ | <ul class="nav nav-pills nav-fill flex-column flex-lg-row ml-0" id="tabs-icons-text" role="tablist"> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link mb-sm-3 mb-md-0 active" id="tabs-icons-text-1-tab" data-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="tabs-icons-text-1" aria-selected="true"><i class="ni ni-cloud-upload-96 mr-2"></i>Neptune</a> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link mb-sm-3 mb-md-0" id="tabs-icons-text-2-tab" data-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="tabs-icons-text-2" aria-selected="false"><i class="ni ni-cloud-upload-96 mr-2"></i>MARS</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- Cards Corresponding to Tabs --> | ||
+ | <div class="card shadow"> | ||
+ | <div class="card-body"> | ||
+ | <div class="tab-content" id="myTabContent"> | ||
+ | <!-- Neptune --> | ||
+ | <div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab"> | ||
+ | <h2 class=display-3>Improving on Neptune</p></h2> | ||
+ | <small class="h6 text-default"> | ||
+ | The control syringe system we implemented in TERRA was repurposed from the 2016 Boston University iGEM Hardware Team, Neptune. Neptune designed an end to end design suite for continuous flow microfluidics, which helped automate the microfluidic design process. The team coupled this design software with DIY syringe pumps hardware, which are responsible for inputting flow into the microfluidic chip, to increase the accessibility of microfluidics due to the high cost of retail syringe pumps. </p> | ||
+ | Our team decided to repurpose Neptune’s syringe pump hardware to develop our control syringe system because they already went through the process of designing and validating a DIY platform for automating syringe movement. In addition, since the syringe pumps were used to gradually push a syringe to dispense at a constant rate, they were able to demonstrate a high degree of controllability with their hardware platform. This gave us the confidence to reuse their hardware platform for our control syringe system in TERRA. </p> | ||
+ | However, because of the difference in application between Neptune and TERRA, we needed to update the software operating the syringes. TERRA’s control syringe system is responsible for actuating control valves on the TERRA Adapter as opposed to inputting constant flow. To accomplish this the control syringes need to be able to sustain on/off states based on the output selection system on the TERRA Adapter. In order to execute this we programmed the servo motors for the syringes to move and hold certain positions based on the experiment protocol given by the user. These positions would last for a certain duration, depending on how long an output is selected for.</p> | ||
+ | </small> | ||
+ | </div> | ||
+ | <!-- MARS --> | ||
+ | <div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab"> | ||
+ | <h2 class=display-3>Improving on MARS</p></h2> | ||
+ | <small class="h6 text-default"> | ||
+ | Adding to the MARS Repository | ||
+ | </small> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | </main> | ||
+ | </body> | ||
+ | <script src="../assets/vendor/jquery/jquery.min.js"></script> | ||
+ | <script src="../assets/vendor/popper/popper.min.js"></script> | ||
+ | <script src="../assets/vendor/headroom/headroom.min.js"></script> | ||
+ | <script src="../assets/vendor/bootstrap/bootstrap.min.js"></script> | ||
+ | <!-- Argon JS --> | ||
+ | <script src="../assets/js/argon.js?v=1.0.0"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 13:41, 14 September 2018