|
|
(116 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | {{BostonU_we_tryin}}
| |
| | | |
− | <html>
| |
− | <head>
| |
− | <style>
| |
− |
| |
− | #sideMenu,https://2016.igem.org/ #top_title {display:none;}
| |
− | body {background-color:white; }
| |
− | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
− |
| |
− | body {
| |
− | width:100%;
| |
− | height:2500px;
| |
− | margin:0 auto;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .thebuttons {
| |
− | display:inline-block;
| |
− | border:none;
| |
− | height:4.224vw;
| |
− | width:12.4vw;
| |
− | background-color:white;
| |
− | color:#0071A7;
| |
− | border:solid #0071A7;
| |
− | border-radius:35px;
| |
− | }
| |
− |
| |
− | .thebuttons:hover {
| |
− | background-color:#0071A7;
| |
− | color:white;
| |
− | border-color:#0071A7;
| |
− | transform:scale(1.3)
| |
− | }
| |
− |
| |
− |
| |
− | #hover-contenttwo, #hover-contentthree {
| |
− | opacity:0;
| |
− | z-index:-20;
| |
− | }
| |
− |
| |
− | #hover-contentone, #hover-contenttwo, #hover-contentthree {
| |
− | position:absolute;
| |
− | top:30vh;
| |
− | left:10%;
| |
− | width:80%;
| |
− |
| |
− | }
| |
− |
| |
− | #container {
| |
− | width:80%;
| |
− | background-color:white;
| |
− | z-index:50;
| |
− | padding:2vw 0vw 1vw 0vw;
| |
− | position:absolute;
| |
− | left:10%;
| |
− | top:12vh;
| |
− | }
| |
− |
| |
− | #buttonback {
| |
− | width:5vw;
| |
− | height:5vw;
| |
− | position:fixed;
| |
− | top:53vh;
| |
− | left:4vw;
| |
− | border-color:#0071A7;
| |
− | border-radius:50%;
| |
− | border-style:solid;
| |
− | font-size:150%;
| |
− | background-color:white;
| |
− | text-align:center;
| |
− | }
| |
− |
| |
− | #buttononeback {
| |
− | width:12vw;
| |
− | height:5vw;
| |
− | position:fixed;
| |
− | top:44vh;
| |
− | left:1vw;
| |
− | color:#0071A7;
| |
− | text-align:center;
| |
− | font-size:175%;
| |
− | }
| |
− |
| |
− | </style>
| |
− | </head>
| |
− |
| |
− | <div id = "buttononeback">
| |
− | <br>
| |
− | Project Design
| |
− | </div>
| |
− |
| |
− | <div id = "buttonback">
| |
− | <div style = "margin:3.75vh 0vh 0vh 0vh;">
| |
− | <a href="https://2016.igem.org/Team:BostonU/Design" style = "text-align:center; font-size:200%; color:#0071A7;"><</a>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <body>
| |
− | <div id = "container">
| |
− | <center>
| |
− | <div class = "thebuttons" id = "parentone">
| |
− | <p style = "text-align:center; font-size:200%; padding:0px 0px 0px 0px;">Phase 1</p>
| |
− | </div>
| |
− | <div class = "thebuttons" id = "parenttwo" style="margin:0vw 12vw 0vw 12vw;">
| |
− | <p style = "text-align:center; font-size:200%; padding:0px 0px 0px 0px;">Phase 2</p>
| |
− | </div>
| |
− | <div class = "thebuttons" id = "parentthree">
| |
− | <p style = "text-align:center; font-size:200%; padding:0px 0px 0px 0px;">Phase 3</p>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div id="hover-contentone">
| |
− |
| |
− |
| |
− | <br>
| |
− | <p style = "font-size:260%; color:#0071A7; text-align:center;">Phase 1 Results</p>
| |
− | <center><hr style= "width:550px; height: 4px; background-color:#0071A7"></center><br>
| |
− | <p style = "text-indent:70px; font-size:150%; padding:25px 150px 50px 150px; color:#0071A7;">The goal of phase 1 to establish a consistent method of gene activation through dCAS9-VPR. Using MIT's CRISPR optimization tool, we generated 20 sequences to be used as our gRNA and target site. The dCAS9-VPR complex, the target sequence and reporter gene, and the gRNA expression vectors were constructed and transfected into HEK293 cells. Another set of transfections took place simultaneously with the same materials minus the gRNA expression vector as a negative control. The fold increase between the basal level of expression from the control and the activated level of expression was then recorded. The results can be found below.</p>
| |
− |
| |
− | <center><img src = "https://static.igem.org/mediawiki/2016/a/aa/T--BostonU--InitialData.jpg" style = "width:80%"></center>
| |
− |
| |
− |
| |
− |
| |
− | <br>
| |
− | <p style = "text-indent:70px; font-size:150%; padding:25px 150px 50px 150px; color:#0071A7;">The goal of phase 1 to establish a consistent method of gene activation through dCAS9-VPR. Using MIT's CRISPR optimization tool, we generated 20 sequences to be used as our gRNA and target site. The dCAS9-VPR complex, the target sequence and reporter gene, and the gRNA expression vectors were constructed and transfected into HEK293 cells. Another set of transfections took place simultaneously with the same materials minus the gRNA expression vector as a negative control. The fold increase between the basal level of expression from the control and the activated level of expression was then recorded. The results can be found below. Here are some extra words to make it seem like this is a different paragraph than the rest when really, it's not. It's just the same thing. But I want to make it look different, so there you go. Let's just add a few more words, and there we go. That should do it.</p>
| |
− |
| |
− | <center><img style = "width:80%;" src = "https://static.igem.org/mediawiki/2016/3/3f/T--BostonU--ThreeGenes.jpg"></center>
| |
− | <br>
| |
− | <p style = "text-indent:70px; font-size:150%; padding:25px 150px 50px 150px; color:#0071A7;">The goal of phase 1 to establish a consistent method of gene activation through dCAS9-VPR. Using MIT's CRISPR optimization tool, we generated 20 sequences to be used as our gRNA and target site. The dCAS9-VPR complex, the target sequence and reporter gene, and the gRNA expression vectors were constructed and transfected into HEK293 cells. Another set of transfections took place simultaneously with the same materials minus the gRNA expression vector as a negative control. The fold increase between the basal level of expression from the control and the activated level of expression was then recorded. The results can be found below.</p>
| |
− |
| |
− | <center><img src = "https://static.igem.org/mediawiki/2016/f/f6/T--BostonU--Orthogonality.jpg" style = "width:50%;"></center>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <div id="hover-contenttwo">
| |
− | <br>
| |
− | <p style = "font-size:260%; color:#0071A7; text-align:center;">Phase 1 Results</p>
| |
− | <center><hr style= "width:550px; height: 4px; background-color:#0071A7"></center><br>
| |
− | <p style = "text-indent:70px; font-size:150%; padding:25px 150px 50px 150px; color:#0071A7;">The goal of phase 1 to establish a consistent method of gene activation through dCAS9-VPR. Using MIT's CRISPR optimization tool, we generated 20 sequences to be used as our gRNA and target site. The dCAS9-VPR complex, the target sequence and reporter gene, and the gRNA expression vectors were constructed and transfected into HEK293 cells. Another set of transfections took place simultaneously with the same materials minus the gRNA expression vector as a negative control. The fold increase between the basal level of expression from the control and the activated level of expression was then recorded. The results can be found below.</p>
| |
− |
| |
− | <center><img src = "https://static.igem.org/mediawiki/2016/a/aa/T--BostonU--InitialData.jpg" style = "width:80%"></center>
| |
− |
| |
− |
| |
− |
| |
− | <br>
| |
− | <p style = "text-indent:70px; font-size:150%; padding:25px 150px 50px 150px; color:#0071A7;">The goal of phase 1 to establish a consistent method of gene activation through dCAS9-VPR. Using MIT's CRISPR optimization tool, we generated 20 sequences to be used as our gRNA and target site. The dCAS9-VPR complex, the target sequence and reporter gene, and the gRNA expression vectors were constructed and transfected into HEK293 cells. Another set of transfections took place simultaneously with the same materials minus the gRNA expression vector as a negative control. The fold increase between the basal level of expression from the control and the activated level of expression was then recorded. The results can be found below. Here are some extra words to make it seem like this is a different paragraph than the rest when really, it's not. It's just the same thing. But I want to make it look different, so there you go. Let's just add a few more words, and there we go. That should do it.</p>
| |
− |
| |
− | <center><img style = "width:80%;" src = "https://static.igem.org/mediawiki/2016/3/3f/T--BostonU--ThreeGenes.jpg"></center>
| |
− | <br>
| |
− | <p style = "text-indent:70px; font-size:150%; padding:25px 150px 50px 150px; color:#0071A7;">The goal of phase 1 to establish a consistent method of gene activation through dCAS9-VPR. Using MIT's CRISPR optimization tool, we generated 20 sequences to be used as our gRNA and target site. The dCAS9-VPR complex, the target sequence and reporter gene, and the gRNA expression vectors were constructed and transfected into HEK293 cells. Another set of transfections took place simultaneously with the same materials minus the gRNA expression vector as a negative control. The fold increase between the basal level of expression from the control and the activated level of expression was then recorded. The results can be found below.</p>
| |
− |
| |
− | <center><img src = "https://static.igem.org/mediawiki/2016/f/f6/T--BostonU--Orthogonality.jpg" style = "width:50%;"></center>
| |
− |
| |
− | </div>
| |
− |
| |
− | <div id="hover-contentthree">
| |
− | <br>
| |
− | <p style = "font-size:260%; color:#0071A7; text-align:center;">Phase 1 Results</p>
| |
− | <center><hr style= "width:550px; height: 4px; background-color:#0071A7"></center><br>
| |
− | <p style = "text-indent:70px; font-size:150%; padding:25px 150px 50px 150px; color:#0071A7;">The goal of phase 1 to establish a consistent method of gene activation through dCAS9-VPR. Using MIT's CRISPR optimization tool, we generated 20 sequences to be used as our gRNA and target site. The dCAS9-VPR complex, the target sequence and reporter gene, and the gRNA expression vectors were constructed and transfected into HEK293 cells. Another set of transfections took place simultaneously with the same materials minus the gRNA expression vector as a negative control. The fold increase between the basal level of expression from the control and the activated level of expression was then recorded. The results can be found below.</p>
| |
− |
| |
− | <center><img src = "https://static.igem.org/mediawiki/2016/a/aa/T--BostonU--InitialData.jpg" style = "width:80%"></center>
| |
− |
| |
− |
| |
− |
| |
− | <br>
| |
− | <p style = "text-indent:70px; font-size:150%; padding:25px 150px 50px 150px; color:#0071A7;">The goal of phase 1 to establish a consistent method of gene activation through dCAS9-VPR. Using MIT's CRISPR optimization tool, we generated 20 sequences to be used as our gRNA and target site. The dCAS9-VPR complex, the target sequence and reporter gene, and the gRNA expression vectors were constructed and transfected into HEK293 cells. Another set of transfections took place simultaneously with the same materials minus the gRNA expression vector as a negative control. The fold increase between the basal level of expression from the control and the activated level of expression was then recorded. The results can be found below. Here are some extra words to make it seem like this is a different paragraph than the rest when really, it's not. It's just the same thing. But I want to make it look different, so there you go. Let's just add a few more words, and there we go. That should do it.</p>
| |
− |
| |
− | <center><img style = "width:80%;" src = "https://static.igem.org/mediawiki/2016/3/3f/T--BostonU--ThreeGenes.jpg"></center>
| |
− | <br>
| |
− | <p style = "text-indent:70px; font-size:150%; padding:25px 150px 50px 150px; color:#0071A7;">The goal of phase 1 to establish a consistent method of gene activation through dCAS9-VPR. Using MIT's CRISPR optimization tool, we generated 20 sequences to be used as our gRNA and target site. The dCAS9-VPR complex, the target sequence and reporter gene, and the gRNA expression vectors were constructed and transfected into HEK293 cells. Another set of transfections took place simultaneously with the same materials minus the gRNA expression vector as a negative control. The fold increase between the basal level of expression from the control and the activated level of expression was then recorded. The results can be found below.</p>
| |
− |
| |
− | <center><img src = "https://static.igem.org/mediawiki/2016/f/f6/T--BostonU--Orthogonality.jpg" style = "width:50%;"></center>
| |
− |
| |
− | </div>
| |
− | <br><br><br><br><br><br><br><br>
| |
− | </div>
| |
− | </body>
| |
− |
| |
− | <script type="text/javascript">
| |
− | $(document).ready(
| |
− | function(){
| |
− | var fixmeTop = $('#container').offset().top;
| |
− | $(window).scroll(function() {
| |
− | var currentScroll = $(window).scrollTop();
| |
− | if (currentScroll >= fixmeTop) {
| |
− | $('#container').css({
| |
− | position: 'fixed',
| |
− | top: '0',
| |
− | left: '10%',
| |
− | opacity:'.9'
| |
− | });
| |
− | } else {
| |
− | $('#container').css({
| |
− | position: 'absolute',
| |
− | top: '12vh',
| |
− | left: '10%',
| |
− | opacity:'1'
| |
− | });
| |
− | }
| |
− | });
| |
− | });
| |
− | </script>
| |
− |
| |
− | <script type="text/javascript">
| |
− | $(document).ready(
| |
− | function(){
| |
− | $("#parentone").click(function () {
| |
− | $("html, body").animate({ scrollTop: 0 }, "slow");
| |
− | $("#hover-contentone").animate({'opacity':'1'}, 400);
| |
− | $('#hover-contenttwo').animate({'opacity':'0'}, 400);
| |
− | $('#hover-contentthree').animate({'opacity':'0'}, 400);
| |
− | });
| |
− |
| |
− | });
| |
− | </script>
| |
− |
| |
− | <script type="text/javascript">
| |
− | $(document).ready(
| |
− | function(){
| |
− | $("#parenttwo").click(function () {
| |
− | $("html, body").animate({ scrollTop: 0 }, "slow");
| |
− | $("#hover-contenttwo").animate({'opacity':'1'}, 400);
| |
− | $('#hover-contentone').animate({'opacity':'0'}, 400);
| |
− | $('#hover-contentthree').animate({'opacity':'0'}, 400);
| |
− | });
| |
− |
| |
− | });
| |
− | </script>
| |
− |
| |
− | <script type="text/javascript">
| |
− | $(document).ready(
| |
− | function(){
| |
− | $("#parentthree").click(function () {
| |
− | $("html, body").animate({ scrollTop: 0 }, "slow");
| |
− | $("#hover-contentthree").animate({'opacity':'1'}, 400);
| |
− | $('#hover-contenttwo').animate({'opacity':'0'}, 400);
| |
− | $('#hover-contentone').animate({'opacity':'0'}, 400);
| |
− | });
| |
− |
| |
− | });
| |
− | </script>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </html>
| |