(29 intermediate revisions by 3 users not shown) | |||
Line 194: | Line 194: | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a> | <a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a> | ||
− | <a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate"> | + | <a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Demonstration</a> |
− | <a href="https://2016.igem.org/Team:BostonU_HW/Proof"> | + | <a href="https://2016.igem.org/Team:BostonU_HW/Proof">Proof</a> |
− | <a href="https://2016.igem.org/Team:BostonU_HW/Design"> | + | <a href="https://2016.igem.org/Team:BostonU_HW/Design">Design</a> |
+ | <a href="https://2016.igem.org/Team:BostonU_HW/Parts">Parts</a> | ||
</div> | </div> | ||
</li> | </li> | ||
Line 212: | Line 213: | ||
<a href="https://2016.igem.org/Team:BostonU_HW/HP/Silver">Silver</a> | <a href="https://2016.igem.org/Team:BostonU_HW/HP/Silver">Silver</a> | ||
<a href="https://2016.igem.org/Team:BostonU_HW/HP/Gold">Gold</a> | <a href="https://2016.igem.org/Team:BostonU_HW/HP/Gold">Gold</a> | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</li> | </li> | ||
Line 219: | Line 220: | ||
<a href="#" class="dropbtn">AWARDS</a> | <a href="#" class="dropbtn">AWARDS</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="https://2016.igem.org/Team:BostonU_HW/ | + | <a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a> |
<a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a> | <a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a> | ||
− | |||
− | |||
</div> | </div> | ||
</li> | </li> | ||
+ | |||
+ | <li class="sliding-middle-out dropdown"> | ||
+ | <a href="#" class="dropbtn">MEDAL CRITERIA </a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:BostonU_HW/Bronze">Bronze</a> | ||
+ | <a href="https://2016.igem.org/Team:BostonU_HW/Silver">Silver</a> | ||
+ | <a href="https://2016.igem.org/Team:BostonU_HW/Gold">Gold</a> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | |||
</ul> | </ul> | ||
</div><!-- /.navbar-collapse --> | </div><!-- /.navbar-collapse --> | ||
Line 295: | Line 305: | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .btn { | ||
+ | padding: 14px 24px; | ||
+ | border: 0 none; | ||
+ | border-radius: 0; | ||
+ | font-weight: 700; | ||
+ | font-size: 15px; | ||
+ | letter-spacing: 0.5px; | ||
+ | text-transform: uppercase; | ||
+ | -webkit-box-shadow: 5px 5px 0px rgba(4, 4, 4, 0.3); | ||
+ | -moz-box-shadow: 5px 5px 0px rgba(4, 4, 4, 0.3); | ||
+ | box-shadow: 5px 5px 0px rgba(4, 4, 4, 0.3); | ||
+ | outline: #545454 solid 2px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .btn:focus, .btn:active:focus, .btn.active:focus { | ||
+ | outline: 0 none; | ||
+ | } | ||
+ | |||
+ | .btn-primary { | ||
+ | background: #ffffff; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .btn-primary:active, .btn-primary.active { | ||
+ | background: #ffffff; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .btn-primary:focus { | ||
+ | background: #ffffff; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | .btn:active:focus { | ||
+ | background: #545454 !important; | ||
+ | color: white; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | .btn-primary:hover{ | ||
+ | background: #545454; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
Line 303: | Line 366: | ||
<div id="greyWrapper"> | <div id="greyWrapper"> | ||
<div class="pageBanner"> | <div class="pageBanner"> | ||
− | <h3 id="pageTitle"> | + | <h3 id="pageTitle">DEMONSTRATION</h3> |
</div> | </div> | ||
<br><br><br><br> | <br><br><br><br> | ||
− | + | ||
+ | |||
+ | |||
+ | |||
<div class="row" style="padding-top:50px; padding-bottom:50px;"> | <div class="row" style="padding-top:50px; padding-bottom:50px;"> | ||
<div class="col-md-1"></div> | <div class="col-md-1"></div> | ||
− | <div class="col-md-10" style="font-size: 3em; line-height: 130% | + | <div class="col-md-10" style="font-size: 3em; line-height: 130%;">Come see all that Neptune has to offer at a live demonstration at our booth. </div> |
<div class="col-md-1"></div> | <div class="col-md-1"></div> | ||
</div> | </div> | ||
Line 319: | Line 385: | ||
<div class="col-md-1"></div> | <div class="col-md-1"></div> | ||
<div class="col-md-10" style="background-color: white; padding-top:50px; padding-bottom:50px;"> | <div class="col-md-10" style="background-color: white; padding-top:50px; padding-bottom:50px;"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-10"> | ||
+ | <div style="font-size: 2em; line-height: 150%; color:#355E62;">TAKE A LOOK AT NEPTUNE IN ACTION</div> | ||
+ | <br><br> | ||
+ | <div> | ||
+ | Below you can find a video of a step by step walkthrough of the Neptune toolchain. We take an example case, Dr. Ali, who wants to create a device to characterize how a genetic part responds to various levels of inducer. We show how he can specify, design, build, and control his microfluidic device through Neptune’s system: | ||
+ | </div> | ||
+ | <br><br> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/0/08/T--BostonU_HW--DrAliCartoon_rcwolf.png"> | ||
+ | </div> | ||
+ | <div class="col-md-8"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-2" style="padding-right:0;">Step 1</div> | ||
+ | <div class="col-md-8" style="padding-left:0;">Create a Project!</div> | ||
+ | <div class="col-md-1"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-2" style="padding-right:0;">Step 2</div> | ||
+ | <div class="col-md-8" style="padding-left:0;">Specify the microfluidic design in terms of liquid flow relations using a library of features provided.</div> | ||
+ | <div class="col-md-1"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-2" style="padding-right:0;">Step 3</div> | ||
+ | <div class="col-md-8" style="padding-left:0;">Make any parametric edits to chip features if desired in the more detailed MINT description.</div> | ||
+ | <div class="col-md-1"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-2" style="padding-right:0;">Step 4</div> | ||
+ | <div class="col-md-8" style="padding-left:0;">Build and Assemble the chip and control infrastructure.</div> | ||
+ | <div class="col-md-1"></div> | ||
+ | </div> | ||
− | + | <div class="row"> | |
− | + | <div class="col-md-1"></div> | |
− | + | <div class="col-md-2" style="padding-right:0;">Step 5</div> | |
− | + | <div class="col-md-8" style="padding-left:0;">Control and use the microfluidic system!</div> | |
− | + | <div class="col-md-1"></div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | < | + | |
</div> | </div> | ||
+ | <div class="col-md-1"></div> | ||
</div> | </div> | ||
+ | <br><br> | ||
+ | </div> | ||
+ | <div class="col-md-1"></div> | ||
+ | </div> | ||
− | |||
− | + | <div class="row" style="padding-top:20px; padding-bottom:20px;"> | |
− | + | <div class="col-md-1"></div> | |
− | + | <div class="col-md-10"> | |
− | + | <video width="100%" controls> | |
− | + | <source src="https://static.igem.org/mediawiki/2016/3/34/T--BostonU_HW--SoftwareVideo_rcwolf.mp4" type="video/mp4"> | |
− | <div class="col-md- | + | Your browser does not support the video tag. |
− | + | </video> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | </ | + | |
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <div class="col-md-1"></div> | ||
</div> | </div> | ||
+ | <br><br> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
Latest revision as of 03:12, 20 October 2016
DEMONSTRATION
Come see all that Neptune has to offer at a live demonstration at our booth.
TAKE A LOOK AT NEPTUNE IN ACTION
Below you can find a video of a step by step walkthrough of the Neptune toolchain. We take an example case, Dr. Ali, who wants to create a device to characterize how a genetic part responds to various levels of inducer. We show how he can specify, design, build, and control his microfluidic device through Neptune’s system:
Step 1
Create a Project!
Step 2
Specify the microfluidic design in terms of liquid flow relations using a library of features provided.
Step 3
Make any parametric edits to chip features if desired in the more detailed MINT description.
Step 4
Build and Assemble the chip and control infrastructure.
Step 5
Control and use the microfluidic system!