Difference between revisions of "Team:BostonU HW/Fluorescence"

(Created page with "{{Global_Menubar}} {{Team:BostonU_Hardware/CSS}} <html lang="en"> <head> <meta charset="utf-8" /> <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png"...")
 
 
(12 intermediate revisions by 3 users not shown)
Line 18: Line 18:
 
}
 
}
 
#page_background{
 
#page_background{
−
background-image: url("https://static.igem.org/mediawiki/2017/0/04/MARS_General_Background.png");
+
background-image: url("https://static.igem.org/mediawiki/2017/9/94/LARGE_background_MARS.png");
 +
background-size:100%;
 
}
 
}
 
#Header_Pic{
 
#Header_Pic{
Line 35: Line 36:
 
#TITLE{
 
#TITLE{
 
position: absolute;
 
position: absolute;
−
width: 30%;
+
width: 60%;
 
margin-left: 22%;
 
margin-left: 22%;
 
margin-top: 11%;
 
margin-top: 11%;
Line 65: Line 66:
 
<div class="wrapper" id="page_background">
 
<div class="wrapper" id="page_background">
 
<div class="header" id="Header_Pic">
 
<div class="header" id="Header_Pic">
−
<img src="https://static.igem.org/mediawiki/2017/0/02/MARSbackground.png" id="BACKGROUND">
+
<img src="https://static.igem.org/mediawiki/2017/9/94/LARGE_background_MARS.png" id="BACKGROUND">
−
<img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" id="MARS">
+
<div class="container" margin-top:"2%;">
−
<img src="https://static.igem.org/mediawiki/2017/1/15/MARS_Ligation.png" id="TITLE">
+
<div class="col-md-3">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" width="100%" style="margin-top:-37%;">
 +
</div>
 +
<div class="col-md-9" style="color:#eef1f5; font-size:80px; font-family:Arial,Gadget,sans-serif; margin-top:-2.5%;">
 +
Fluorescence<br><br><br><br>Testing
 
</div>
 
</div>
−
<div class="main main-raised" style="margin-bottom:5%;">
+
</div>
 +
</div>
 +
<div class="main main-raised" style="margin-top:2%;">
 
<div class="container">
 
<div class="container">
−
<div class="col-md-9">
+
<div class="col-md-12">
 
<div class="text_section">
 
<div class="text_section">
 
<h1>Summary</h1>
 
<h1>Summary</h1>
 
<div class="text" style="margin-bottom:3%;">
 
<div class="text" style="margin-bottom:3%;">
−
Ligation is a commonly used protocol in synthetic biology. In molecular cloning ligation is the process by which external DNA is inserted into a vector DNA, often a plasmid, using the enzyme DNA ligase. The newly formed DNA, or recombinant DNA, can then be analyzed or transformed.
+
Fluorescence is commonly used as a quantifiable marker in synthetic biology procedures. Following the completion of a protocol, for example an assay test, samples are tested in a plate reader and the results analyzed.
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
 
−
<div class="col-md-3" style="text-align:center; margin:auto; vertical-align:middle;" >
 
−
<a href="MARStest.zip"download>
 
−
<button class="btn btn-primary btn-lg btn-danger">Download Files Here!<i class="material-icons">get_app</i></button>
 
−
</a>
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 88: Line 91:
 
<div class="col-md-9">
 
<div class="col-md-9">
 
<div class="text">
 
<div class="text">
−
This microfluidic chip is designed to perform ligation. T4 DNA Ligase Buffer, vector DNA, insert DNA, water, and T4 DNA Ligase are metered on the chip and are then mixed together. The solution then undergoes incubation, after which the recombinant DNA solution can pipetted out from the chip and used in further molecular cloning procedures
+
This microfluidic chip is designed to perform a Cell-free Toehold test; however, it can be adapted to perform alternative fluorescent tests as desired. The metering primitive dispenses accurate ratio volumes of various substances. These are pushed into the central well which matches the dimensions of a 96-well plate. The chip can then be read in a plate reader with the use of an adapted skirt.
 +
                                <br><br>
 +
This chip has been milled and tested, but not deemed fully fluid functional as of this time. For a more complete understanding of the chip, click the download button in order to access its CNC millable SVG files, JSON file, full device documentation and PNG files of its flow and control layers.
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3">
 
<div class="col-md-3">
 +
<div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
  <a href="https://2017.igem.org/Team:BostonU_HW/Demonstrate#Chips">
 +
    <button class="btn btn-primary btn-lg btn-danger" style="margin-top:0px;">MARS Repository<i class="material-icons">replay</i></button>
 +
  </a>
 +
</div>
 +
<div style="text-align:center; margin:auto; vertical-align:middle;" >
 +
<a href="https://static.igem.org/mediawiki/2017/9/9b/MARSFluorescence.zip"download>
 +
<button class="btn btn-primary btn-lg btn-danger">Download Files Here!<i class="material-icons">get_app</i></button>
 +
</a>
 +
</div>
 
<div class="profile-tabs">
 
<div class="profile-tabs">
 
<div class="nav-align-center">
 
<div class="nav-align-center">
Line 117: Line 132:
 
<div class="tab-pane active" id="Design">
 
<div class="tab-pane active" id="Design">
 
  <div class="col-md-6 text-center">
 
  <div class="col-md-6 text-center">
−
  <img class="pics" src="https://static.igem.org/mediawiki/2017/1/1c/MARS_Ligation_F.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
+
  <img class="pics" src="https://static.igem.org/mediawiki/2017/c/c3/MARS_Fluorescence_F.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
 
  <div class="row text-center" style="margin-bottom:5%;">
 
  <div class="row text-center" style="margin-bottom:5%;">
 
  <button class="btn btn-info btn-round" ><span style="font-size:17px;">Flow Layer</span></button>
 
  <button class="btn btn-info btn-round" ><span style="font-size:17px;">Flow Layer</span></button>
Line 123: Line 138:
 
  </div>
 
  </div>
 
  <div class="col-md-6 text-center">
 
  <div class="col-md-6 text-center">
−
  <img class="pics" src="https://static.igem.org/mediawiki/2017/f/f7/MARS_Ligation_C.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
+
  <img class="pics" src="https://static.igem.org/mediawiki/2017/6/68/MARS_Fluorescence_C.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
 
  <div class="row text-center" style="margin-bottom:5%;">
 
  <div class="row text-center" style="margin-bottom:5%;">
 
  <button class="btn btn-danger btn-round"><span style="font-size:17px;">Control Layer</span></button>
 
  <button class="btn btn-danger btn-round"><span style="font-size:17px;">Control Layer</span></button>
Line 131: Line 146:
 
  <div class="tab-pane" id="Mill">
 
  <div class="tab-pane" id="Mill">
 
  <div class="col-md-6 text-center">
 
  <div class="col-md-6 text-center">
−
  <img class="pics" src="https://static.igem.org/mediawiki/2017/4/4c/MARS_Ligation_MF.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
+
  <img class="pics" src="https://static.igem.org/mediawiki/2017/a/a4/MARS_Fluorescence_MF.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
 
  <div class="row">
 
  <div class="row">
 
  <button class="btn btn-info btn-round" style="margin-bottom:5%;"><span style="font-size:17px;">Flow Layer</span></button>
 
  <button class="btn btn-info btn-round" style="margin-bottom:5%;"><span style="font-size:17px;">Flow Layer</span></button>
Line 137: Line 152:
 
  </div>
 
  </div>
 
  <div class="col-md-6 text-center">
 
  <div class="col-md-6 text-center">
−
  <img class="pics" src="https://static.igem.org/mediawiki/2017/c/c2/MARS_Ligation_MC.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
+
  <img class="pics" src="https://static.igem.org/mediawiki/2017/3/3a/MARS_Fluorescence_MC.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
 
  <div class="row text-center">
 
  <div class="row text-center">
 
  <button class="btn btn-danger btn-round" style="margin-bottom:5%;"><span style="font-size:17px;">Control Layer</span></button>
 
  <button class="btn btn-danger btn-round" style="margin-bottom:5%;"><span style="font-size:17px;">Control Layer</span></button>
Line 148: Line 163:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<!-- THIS IS FOOTER -->
 +
<div class="wrapper" style="background:#1c1f1f; margin-top:0px;margin-right:0px !important; margin-left:0px !important;" id="Footer">
 +
  <div class="container" style="text-align:center !important">
 +
 +
    <div class="col-md-2" style="color:white; margin-bottom:30px; margin-top:5px;">
 +
      <h3>CONTACT US</h3>
 +
    <div style="text-align:center;">
 +
      <a href="mailto:igembuhw@gmail.com">
 +
      <img src="https://static.igem.org/mediawiki/2017/7/74/MARS_WHITEEmail.png" style="height:60px; margin-top:20px;">
 +
      </a>
 +
        <a href="https://www.instagram.com/buigemhardware/?hl=en">
 +
        <img src="https://static.igem.org/mediawiki/2017/9/93/MARS_Final_insta.png" style="height:60px; margin-top:20px;">
 +
      </a>
 +
          <a href="https://twitter.com/igemhwbu">
 +
          <img src="https://static.igem.org/mediawiki/2017/b/b6/MARS_Twitter_White.png" style="height:60px; margin-top:20px;">
 +
          </a>
 +
      </div>
 +
      </div>
 +
      <div class="col-md-10" style="margin-bottom:30px;">
 +
        <img src="https://static.igem.org/mediawiki/2017/0/0e/MARS_SponsorsFinal.png" style="width:100%; margin-top:30px;" usemap="#image-map">
 +
    </div>
 +
</div>
 +
 +
</div>
 +
 +
 
</div>
 
</div>
 
</body>
 
</body>

Latest revision as of 02:33, 1 November 2017

BostonU_HW

Fluorescence
Fluorescence



Testing

Summary

Fluorescence is commonly used as a quantifiable marker in synthetic biology procedures. Following the completion of a protocol, for example an assay test, samples are tested in a plate reader and the results analyzed.
This microfluidic chip is designed to perform a Cell-free Toehold test; however, it can be adapted to perform alternative fluorescent tests as desired. The metering primitive dispenses accurate ratio volumes of various substances. These are pushed into the central well which matches the dimensions of a 96-well plate. The chip can then be read in a plate reader with the use of an adapted skirt.

This chip has been milled and tested, but not deemed fully fluid functional as of this time. For a more complete understanding of the chip, click the download button in order to access its CNC millable SVG files, JSON file, full device documentation and PNG files of its flow and control layers.
Picture
Picture
Picture
Picture