Line 22: | Line 22: | ||
} | } | ||
− | . | + | .expand{ |
float:right; | float:right; | ||
width:auto; | width:auto; | ||
Line 111: | Line 111: | ||
<div id="expt1"></div> | <div id="expt1"></div> | ||
<h4 class="underbold" > Assembling the Pixcell Constructs</h4> | <h4 class="underbold" > Assembling the Pixcell Constructs</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> | ||
Line 164: | Line 164: | ||
<div id="expt2"> | <div id="expt2"> | ||
<h4 class="underbold" >Characterizing Pixcell Constructs</h4> | <h4 class="underbold" >Characterizing Pixcell Constructs</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 215: | Line 215: | ||
<div id="expt3"></div> | <div id="expt3"></div> | ||
<h4 class="underbold" > Electrochemistry of Redox Modulators</h4> | <h4 class="underbold" > Electrochemistry of Redox Modulators</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 267: | Line 267: | ||
<div id="expt4"></div> | <div id="expt4"></div> | ||
<h4 class="underbold" >Spatial Electronic Control of Gene Induction</h4> | <h4 class="underbold" >Spatial Electronic Control of Gene Induction</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 341: | Line 341: | ||
<div id="expt5"></div> | <div id="expt5"></div> | ||
<h4 class="underbold" >Creating the Sox Library</h4> | <h4 class="underbold" >Creating the Sox Library</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 393: | Line 393: | ||
<div id="expt6"></div> | <div id="expt6"></div> | ||
<h4 class="underbold" >Characterising the Sox Library</h4> | <h4 class="underbold" >Characterising the Sox Library</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 445: | Line 445: | ||
<div id="expt7"></div> | <div id="expt7"></div> | ||
<h4 class="underbold" >Testing Phenazine Methosulfate</h4> | <h4 class="underbold" >Testing Phenazine Methosulfate</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 497: | Line 497: | ||
<div id="expt8"></div> | <div id="expt8"></div> | ||
<h4 class="underbold" >Biocontainment- Gp2 Growth Inhibition </h4> | <h4 class="underbold" >Biocontainment- Gp2 Growth Inhibition </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 537: | Line 537: | ||
<div id="expt8"></div> | <div id="expt8"></div> | ||
<h4 class="underbold" >Fabric Bioprinting - Melanin</h4> | <h4 class="underbold" >Fabric Bioprinting - Melanin</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 602: | Line 602: | ||
− | function | + | function expandAll(expt) { |
console.log("click active") | console.log("click active") | ||
var i, panelList; | var i, panelList; | ||
Line 613: | Line 613: | ||
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:48, 14 October 2018
Results
Building and Testing Pixcell Constructs
Assembling the Pixcell Constructs
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. 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. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia!
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.
Characterizing Pixcell Constructs
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. 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. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia!
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.
Electrochemistry of Redox Modulators
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. 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. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia!
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.
Spatial Electronic Control of Gene Induction
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. 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. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia!
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.
Building and Characterizing the Sox Library
Creating the Sox Library
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. 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. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia!
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.
Characterising the Sox Library
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. 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. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia!
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.
Testing Pyocyanin Alternative
Testing Phenazine Methosulfate
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. 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. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia!
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.
Applications
Biocontainment- Gp2 Growth Inhibition
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. 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. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia!
Fabric Bioprinting - Melanin
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. 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. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, nisi illum. Consequuntur cum, sequi quo, esse facere corrupti voluptatum ipsum vel consequatur error quasi tenetur, repellat voluptatibus aspernatur optio mollitia!
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.