Line 1: | Line 1: | ||
− | |||
− | |||
<html> | <html> | ||
− | |||
<head> | <head> | ||
− | < | + | <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
− | + | <meta charset="UTF-8"> | |
− | + | <title>RDFZ-China</title> | |
− | + | <style> | |
− | + | #sideMenu, #top_title {display:none;} | |
− | + | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;} | |
− | + | body {background-color: transparent; } | |
− | #sideMenu, #top_title { | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;text-decoration: none; } |
− | + | html{ | |
− | } | + | background-color:#fffde3 ; |
− | + | ||
− | #content { | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | body { | + | |
− | + | ||
− | } | + | |
− | + | ||
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | + | |
− | + | ||
− | } | + | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | header { width: 96%; margin: 0 2%;margin-bottom: 20px; } | |
− | .nav ul { | + | header:after { content: ''; display: block; clear: both; } |
− | + | header .site-logo { float: left; width: 20%; } | |
− | + | header .site-logo img { width:90%; } | |
− | + | header .site-nav { float: right; position: relative; width: 70%; } | |
− | + | header .site-nav img { width: 100%;margin:0 0 30px 0; } | |
+ | header .site-nav ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; } | ||
+ | header .site-nav ul li { position: absolute; transform: translate(-50%,-50%); } | ||
+ | header .site-nav ul li.team { top: 37%; left: 22%; } | ||
+ | header .site-nav ul li.project { top: 55%; left: 35%; } | ||
+ | header .site-nav ul li.awards { top: 57%; left: 50%; } | ||
+ | header .site-nav ul li.safety { top: 31%; left: 63.5%; } | ||
+ | header .site-nav ul li.human { top: 37%; left: 79%; } | ||
+ | header .site-nav ul li.model { top: 59%; left: 94%; } | ||
+ | header .site-nav ul li:hover ul { display: block; } | ||
+ | header .site-nav ul li a { display: block; font-size: .95em; padding-bottom: .5em; text-decoration: none; letter-spacing: .15em; text-transform: uppercase; color: black; -webkit-transition: color .3s; transition: color .3s; z-index:20;} | ||
+ | header .site-nav ul li a:hover { border-bottom: 1px solid red; background-color: #FEFEFE; color: #C4C4C4; cursor: pointer; } | ||
+ | header .site-nav ul li ul { top: auto; left: 0; display: none; width: auto; height: auto; } | ||
+ | header .site-nav ul li ul li { position: static; transform: none; } | ||
+ | p{text-align:justify;word-wrap: break-word;font-size: 20px;} | ||
+ | ol li{text-align: justify;font-size:20px;} | ||
+ | .title { position: relative; z-index: 1;text-align: center;margin:0 100px 0 100px; } | ||
+ | .title-content{background-position: center;text-align: center;text-align: center;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"} | ||
+ | .m { width: 70%;margin: 0 auto;} | ||
+ | .c{width:70%} | ||
+ | .fb {width:100%;margin: 0px 0 -50px 0;position :relative;} | ||
+ | footer{height:220px;background-image:-moz-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: -webkit-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: -ms-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%);margin:0 100px 0px 100px} | ||
+ | .x ul{list-style: none;} | ||
+ | .x li{display: block; margin: 0 1.2em;} | ||
+ | .x img{float:left;} | ||
+ | .math{width:30%;margin:70px 0 0 10px} | ||
+ | .footer-logo{width:25%;margin:25px 0 0 100px} | ||
+ | .igem{;width:20%;margin:15px 10px 0 100px} | ||
+ | .line{ | ||
+ | height: 30px; | ||
+ | border-style: solid; | ||
+ | border-color: black; | ||
+ | border-width: 1px 0 0 0; | ||
+ | border-radius: 20px; | ||
+ | background-color: inherit; | ||
} | } | ||
− | + | .line:before{ | |
− | . | + | display: block; |
− | + | content: ""; | |
− | + | height: 30px; | |
− | + | margin-top: -31px; | |
− | + | border-style: solid; | |
− | + | border-color: black; | |
− | + | border-width: 0 0 1px 0; | |
− | + | border-radius: 20px; | |
− | + | } | |
− | + | /* Slideshow container */ | |
+ | .slideshow-container { | ||
+ | max-width: 1000px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
} | } | ||
− | . | + | .mySlides { |
− | + | display: none; | |
− | + | ||
− | + | ||
} | } | ||
− | . | + | /* Next & previous buttons */ |
− | + | .prev, .next { | |
+ | cursor: pointer; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | width: auto; | ||
+ | margin-top: -22px; | ||
+ | padding: 16px; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | transition: 0.6s ease; | ||
+ | border-radius: 0 3px 3px 0; | ||
} | } | ||
− | . | + | /* Position the "next button" to the right */ |
− | + | .next { | |
− | + | right: 0; | |
− | + | border-radius: 3px 0 0 3px; | |
− | + | ||
} | } | ||
− | + | /* Position the "previous button" to the left*/ | |
− | . | + | .prev{ |
− | + | left:0 ; | |
+ | border-radius: 3px 0 0 3px; | ||
} | } | ||
− | + | /* On hover, add a black background color with a little bit see-through */ | |
− | . | + | .prev:hover, .next:hover { |
− | + | background-color: rgba(0,0,0,0.8); | |
} | } | ||
− | + | /* Caption text */ | |
− | + | .text { | |
− | + | color: #f2f2f2; | |
− | + | font-size: 15px; | |
− | + | padding: 8px 12px; | |
− | font- | + | position: absolute; |
− | + | bottom: 8px; | |
− | + | width: 100%; | |
− | + | text-align: center; | |
} | } | ||
− | + | /* Number text (1/3 etc) */ | |
− | + | .numbertext { | |
− | font-size: | + | color: #f2f2f2; |
+ | font-size: 12px; | ||
+ | padding: 8px 12px; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
} | } | ||
− | + | /* The dots/bullets/indicators */ | |
− | margin- | + | .dot { |
− | + | cursor:pointer; | |
+ | height: 15px; | ||
+ | width: 15px; | ||
+ | margin: 0 2px; | ||
+ | background-color: #bbb; | ||
+ | border-radius: 50%; | ||
+ | display: inline-block; | ||
+ | transition: background-color 0.6s ease; | ||
} | } | ||
− | + | .active, .dot:hover { | |
− | + | background-color: #717171; | |
− | + | ||
} | } | ||
− | + | /* Fading animation */ | |
− | + | .fade { | |
− | + | -webkit-animation-name: fade; | |
− | + | -webkit-animation-duration: 1.5s; | |
− | + | animation-name: fade; | |
− | + | animation-duration: 1.5s; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | @-webkit-keyframes fade { | |
− | + | from {opacity: .4} | |
− | + | to {opacity: 1} | |
− | + | ||
− | + | ||
} | } | ||
− | + | @keyframes fade { | |
− | + | from {opacity: .4} | |
+ | to {opacity: 1} | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
− | |||
<body> | <body> | ||
− | + | <header> | |
− | <div> | + | <div class="site-logo"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png" /> |
− | </div> | + | </div> |
− | + | <div class="site-nav-bg"> | |
− | <div class="nav" | + | </div> |
− | + | <nav class="site-nav"> | |
− | < | + | <img src="https://static.igem.org/mediawiki/2017/6/6e/RDFZ_wiki_nav.png" /> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<ul> | <ul> | ||
− | + | <li class="team"> | |
− | + | <a href="https://2017.igem.org/Team:RDFZ-China/Team">Team</a> | |
− | + | <ul> | |
− | + | <li><a href="https://2017.igem.org/Team:RDFZ-China/Attributions">Attribution</a></li> | |
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Results">Results</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Collaboration">Collobration</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/InterLab">Interlab</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="project"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/Description">Project </a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Description">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Parts">Parts</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="awards"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/Applied_Design">Awards</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Entrepreneurship">Entrepreneurship</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="safety"><a href="https://2017.igem.org/Team:RDFZ-China/Safety">Safety</a></li> | ||
+ | <li class="human"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">Human<br>Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">HP Silver</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Gold_Integrated">HP Gold</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Engagement">Public Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="model"><a href="https://2017.igem.org/Team:RDFZ-China/Model">Model</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Hardware">Hardware</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
</ul> | </ul> | ||
− | </ | + | </nav> |
− | < | + | <div style="clear:both;"></div> |
− | < | + | </header> |
− | + | <main> | |
− | + | <!--Title--> | |
− | + | <section class="title"> | |
− | + | <div class="title-content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/6/63/Rdfz_wiki_experiment.png" class="m"/> | |
− | + | <h1></h1> | |
− | + | <hr class="line"> | |
− | + | <div class="slideshow-container"> | |
− | + | <div class="mySlides fade"> | |
− | + | <div class="numbertext">1 / 3</div> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/5/5c/Rdfz_experiment_in_lab.jpeg" style="width:100%"> | |
− | + | ||
− | + | </div> | |
− | + | ||
− | </div> | + | |
− | <div class=" | + | <div class="mySlides fade"> |
+ | <div class="numbertext">2 / 3</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/d4/Rdfz_interlab_study_picture.jpeg" style="width:100%"> | ||
+ | |||
+ | </div> | ||
− | < | + | <div class="mySlides fade"> |
− | < | + | <div class="numbertext">3 / 3</div> |
− | </div> | + | <img src="https://static.igem.org/mediawiki/2017/7/7a/RdFZ-China_Lab_1.jpeg" style="width:100%"> |
− | + | ||
− | <div class=" | + | </div> |
− | + | ||
− | <div class=" | + | <a class="prev" onclick="plusSlides(-1)">❮</a> |
− | < | + | <a class="next" onclick="plusSlides(1)">❯</a> |
− | <p> | + | </div> |
− | + | <br> | |
− | < | + | |
− | <li>< | + | <div style="text-align:center"> |
− | <li>< | + | <span class="dot" onclick="currentSlide(1)"></span> |
− | <li><a | + | <span class="dot" onclick="currentSlide(2)"></span> |
− | <li>< | + | <span class="dot" onclick="currentSlide(3)"></span> |
− | </ | + | </div> |
− | + | ||
− | </ | + | </div> |
− | + | <h1>Protocols</h1> | |
− | < | + | <hr class= "line"> |
− | < | + | <h2>Sand Pack Test</h2> |
− | < | + | <p></p> |
− | <li> | + | <p>Materials:</p> |
− | <li> | + | <ol> |
− | <li> | + | <li>A type of surfactant</li> |
− | <li> | + | <li>Petroleum or sunflower oil</li> |
− | </ul> | + | <li>Soil sample</li> |
− | </div> | + | <li>Tap water</li> |
− | + | <li>Plastic bottles</li> | |
− | + | <li>Frame</li> | |
− | + | </ol> | |
− | </ | + | <p>Investigating the optimal concentration:</p> |
+ | <ol> | ||
+ | <li>Prepare plastic bottles and place them in the frame.</li> | ||
+ | <li>Weigh about 200g of soil sample, and fill them into the plastic bottle.</li> | ||
+ | <li>Measure 20ml of oil with a measuring cylinder, and add them to each soil sample.</li> | ||
+ | <li>Wait for 2hrs to allow the oil to combine with the soil.</li> | ||
+ | <li>Prepare surfactant solutions with different concentrations.</li> | ||
+ | <li>Add 20ml of surfactant solutions to the oil.</li> | ||
+ | <li>Place a cup under each bottle. Wait for 2hrs for the emulsion to occur.</li> | ||
+ | <li>Carefully cover the cups and freeze them in -20℃.</li> | ||
+ | <li>After the liquid freezes, separate the ice and soil residue from the remaining liquid by filtering. The volume of liquid should be equal to the volume of oil eluded from the soil. Record it in the table below.</li> | ||
+ | <li>Calculate the percentage elusion with (V/20ml)*100%.</li> | ||
+ | </ol> | ||
+ | <p>THERE SHOULD BE A PICTURE OF THE TABLE FOR DATA</p> | ||
+ | <h2>OEPCR(Overlap Extension PCR)</h2> | ||
+ | <p></p> | ||
+ | <p>Materials:</p> | ||
+ | <ol> | ||
+ | <li>Template for the left and right fragment</li> | ||
+ | <li>Primers A,B,C,D.</li> | ||
+ | <li>2x Pfu mastermix</li> | ||
+ | <li>DNA purification kit</li> | ||
+ | </ol> | ||
+ | <p></p> | ||
+ | <p>OEPCR Steps:</p> | ||
+ | <ol> | ||
+ | <li>Amplify desired DNA fragments on left and right template with AB and CD primer pairs correspondingly. The annealing temperature is set to 55°C. When designing the primers, B is made to be complementary to C, with 30 bases overlapping with ends of the left and right fragments to be joined. (Make Tm be as close to 60°C as possible.)</li> | ||
+ | <li>Directly purify PCR product with a kit. Elute DNA with ddH2O.</li> | ||
+ | <li>Set a new PCR reaction with specific requirements: equimolar amount of left and right fragment PCR product from step 1, combined volume of the fragments should be 1/2 to 3/4 of the total volume, no new primers is added, annealing temperature is set to 60°C. Run PCR for 15 cycles.</li> | ||
+ | <li>Add primers AD to the previous PCR product and set annealing temperature to 72°C and run PCR for another 15-20 cycles.</li> | ||
+ | <li>Electrophorese, and cut gels of correct product length and recycle OEPCR product.</li> | ||
+ | </ol> | ||
+ | <p>(If the amount of OEPCR product is not enough for later experiments, consider amplifying the product with AD primers, but be aware of nonspecific amplification results!)</p> | ||
+ | |||
+ | </section> | ||
+ | <footer> | ||
+ | <ul class="x"> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2017/7/76/Rdfz_wiki_footer.png" class="math"/></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png" class="footer-logo"/></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2017/1/1a/T--Bristol--igem.png" class="igem"/></li> | ||
+ | </ul> | ||
+ | <div class="fp"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/3c/Rdfz_wiki_footer_image.png" class="fb"> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
+ | </main> | ||
+ | <script> | ||
+ | (function (w) { | ||
+ | var _this = w.slides = {}; | ||
+ | var slides = _this.slides = document.getElementsByClassName('mySlides'); | ||
+ | var dots = document.getElementsByClassName('dot'); | ||
+ | var prevButton = document.getElementsByClassName('prev')[0]; | ||
+ | var nextButton = document.getElementsByClassName('next')[0]; | ||
+ | var currentIndex = _this.currentIndex = 0; | ||
+ | var maxIndex = _this.maxIndex = slides.length - 1; | ||
+ | for (var i = 0; i <= maxIndex; i++) { | ||
+ | slides[i].style.display = 'none'; | ||
+ | } | ||
+ | var change = _this.change = function (index) { | ||
+ | slides[currentIndex].style.display = 'none'; | ||
+ | slides[index].style.display = 'block'; | ||
+ | currentIndex = index; | ||
+ | }; | ||
+ | var next = _this.next = function () { | ||
+ | var index = currentIndex + 1; | ||
+ | if (index > maxIndex) index = 0; | ||
+ | change(index); | ||
+ | }; | ||
+ | var prev = _this.prev = function () { | ||
+ | var index = currentIndex - 1; | ||
+ | if (index < 0) index = maxIndex; | ||
+ | change(index); | ||
+ | }; | ||
+ | var interval; | ||
+ | var _setInterval = _this.setInterval = function () { | ||
+ | interval = setInterval(next, 3000); | ||
+ | }; | ||
+ | var _clearInterval = _this.clearInterval = function () { | ||
+ | clearInterval(interval); | ||
+ | }; | ||
+ | _setInterval(); | ||
+ | })(window); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 12:21, 1 November 2017
![](https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png)
![](https://static.igem.org/mediawiki/2017/6/63/Rdfz_wiki_experiment.png)
Protocols
Sand Pack Test
Materials:
- A type of surfactant
- Petroleum or sunflower oil
- Soil sample
- Tap water
- Plastic bottles
- Frame
Investigating the optimal concentration:
- Prepare plastic bottles and place them in the frame.
- Weigh about 200g of soil sample, and fill them into the plastic bottle.
- Measure 20ml of oil with a measuring cylinder, and add them to each soil sample.
- Wait for 2hrs to allow the oil to combine with the soil.
- Prepare surfactant solutions with different concentrations.
- Add 20ml of surfactant solutions to the oil.
- Place a cup under each bottle. Wait for 2hrs for the emulsion to occur.
- Carefully cover the cups and freeze them in -20℃.
- After the liquid freezes, separate the ice and soil residue from the remaining liquid by filtering. The volume of liquid should be equal to the volume of oil eluded from the soil. Record it in the table below.
- Calculate the percentage elusion with (V/20ml)*100%.
THERE SHOULD BE A PICTURE OF THE TABLE FOR DATA
OEPCR(Overlap Extension PCR)
Materials:
- Template for the left and right fragment
- Primers A,B,C,D.
- 2x Pfu mastermix
- DNA purification kit
OEPCR Steps:
- Amplify desired DNA fragments on left and right template with AB and CD primer pairs correspondingly. The annealing temperature is set to 55°C. When designing the primers, B is made to be complementary to C, with 30 bases overlapping with ends of the left and right fragments to be joined. (Make Tm be as close to 60°C as possible.)
- Directly purify PCR product with a kit. Elute DNA with ddH2O.
- Set a new PCR reaction with specific requirements: equimolar amount of left and right fragment PCR product from step 1, combined volume of the fragments should be 1/2 to 3/4 of the total volume, no new primers is added, annealing temperature is set to 60°C. Run PCR for 15 cycles.
- Add primers AD to the previous PCR product and set annealing temperature to 72°C and run PCR for another 15-20 cycles.
- Electrophorese, and cut gels of correct product length and recycle OEPCR product.
(If the amount of OEPCR product is not enough for later experiments, consider amplifying the product with AD primers, but be aware of nonspecific amplification results!)