Difference between revisions of "Team:Glasgow/Project/Overview/Terminator"

Line 1: Line 1:
 
{{GlasgowNavbar}}
 
{{GlasgowNavbar}}
 
<html>
 
<html>
  <head>
+
  <head>
    <style>
+
<script type="text/javascript">
          .firstHeading {
+
// 收缩展开效果
              display:none;
+
$(document).ready(function(){
 +
  // $(".box h5").toggle(function(){
 +
  //  $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
 +
//  },function(){
 +
//$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
 +
  //});
 +
$("div.text").hide();//默认隐藏div,或者在样式表中添加.text{display:none},推荐使用后者
 +
$(".box h5").click(function(){
 +
$(this).next(".text").slideToggle("slow");
 +
})
 +
});
 +
</script>
 +
<script type="text/javascript" >
 +
function menuFixed(id){
 +
var obj = document.getElementById(id);
 +
var _getHeight = obj.offsetTop;
 +
 
 +
window.onscroll = function(){
 +
changePos(id,_getHeight);
 +
}
 +
}
 +
function changePos(id,height){
 +
var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
 +
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var w = window.innerWidth;
 +
if(w>=1024){
 +
  if($(window).scrollTop() + $(window).height() > $(document).height() - 350){
 +
                $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 +
}
 +
if(scrollTop < height){ obj.style.position = 'relative';     
 +
}else{
 +
obj.style.position = 'fixed';
 +
}
 +
}
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
window.onload = function(){
 +
menuFixed('sidebar');
 +
}
 +
</script>
 +
      <style>
 +
          figcaption {
 +
            color: #666666;
 +
            font-size: 0.7em;
 +
            font-style: italic;
 +
            font-family: 'Noto Sans', sans-serif;
 +
            margin-bottom: 15px;
 +
        }
 +
          .firstHeading {
 +
          display:none;
 
         }
 
         }
 
      
 
      
Line 12: Line 63:
 
     padding:0px 0px 0px 0px;
 
     padding:0px 0px 0px 0px;
 
     border:none;
 
     border:none;
      
+
     }
   
+
       * {
}
+
      h1 {
+
       text-decoration:none;
+
      border:none;
+
}
+
 
+
            * {
+
 
                 padding:0;
 
                 padding:0;
 
                 margin:0;
 
                 margin:0;
 +
            }
 +
#bodybackground {
 +
background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center;
 +
font-family: 'Nixie One', Helvetica, Arial, sans-serif;
 +
font-size: 50px; height:45vh;
 +
background-size:cover; }
 +
   
 +
            h1 {
 +
                color:white;
 +
                margin-top:15vh;
 +
                margin-left: 20vw;
 +
                position:absolute;
 +
                font-size: 4em;
 
             }
 
             }
 
              
 
              
             .banner {
+
             .links {
                 width:100vw;
+
                 margin-top: 5vh;
                 height:45vh;
+
                 text-decoration:none;
                 background-color: black;
+
                 color:blue;
 +
                margin-left:5vw;
 
             }
 
             }
       
+
 
             h1 {
+
              
                 width:20vw;
+
            .containerRight {
                 margin: 5vh auto;
+
                 width:70vw;
 +
                text-align: justify;
 +
                background-color:white;
 +
                 margin-left: 25vw;
 +
                /*float: right;*/
 +
            }             
 +
     
 +
            div h2 {
 
                 text-align: center;
 
                 text-align: center;
 +
                margin-bottom: 8vh;
 +
                margin-top:5vh;
 +
            }
 +
            /*
 +
            .leftContainer {
 +
                width:22vw;
 +
                float:left;
 +
                height:100%;
 +
                text-align: center;
 +
                background-color:white;
 +
            }*/
 +
 +
            table {
 +
                margin-top:15vh;
 +
                border-radius: 10%;
 +
                margin-left:7.5vw;
 +
                float:left;
 +
                text-align:center;
 
             }
 
             }
 
              
 
              
             .mainText {
+
             td {
                 width:80vw;
+
                 padding:0.8vw;
                 margin:0 auto;
+
                 cursor:pointer;
                 text-align: justify;
+
                 margin-top: 4vh;
 +
                color:deepskyblue;
 
             }
 
             }
 +
           
 +
            td:hover {
 +
                margin-top: 4vh;
 +
                background-color: deepskyblue;
 +
                color:white;               
 +
            }
 +
           
 +
            .fixed {
 +
                position: fixed;
 +
                top:5vh;
 +
 +
            }
 +
           
 +
            .final {
 +
                top: 230vh;
 +
                position:relative;
 +
            }
 +
 
              
 
              
 
             .monster {
 
             .monster {
Line 52: Line 154:
 
              
 
              
 
             .monsterContainer {
 
             .monsterContainer {
                 width:80vw;
+
                 width:70vw;
 
                 height:50vh;
 
                 height:50vh;
 
                 margin:10vh auto;
 
                 margin:10vh auto;
 
                 text-align: justify;
 
                 text-align: justify;
 +
                margin-bottom: 10vh;
 
                  
 
                  
 
             }
 
             }
Line 75: Line 178:
 
                 color: white;
 
                 color: white;
 
                 position:absolute;
 
                 position:absolute;
                 bottom:1%;
+
                 bottom:5%;
 
                 left: 5%;
 
                 left: 5%;
 
                 width:100%;
 
                 width:100%;
Line 96: Line 199:
 
                 opacity:1
 
                 opacity:1
 
             }
 
             }
#bodybackground {
+
            h5{
  background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center;
+
            text-align:center;
  font-family: 'Nixie One', Helvetica, Arial, sans-serif;
+
            font-size:18px;
  font-size: 50px;
+
  height:45vh;
+
  background-size:cover;
+
 
}
 
}
@font-face {
+
          @font-face {
 
   font-family: 'Nixie One';
 
   font-family: 'Nixie One';
 
   font-style: normal;
 
   font-style: normal;
Line 255: Line 355:
 
   }
 
   }
 
}
 
}
</style>
 
</head>
 
  
 +
 +
<!-----zhankai---->
 +
.text{line-height:22px;padding:0 6px;color:#666;}
 +
.box h5{padding-top:0px;font-weight:bold;cursor: pointer;}
 +
.box{position:relative;border:1px solid #e7e7e7;background-color:#C1EAFF;}
 +
      </style>
 +
 +
  </head>
 +
 +
    <body>
 +
 +
        <div id="bodybackground">
 +
  <div  class="container3  scrollTop">
 +
  <div class="sign">
 +
      <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div>
 +
      <div class="neon-blue"><br><span class="neon-purple"><strong></strong></span></div>
 +
  </div>
 +
  </div>
 +
</div>
 +
        <!--<div class='leftContainer'>-->
 +
        <p class="links scrollOverview"><a style="color:blue;" href="https://2015.igem.org/Team:Glasgow"> Home</a> > <a style="color:blue;" href="https://2015.igem.org/Team:Glasgow/Project/Overview">Project</a> > Protocols</p>
 +
        <div id="sidebar"class="widget widget-categories">
 +
        <table>
 +
            <tr><td class="overview">Summary</td></tr>
 +
            <tr><td class="sensor">Introduction</td></tr>
 +
            <tr><td class="release">Methods</td></tr>
 +
            <tr><td class="survivability">Results</td></tr>
 +
            <tr><td class="conclusion">Conclusion</td></tr>
 +
            <tr><td class="firstuse">References</td></tr> 
 +
            <tr><td class="top">Top</td></tr>   
 +
        </table>
 +
      </div>
 
          
 
          
 +
      <!-- </div> -->
 
         <div class='containerRight'>
 
         <div class='containerRight'>
    <h2 style="margin-top:13vh;">Summary</h2>
+
              <p class="mainText">Aim: To characterise K1725081 for submission to the registry.
 
+
            <p class="mainText">Aim: To characterise K1725081 for submission to the registry.
+
 
</br>
 
</br>
 
</br>
 
</br>
Line 274: Line 403:
 
</br>
 
</br>
 
<div class="scrollSensor"></div></p>
 
<div class="scrollSensor"></div></p>
       
+
</br>
           
+
</br>
            <h2>Introduction</h2>
+
 
 +
   
 +
    <h2>Introduction</h2>
 
      
 
      
 
             <p class="mainText">text<div style="visibility:hidden; height:0;width:0;" class="scrollSurvivability"></div> </p>
 
             <p class="mainText">text<div style="visibility:hidden; height:0;width:0;" class="scrollSurvivability"></div> </p>
 
+
</br>
           
+
</br>
            <h2>Methods</h2>
+
 +
        <h2>Methods</h2>
 
      
 
      
 
             <p class="mainText">text
 
             <p class="mainText">text
Line 290: Line 422:
 
</br>
 
</br>
 
text<div class="scrollResults"></div></p>
 
text<div class="scrollResults"></div></p>
           
+
</br>
           
+
</br>
  
            <h2>Results</h2>
+
<h2>Results</h2>
 +
- Cell-cell comunication
 +
</br>
 +
- Decanal experiments
 +
</br>
 +
- Spectrum experiments and comparison to Cambridge operon
 +
 
 +
<div class="scrollfirstuse"></div>
 +
</br></br>
 +
 
 +
   
 +
    <h2>Results</h2>
 
      
 
      
 
             <p class="mainText test2">text
 
             <p class="mainText test2">text
Line 304: Line 447:
  
 
             <h2>Conclusion</h2>
 
             <h2>Conclusion</h2>
       
 
  
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 +
<script>
 +
 +
 +
        $('.overview').click(function() {
 +
            $('html, body').animate({ scrollTop: $('.scrollOverview').offset().top}, 1000);
 +
        });
 +
       
 +
        $('.sensor').click(function() {
 +
            $('html, body').animate({ scrollTop: $('.scrollSensor').offset().top}, 1000);
 +
        });
 +
       
 +
        $('.survivability').click(function() {
 +
            $('html, body').animate({ scrollTop: $('.scrollSurvivability').offset().top}, 1000);
 +
        });
 +
       
 +
        $('.conclusion').click(function() {
 +
            $('html, body').animate({ scrollTop: $('.scrollConclusion').offset().top}, 1000);
 +
        });
 
          
 
          
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
      $('.release').click(function() {
    <script type="text/javascript">
+
            $('html, body').animate({ scrollTop: $('.scrollrelease').offset().top}, 1000);
   
+
        });
        $(document).ready(function() {
+
 
             $('.monster').mouseenter(function() {
+
      $('.alternatives').click(function() {
                $('img', this).addClass("dimmer");
+
             $('html, body').animate({ scrollTop: $('.scrollalternatives').offset().top}, 1000);
                $('h3', this).addClass("dimmer2");
+
        });
            });
+
       
            $('.monster').mouseleave(function() {
+
      $('.firstuse').click(function() {
                $('img').removeClass("dimmer");
+
            $('html, body').animate({ scrollTop: $('.scrollfirstuse').offset().top}, 1000);
                $('h3').removeClass("dimmer2");
+
        });
             });
+
     
 +
      $('.contamination').click(function() {
 +
            $('html, body').animate({ scrollTop: $('.scrollcontamination').offset().top}, 1000);
 +
        });
 +
 
 +
        $('.top').click(function() {
 +
             $('html, body').animate({ scrollTop: $('.scrollTop').offset().top}, 1000);
 
         });
 
         });
 
          
 
          
         </script>   
+
         </script>  
   
+
    </body>
+
  
 +
 +
<!--------边上导航栏-------->
 +
      <script type="text/javascript">
 +
 +
var x = $('.links').offset().top;
 +
$(window).scroll(function() {
 +
            if ($(this).scrollTop() > x) {
 +
                $('table').addClass("fixed");
 +
            }
 +
 +
 +
            else {
 +
                $('table').removeClass("fixed");
 +
            }
 +
        });
 +
 +
</script>
 +
 +
 +
 +
 +
</body>
 
</html>
 
</html>
 +
 
{{Glasgowfooter}}
 
{{Glasgowfooter}}

Revision as of 13:15, 16 September 2015

Glasglow

Aim: To characterise K1725081 for submission to the registry.

Results Overview: K1725081 was successful in terminating transcription to the same level as B0010 and B0015.

Basic Parts submitted:
BBa_K1725081 – T1 terminator from E. coli rrnB



Introduction

text



Methods

text



text



Results

- Cell-cell comunication
- Decanal experiments
- Spectrum experiments and comparison to Cambridge operon


Results

text


Conclusion

Location

Bower Building, Wilkins Teaching Laboratory
University of Glasgow
University Avenue
G12 8QQ

Follow Us On