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

 
(65 intermediate revisions by 3 users not shown)
Line 8: Line 8:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  
−
<title>Transformation</title>
+
<title>Cell Lysis</title>
  
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
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{
 
height: 60%;
 
height: 60%;
Line 35: Line 36:
 
#TITLE{
 
#TITLE{
 
position: absolute;
 
position: absolute;
−
width: 75%;
+
width: 40%;
 
margin-left: 22%;
 
margin-left: 22%;
 
margin-top: 11%;
 
margin-top: 11%;
Line 47: Line 48:
 
.text_section{
 
.text_section{
  
−
}
 
−
.center_text_section{
 
−
display: table;
 
−
height: 400px;
 
−
overflow: hidden;
 
−
}
 
−
.center_text{
 
−
display: table-cell;
 
−
vertical-align: middle;
 
−
text-align: center;
 
 
}
 
}
 
.pics{
 
.pics{
−
width: 100%;
+
width: 80%;
 
margin-top: 3%;
 
margin-top: 3%;
−
margin-bottom: 3%;
 
−
}
 
−
.pics2{
 
−
margin-top: 10%;
 
−
width: 100%;
 
−
vertical-align: middle;
 
 
}
 
}
 
.profile-tabs{
 
.profile-tabs{
 
margin-top:3%;
 
margin-top:3%;
−
}
 
−
#Experiment{
 
−
margin-top: 5%;
 
−
margin-bottom: 5%;
 
 
}
 
}
 
</style>
 
</style>
Line 85: 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/e/e3/MARS_Repository.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:100px; font-family:Arial,Gadget,sans-serif; margin-top:1%;">
 +
Cell Lysis
 +
</div>
 +
</div>
 
</div>
 
</div>
−
<div class="main main-raised">
+
<div class="main main-raised" style="margin-top:2%;">
 
<div class="container">
 
<div class="container">
−
<div class="col-md-6">
+
<div class="col-md-12">
 
<div class="text_section">
 
<div class="text_section">
 
<h1>Summary</h1>
 
<h1>Summary</h1>
−
<div class="text">
+
<div class="text" style="margin-bottom:3%;">
 
Cell lysis is a commonly used protocol in synthetic biology. It can be performed through a variety of different methods, however we had focused on chemical cellular lysis. Cell Lysis is used to extract and isolate DNA from a specific type of cell. This is an extremely important step in building genetic circuits in order to utilize specific coding regions in a cell's DNA. Chemical cell lysis involves introducing cells to a series of buffers in order to degrade the cell’s outer membrane and collect the DNA that is released.
 
Cell lysis is a commonly used protocol in synthetic biology. It can be performed through a variety of different methods, however we had focused on chemical cellular lysis. Cell Lysis is used to extract and isolate DNA from a specific type of cell. This is an extremely important step in building genetic circuits in order to utilize specific coding regions in a cell's DNA. Chemical cell lysis involves introducing cells to a series of buffers in order to degrade the cell’s outer membrane and collect the DNA that is released.
−
<br>
 
−
<br>
 
−
This microfluidic chip is designed to perform chemical cell lysis. Suspended cells and an lysing buffer would be mixed inside the cell. This mixture of buffer and cells would be then mixed with a neutralization buffer to prevent DNA degradation. The mixture would then move to the diamond chamber where the DNA binds magnetic particles. Lastly, an elution buffer would be input and to clean and release the DNA from the magnetic particles.
 
 
</div>
 
</div>
 
</div>
 
</div>
−
<a href="MARStest.zip" style="text-align:center; margin:auto;" download>
+
</div>
−
<button class="btn btn-primary btn-lg btn-danger">Download Files Here!<i class="material-icons">get_app</i></button>
+
</div>
−
</a>
+
<div class="container">
 +
<div class="col-md-9">
 +
<div class="text">
 +
This microfluidic chip is designed to perform chemical cell lysis. Suspended cells and an lysing buffer would be mixed inside the cell. This mixture of buffer and cells would be then mixed with a neutralization buffer to prevent DNA degradation. The mixture would then move to the diamond chamber where the DNA binds magnetic particles. Lastly, an elution buffer would be input and to clean and release the DNA from the magnetic particles.
 +
<br>
 +
Note that the control layer is used as a region to mill a space on the opposite side of the flow layer for an electro-magnet to be implemented.
 +
                                <br>
 +
                                <br>
 +
This chip has been milled, tested and deemed fully fluid functional. 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 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/1/1b/LysisMARS.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 122: Line 128:
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 
</div>
 
</div>
  
−
<div class="col-md-6">
+
<div class="container">
−
 
+
 
<div class="tab-content gallery text-center">
 
<div class="tab-content gallery text-center">
 
<div class="tab-pane active" id="Design">
 
<div class="tab-pane active" id="Design">
−
<div class="row">
+
<div class="col-md-6 text-center">
−
<img class="pics" src="https://static.igem.org/mediawiki/2017/d/df/TransFlow.png" alt="Picture">
+
<img class="pics" src="https://static.igem.org/mediawiki/2017/b/bb/MARS_Lysis_F.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
−
<b>Flow Layer</b>
+
<div class="row text-center">
 +
<button class="btn btn-info btn-round"><span style="font-size:17px;">Flow Layer</span></button>
 +
</div>
 +
</div>
 +
<div class="col-md-6 text-center">
 +
<img class="pics" src="https://static.igem.org/mediawiki/2017/0/00/MARS_Lysis_C.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
 +
<div class="row text-center">
 +
<button class="btn btn-danger btn-round"><span style="font-size:17px;">Control Layer</span></button>
 
</div>
 
</div>
−
<div class="row">
 
−
<img class="pics" src="https://static.igem.org/mediawiki/2017/9/94/TransControl.png" alt="Picture">
 
−
<b>Control Layer</b>
 
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="tab-pane" id="Mill">
 
<div class="tab-pane" id="Mill">
−
<div class="row">
+
<div class="col-md-12 text-center">
−
<img class="pics" src="https://static.igem.org/mediawiki/2017/5/5f/LysisFlow.png" alt="Picture">
+
<img class="pics" src="https://static.igem.org/mediawiki/2017/0/08/MARS_Lysis_M.png" alt="Picture" style="margin-top:20px; padding-top:18px; width:45% !important;">
−
<b>Flow Layer</b>
+
<div class="row text-center">
 +
<button class="btn btn-info btn-round"><span style="font-size:17px;">Flow Layer</span></button>
 
</div>
 
</div>
−
<div class="row">
 
−
<img class="pics" src="https://static.igem.org/mediawiki/2017/5/5f/LysisFlow.png" alt="Picture">
 
−
<b>Control Layer</b>
 
 
</div>
 
</div>
 
</div>
 
</div>
 +
<!-- <div class="tab-pane" id="Mill">
 +
<div class="col-md-6 text-center">
 +
<img class="pics" src="https://static.igem.org/mediawiki/2017/0/08/MARS_Lysis_M.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
 +
<div class="row">
 +
<button class="btn btn-info btn-round"><span style="font-size:17px;">Flow Layer</span></button>
 +
</div>
 +
</div>
 +
<div class="col-md-6 text-center">
 +
<img class="pics" src="https://static.igem.org/mediawiki/2017/0/00/MARS_Lysis_C.png" alt="Picture" style="margin-top:20px; padding-top:18px;">
 +
<div class="row text-center">
 +
<button class="btn btn-danger btn-round"><span style="font-size:17px;">Control Layer</span></button>
 +
</div>
 +
</div>
 +
</div> -->
 
</div>
 
</div>
 +
</div>
  
−
</div>
+
<div class="container">
−
</div>
+
<div class="col-md-6" style="margin-bottom:5%;">
−
<div class="container" id="Experiment">
+
<video style="width:100%; margin-top:20px; padding-top:18px;" controls>
−
<div class="col-md-3">
+
  <source src="https://static.igem.org/mediawiki/2017/4/47/MARS_LysisVid.mp4" type="video/mp4">
−
<img class="pics2" src="https://static.igem.org/mediawiki/2017/5/5f/LysisFlow.png" alt="Picture">
+
</video>
−
</div>
+
−
<div class="col-md-3">
+
−
<img class="pics2" src="https://static.igem.org/mediawiki/2017/5/5f/LysisFlow.png" alt="Picture">
+
 
</div>
 
</div>
 
<div class="col-md-6">
 
<div class="col-md-6">
−
<h3>Experimentation</h3>
+
<h1>Testing</h1>
 
<div class="text">
 
<div class="text">
−
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fringilla sed est id molestie. Vivamus porttitor, dui sit amet aliquam feugiat, nisi mauris lobortis tortor, non tristique dolor felis vitae arcu. Nunc id facilisis justo. Sed sem eros, accumsan quis faucibus nec, blandit quis tortor. Aliquam in risus sodales, mollis est a, facilisis libero. Ut dignissim euismod scelerisque. Etiam elementum, augue vitae faucibus luctus, felis dui blandit mi, et laoreet ex dolor non est. Duis consectetur lobortis enim, eu fermentum libero iaculis eget. Nunc suscipit lacus non orci lobortis condimentum. In tincidunt enim ex. Vestibulum semper feugiat est eu fermentum. Sed nulla urna, consequat quis lobortis sed, hendrerit et lorem. Phasellus lacinia arcu sed diam vestibulum, non aliquet mi vulputate
+
This following video shows a test of the chip using colored water. This is to show the functionality of the chip.
 +
No biological material was inserted into this chip.
 
</div>
 
</div>
 
</div>
 
</div>
Line 167: Line 188:
 
</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 16:27, 30 November 2017

BostonU_HW

Cell Lysis
Cell Lysis

Summary

Cell lysis is a commonly used protocol in synthetic biology. It can be performed through a variety of different methods, however we had focused on chemical cellular lysis. Cell Lysis is used to extract and isolate DNA from a specific type of cell. This is an extremely important step in building genetic circuits in order to utilize specific coding regions in a cell's DNA. Chemical cell lysis involves introducing cells to a series of buffers in order to degrade the cell’s outer membrane and collect the DNA that is released.
This microfluidic chip is designed to perform chemical cell lysis. Suspended cells and an lysing buffer would be mixed inside the cell. This mixture of buffer and cells would be then mixed with a neutralization buffer to prevent DNA degradation. The mixture would then move to the diamond chamber where the DNA binds magnetic particles. Lastly, an elution buffer would be input and to clean and release the DNA from the magnetic particles.
Note that the control layer is used as a region to mill a space on the opposite side of the flow layer for an electro-magnet to be implemented.

This chip has been milled, tested and deemed fully fluid functional. 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

Testing

This following video shows a test of the chip using colored water. This is to show the functionality of the chip. No biological material was inserted into this chip.