Difference between revisions of "Team:Imperial College/Experiments"
| Line 54: | Line 54: | ||
} | } | ||
| − | . | + | .expand{ |
float:right; | float:right; | ||
width:auto; | width:auto; | ||
| Line 162: | Line 162: | ||
<div id="expt1"></div> | <div id="expt1"></div> | ||
<h4> 1-State Construct Assembly</h4> | <h4> 1-State Construct Assembly</h4> | ||
| − | <div onclick=" | + | <div onclick="expandAll('expt1p');" class="expandButton"> |
| − | <p class=" | + | <p class="expand expt1p colorChange" style="font-size:25px;padding-top:1px;" >Access All</p> |
| − | <div class=" | + | <div class="expand" style="margin-right:5px;"> |
<i class="fa fa-angle-double-down expt1p"></i> | <i class="fa fa-angle-double-down expt1p"></i> | ||
</div> | </div> | ||
| Line 201: | Line 201: | ||
<div id="expt2"> | <div id="expt2"> | ||
<h4> In-solution Electrode Testing</h4> | <h4> In-solution Electrode Testing</h4> | ||
| − | <div onclick=" | + | <div onclick="expandAll('expt2p');" class="expandButton"> |
| − | <p class=" | + | <p class="expand expt2p colorChange" style="font-size:25px;padding-top:1px;" >Access All</p> |
| − | <div class=" | + | <div class="expand" style="margin-right:5px;"> |
<i class="fa fa-angle-double-down expt2p"></i> | <i class="fa fa-angle-double-down expt2p"></i> | ||
</div> | </div> | ||
| Line 239: | Line 239: | ||
<div id="expt3"></div> | <div id="expt3"></div> | ||
<h4 > On-agar Electrode Testing</h4> | <h4 > On-agar Electrode Testing</h4> | ||
| − | <div onclick=" | + | <div onclick="expandAll('expt3p');" class="expandButton"> |
| − | <p class=" | + | <p class="expand expt3p colorChange" style="font-size:25px;padding-top:1px;" >Access All</p> |
| − | <div class=" | + | <div class="expand" style="margin-right:5px;"> |
<i class="fa fa-angle-double-down expt3p"></i> | <i class="fa fa-angle-double-down expt3p"></i> | ||
</div> | </div> | ||
| Line 278: | Line 278: | ||
<div id="expt4"></div> | <div id="expt4"></div> | ||
<h4 > 1-State Expression In-solution</h4> | <h4 > 1-State Expression In-solution</h4> | ||
| − | <div onclick=" | + | <div onclick="expandAll('expt4p');" class="expandButton"> |
| − | <p class=" | + | <p class="expand expt4p colorChange" style="font-size:25px;padding-top:1px;" >Access All</p> |
| − | <div class=" | + | <div class="expand" style="margin-right:5px;"> |
<i class="fa fa-angle-double-down expt4p"></i> | <i class="fa fa-angle-double-down expt4p"></i> | ||
</div> | </div> | ||
| Line 316: | Line 316: | ||
<div id="expt5"></div> | <div id="expt5"></div> | ||
<h4> 1-State Expression On-Agar</h4> | <h4> 1-State Expression On-Agar</h4> | ||
| − | <div onclick=" | + | <div onclick="expandAll('expt5p');" class="expandButton"> |
| − | <p class=" | + | <p class="expand expt5p colorChange" style="font-size:25px;padding-top:1px;" >Access All</p> |
| − | <div class=" | + | <div class="expand" style="margin-right:5px;"> |
<i class="fa fa-angle-double-down expt5p"></i> | <i class="fa fa-angle-double-down expt5p"></i> | ||
</div> | </div> | ||
| Line 355: | Line 355: | ||
<div id="expt6"></div> | <div id="expt6"></div> | ||
<h4> 2-State Construct Assembly</h4> | <h4> 2-State Construct Assembly</h4> | ||
| − | <div onclick=" | + | <div onclick="expandAll('expt6p');" class="expandButton"> |
| − | <p class=" | + | <p class="expand expt5p colorChange" style="font-size:25px;padding-top:1px;" >Access All</p> |
| − | <div class=" | + | <div class="expand" style="margin-right:5px;"> |
<i class="fa fa-angle-double-down expt6p"></i> | <i class="fa fa-angle-double-down expt6p"></i> | ||
</div> | </div> | ||
| Line 394: | Line 394: | ||
<div id="expt7"></div> | <div id="expt7"></div> | ||
<h4 > 2-State Expression In-solution</h4> | <h4 > 2-State Expression In-solution</h4> | ||
| − | <div onclick=" | + | <div onclick="expandAll('expt7p');" class="expandButton"> |
| − | <p class=" | + | <p class="expand expt7p colorChange" style="font-size:25px;padding-top:1px;" >Access All</p> |
| − | <div class=" | + | <div class="expand" style="margin-right:5px;"> |
<i class="fa fa-angle-double-down expt7p"></i> | <i class="fa fa-angle-double-down expt7p"></i> | ||
</div> | </div> | ||
| Line 433: | Line 433: | ||
<div id="expt8"></div> | <div id="expt8"></div> | ||
<h4 > 2-State Expression On-agar</h4> | <h4 > 2-State Expression On-agar</h4> | ||
| − | <div onclick=" | + | <div onclick="expandAll('expt8p');" class="expandButton"> |
| − | <p class=" | + | <p class="expand expt8p colorChange" style="font-size:25px;padding-top:1px;" >Access All</p> |
| − | <div class=" | + | <div class="expand" style="margin-right:5px;"> |
<i class="fa fa-angle-double-down expt8p"></i> | <i class="fa fa-angle-double-down expt8p"></i> | ||
</div> | </div> | ||
| Line 487: | Line 487: | ||
| − | function | + | function expandAll(expt) { |
console.log("click active") | console.log("click active") | ||
var i, panelList; | var i, panelList; | ||
| Line 498: | Line 498: | ||
console.log(panelList[i].style.maxHeight) | console.log(panelList[i].style.maxHeight) | ||
panelList[i].style.maxHeight = panelList[i].scrollHeight + "px" | panelList[i].style.maxHeight = panelList[i].scrollHeight + "px" | ||
| − | console.log(" | + | console.log("expand") |
panelList[0].style.color = "#F76C6C"; | panelList[0].style.color = "#F76C6C"; | ||
panelList[1].style.color = "#F76C6C"; | panelList[1].style.color = "#F76C6C"; | ||
Revision as of 18:49, 14 October 2018
Experiments
Contents
Experiments
1-State Construct Assembly
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Competant cell protocol Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet Heatshock protocol consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
In-solution Electrode Testing
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Competant cell protocol Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet Heatshock protocol consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
On-agar Electrode Testing
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Competant cell protocol Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet Heatshock protocol consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
1-State Expression In-solution
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Competant cell protocol Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet Heatshock protocol consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
1-State Expression On-Agar
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Competant cell protocol Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet Heatshock protocol consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
2-State Construct Assembly
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Competant cell protocol Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet Heatshock protocol consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
2-State Expression In-solution
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Competant cell protocol Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet Heatshock protocol consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
2-State Expression On-agar
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Competant cell protocol Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet Heatshock protocol consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Recusandae dolore, tenetur expedita in architecto, repellat rerum minima cumque exercitationem debitis laborum fugit aliquam quo molestiae. Alias eius nostrum aspernatur quaerat.
