Difference between revisions of "Team:Tianjin/Demonstrate"

Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:stylesub?action=raw&ctype=text/css" />
+
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincss?action=raw&ctype=text/css
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:demo?action=raw&ctype=text/css" />
+
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:fonts?action=raw&ctype=text/css">
+
−
 
+
−
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:photoframe?action=raw&ctype=text/css
+
 
" rel="stylesheet">
 
" rel="stylesheet">
−
 
+
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:fonts?action=raw&ctype=text/css
−
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:titledemo?action=raw&ctype=text/css
+
−
" rel="stylesheet">
+
−
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:titlelinkstyle?action=raw&ctype=text/css
+
 
" rel="stylesheet">
 
" rel="stylesheet">
  
−
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincss?action=raw&ctype=text/css
+
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:collapse-card?action=raw&ctype=text/css
 
" rel="stylesheet">
 
" rel="stylesheet">
 +
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:collapse-card?action=raw&ctype=text/javascript"></script>
 +
 +
 +
 +
  
 
/* OVERRIDE IGEM SETTINGS */
 
/* OVERRIDE IGEM SETTINGS */
Line 63: Line 62:
 
</style>
 
</style>
  
−
<style> /* Firefox seems to have issues loading the clip path from inside the CSS */
+
<style>
−
.link--urpi::before {
+
−
-webkit-clip-path: url(#cp_up);
+
−
clip-path: url(#cp_up);
+
−
}
+
  
−
.link--urpi::after {
 
−
-webkit-clip-path: url(#cp_down);
 
−
clip-path: url(#cp_down);
 
−
}
 
−
</style>
 
−
 
−
 
−
<style type="text/css">
 
−
*{padding:0;margin:0;list-style-type:none;}
 
−
/* go */
 
−
.go{width:95px;height:390px;background-color:#FFF;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:12px;bottom:25%;border-radius:5px;box-shadow:0 0 2px #6E6E6E;*border:solid 1px #ddd; z-index:999;}
 
−
.go a{background: url(https://static.igem.org/mediawiki/2017/7/70/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171004122500.png) no-repeat;display:block;text-indent:999em;width:95px;margin:5px;border:0;overflow:hidden;float:left}
 
−
.go .top{background-position:-8px 7px;height:60px}
 
−
.go .top:hover{background-position:-95px 7px;}
 
−
 
−
.go .feedback{background-position:-8px -60px;height:49px}
 
−
.go .feedback:hover{background-position:-95px -60px}
 
−
 
−
.go .two{background-position:-8px -105px;height:49px}
 
−
.go .two:hover{background-position:-95px -105px}
 
−
 
−
.go .three{background-position:-8px -150px;height:49px}
 
−
.go .three:hover{background-position:-95px -150px}
 
−
 
−
.go .four{background-position:-8px -190px;height:49px}
 
−
.go .four:hover{background-position:-95px -190px}
 
−
 
−
.go .bottom{background-position:-8px -240px;height:60px}
 
−
.go .bottom:hover{background-position:-95px -240px}
 
−
</style>
 
−
<style>
 
  
 
body {
 
body {
Line 106: Line 70:
 
     z-index:9999;
 
     z-index:9999;
 
}
 
}
−
 
+
#title hr {
−
#description h1{
+
    background-color: #324b5a;
 +
    border: 0 none;
 +
    height: 12px;
 +
    margin: 1.3em auto;
 +
    width: 63px;
 +
    margin-bottom:1.1em
 +
}
 +
#title h1{
 
clear: both;
 
clear: both;
 
         margin-top: 1.325em;
 
         margin-top: 1.325em;
 
         margin-bottom: 1.1em;
 
         margin-bottom: 1.1em;
 
         line-height: 1.3;
 
         line-height: 1.3;
 +
        letter-spacing:0.6px
 
text-align:center;
 
text-align:center;
 
font-size: 3.5 em;
 
font-size: 3.5 em;
 
         font-weight: 400;
 
         font-weight: 400;
−
font-family: 'Vibrocentric_rg',Verdana, Geneva, sans-serif;
+
font-family: 'LiberationSerif-Bold',Verdana,sans-serif;
 
text-align:center;
 
text-align:center;
 +
 
}
 
}
−
#description h1{
+
#normal img{
−
        text-align:center;
+
text-align:center;
 +
margin:3rem auto 3rem auto;
 +
padding-top:1.2rem;
 +
padding-bottom:1.2rem;
 +
max-width:90%;
 
}
 
}
  
−
#description h3{
+
#normal h3{
−
font-size:1.2 em;
+
text-align:center;
−
font-weight:bold;
+
font-size:1.8em;
−
color:#0D0F3D;
+
font-weight:400;
−
         margin-bottom:2em;
+
color:#f8f8f8;
−
        text-align: justify;
+
         font-family: 'LiberationSerif-Bold',Verdana,sans-serif;
 
}
 
}
−
#description a{
+
 
−
font-family:oblique;
+
#normal h4{
 +
font-size:1.725em;
 +
font-weight:400;
 +
color:#324b5a;
 +
    margin:0.5em;
 +
    font-family: 'LiberationSerif-Bold',Verdana,sans-serif;
 
}
 
}
−
#description .zoom {
+
#normal h5{
−
display:inline-block;
+
font-size:1.5em;
 +
font-weight:600;
 +
color:#324b5a;
 +
    margin:0.5em;
 +
    font-family: 'LiberationSerif-Regular',Verdana,sans-serif;
 
}
 
}
−
#description .zoom:after {
+
#normal collapse-card__body i{
−
content:'';display:block;position:absolute;top:0;right:0;
+
font-family:oblique;
−
}
+
−
#description .zoom img{
+
−
display:block;
+
−
}
+
−
#description .zoom img::selection{
+
−
background-color:transparent;
+
−
}
+
−
.content p {
+
−
padding: 10px 15px 4px 10px;
+
−
margin-left: 15px;
+
−
border-left: 10px solid
+
−
}
+
−
.nav p {
+
−
font-size: 1.325em;
+
−
        font-family: 'LiberationSerif-Regular', sans-serif;
+
−
margin-bottom: 1.5em;
+
−
line-height: 1.5em;
+
−
font-weight: 400;
+
−
text-align: justify
+
 
}
 
}
  
−
#newstyle p {
+
#normal p {
−
     font-size: 1.325em;
+
     font-size: 1.225em;
−
     margin-bottom: 1.500em;
+
     margin-left:1em;
 +
    margin-right:1em;
 
     line-height: 1.6em;
 
     line-height: 1.6em;
 
     font-weight: 400;
 
     font-weight: 400;
 
     text-align:justify;
 
     text-align:justify;
−
     font-family: 'LiberationSerif-Regular', sans-serif;
+
     font-family: 'LiberationSerif-Regular',Verdana,sans-serif;
 
 
 
}
 
}
−
.nav hr {
+
.content p {
−
    background-color: #324b5a;
+
padding: 10px 15px 4px 10px;
−
    border: 0 none;
+
margin-left: 15px;
−
    height: 12px;
+
border-left: 10px solid
−
    margin: 1.3em auto;
+
−
    width: 63px;
+
−
    margin-bottom:1.1em
+
−
}
+
−
#cd-timeline p{
+
−
    font-size: 1.2em;
+
−
    margin-bottom: 1.500em;
+
−
    line-height: 1.6em;
+
−
    font-weight: 400;
+
−
    text-align:justify;
+
−
    font-family: 'LiberationSerif-Regular', sans-serif;
+
−
+
 
}
 
}
  
−
#cd-timeline h2{
+
</style>
−
    font-size: 1.325em;
+
<style>
−
    margin-bottom: 1.500em;
+
.langtab {
−
    line-height: 1.6em;
+
width: 85%;
−
    font-weight: 600i;
+
margin-right: auto;
−
    text-align:justify;
+
margin-left: auto;
−
    font-family: 'LiberationSerif-Regular', sans-serif;
+
padding: 2rem;
−
   
+
}
−
}
+
  
−
.span{  
+
.mt1 {
−
    font-size: 1.2em;
+
margin-top: 1rem;
−
    font-weight: 400;
+
}
−
    text-align:justify;
+
−
    font-family: 'LiberationSerif-Regular', sans-serif;
+
−
}
+
  
 +
.align-right {
 +
text-align: right;
 +
}
  
−
</style>
+
.mouse-pointer {
−
 
+
cursor: pointer;
 +
}
 +
  </style>
 
</head>
 
</head>
  
Line 211: Line 168:
  
  
 +
<div class="container"></div>
  
−
<div  class="page">
 
−
    <div id="gotop" name="gotop">
 
  
 +
<div id="title">
 +
<h1>Demonstrate</h1>
 +
<hr>
 
</div>
 
</div>
−
     
 
  
−
<div id="page" class="hfeed site">
+
<div id="normal">
−
 
+
<section class="nav">
−
 
+
−
  <div id="primary" class="content-area">
+
−
<main id="main" class="about-main" role="main">
+
−
            <article id="description">     
+
−
                <h1>Demonstrate</h1>
+
−
                    <hr />
+
−
 
+
−
</article>
+
−
 
+
−
</main>
+
−
 
+
−
</div><!-- #primary -->
+
−
 
+
−
 
+
−
<div id="newstyle" class="demo-2">
+
−
<div class="container">
+
−
 
+
−
+
−
<section class="main">
+
  
  
  
 +
<div class="langtab" >
 +
<div class="collapse-card">
 +
<div class="collapse-card__heading">
 +
<h3 class="collapse-card__title">
 +
<i class="fa fa-random"></i>
 +
Mating-type Switch and Mating Switcher
 +
</h3>
 +
</div>
 +
<div class="collapse-card__body">
 
    
 
    
−
<h2>Mating-type Switch and Mating Switcher</h2>
+
<div class="collapse-card__close_handler mt1 align-right mouse-pointer">
−
<p>To begin with, we gave them construct suggestions, communicated with their team adviser. In 24/3/2017, we were invited to TUST to carried out recruiting propaganda for them, and provided our construction guide.</p>
+
UP <i class="fa fa-chevron-up"></i>
−
<div id="middle" name="middle">
+
</div>
−
<h3>Mating-type Switch</h3>
+
</div>
−
<p>mickey han</p>
+
</div>
−
                <p><i>mickey han</i></p>
+
 
</div>
 
</div>
  
  
−
<div id="two" name="two">
 
−
<h3>Verification of Mating Swicher</h3>
 
−
<p>待插图</p>
 
−
</div>
 
  
−
<div class="carousel photo-frame" >
+
<div class="langtab" >
−
    <ul class="list">
+
<div class="collapse-card">
−
        <li><img src="https://static.igem.org/mediawiki/2017/5/54/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003130153.jpg"></li>
+
<div class="collapse-card__heading">
−
        <li><img src="https://static.igem.org/mediawiki/2017/6/64/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003130215.jpg"/></li>
+
<h3 class="collapse-card__title">
−
        <li><img src="https://static.igem.org/mediawiki/2017/c/ca/20171003132121.jpg"/></li>
+
<i class="fa fa-bar-chart"></i>
−
        <li><img src="https://static.igem.org/mediawiki/2017/5/53/20171003132127.jpg"/></li>
+
SCRaMbLE to Improve the Resistance to Heavy Metals
−
    </ul>
+
</h3>
−
<script  type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:index2?action=raw&ctype=text/javascript"></script>
+
</div>
−
<script  type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryminjs?action=raw&ctype=text/javascript"></script>
+
<div class="collapse-card__body">
−
<script  type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:photo?action=raw&ctype=text/javascript"></script>
+
−
</div>
+
  
−
 
+
</div>
−
<h2>SCRaMbLE to Improve the Resistance to Heavy Metals</h2>
+
−
<p>1. NKU asked us to help them construct a plasmid. Using pEX18Gm as the supporter, we ought to added Lyase gene sequence（which they had already provided） and xyR-xyA sequence from pAX01 as well.</p>
+
−
<div id="three" name="three">
+
−
<h3>After construction</h3>
+
−
<p>After construction, they sent us plasmid pAX01 and the plasmid which contains Lyase gene sequence, we helped them with ligasion and transformation.</p>
+
 
</div>
 
</div>
  
−
<div class="carousel photo-frame" >
+
<div class="langtab" >
−
    <ul class="list">
+
<div class="collapse-card">
−
        <li><img src="https://static.igem.org/mediawiki/2017/9/92/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171002211559.jpg"></li>
+
<div class="collapse-card__heading">
−
        <li><img src="https://static.igem.org/mediawiki/2017/b/b7/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171002211622.jpg"/></li>
+
<h3 class="collapse-card__title">
−
        <li><img src="https://static.igem.org/mediawiki/2017/9/92/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171002211559.jpg"></li>
+
<i class="fa fa-refresh"></i>
−
        <li><img src="https://static.igem.org/mediawiki/2017/b/b7/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171002211622.jpg"/></li>
+
Biosensor for Cu Ion's Detection
−
    </ul>
+
</h3>
−
<script  type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:index2?action=raw&ctype=text/javascript"></script> 
+
</div>
−
<script  type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryminjs?action=raw&ctype=text/javascript"></script>
+
<div class="collapse-card__body">
−
<script  type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:photo?action=raw&ctype=text/javascript"></script>  
+
 
 +
<div class="collapse-card__close_handler mt1 align-right mouse-pointer">
 +
Show less <i class="fa fa-chevron-up"></i>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
  
−
 
+
<div class="langtab" >
−
 
+
<div class="collapse-card">
−
 
+
<div class="collapse-card__heading">
−
 
+
<h3 class="collapse-card__title">
−
 
+
<i class="fa fa-magnet"></i>
−
 
+
Heavy Metals' Enrichment
−
 
+
</h3>
−
<p><a class="ref" href=""></a></p>
+
</div>
−
     
+
<div class="collapse-card__body">
−
<h2>Biosensor for Cu Ion's Detection</h2>
+
 
−
                <h3>Overview</h3>
+
<div class="collapse-card__close_handler mt1 align-right mouse-pointer">
−
 
+
Show less <i class="fa fa-chevron-up"></i>
−
<p></p>
+
</div>
−
<p>After communication with professors, teachers and factory leaders, our HPers summarized that It is also difficult to monitor the copper concentration of the solution in real-time. Solving this problem by biosensor seems like a good idea. </p>
+
</div>
−
<p>The inspiration came from promoters found in nature, which can be induced by different metal ions. Ligating this kind of promoters with reporter gene like RFP is a common idea to monitor the concentration of metals. Take Cu ions for example, we first search for promoters induced by Cu in parts, and we found both promoters in E.coli and S.cerevisiae. Actually, The resistance to Cu ions in E.coli and S.cerevisiae differs from each other. The maximum resistance to Cu in <i>E.coli</i> is 9 mM, which is less than that in S.cerevisiae. The resistance in S.cerevisiae is over 15 mM. Considering the response rage, the budding yeast is a much better host for
+
</div>
−
</p>
+
−
 
+
−
<h3>Protocol</h3>
+
−
<p>2. Protocol: initial OD600 = 0.01
+
−
        Test OD600 and threshold fluorescence every other 5-6 hours
+
−
            Exciting light λ=502/Emissive light λ=532
+
−
</p>
+
−
<div class="carousel photo-frame" >
+
−
    <ul class="list">
+
−
        <li><img src="https://static.igem.org/mediawiki/2017/b/b4/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003144056.jpg"></li>
+
−
        <li><img src="https://static.igem.org/mediawiki/2017/3/35/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003144102.jpg"/></li>
+
−
        <li><img src="https://static.igem.org/mediawiki/2017/b/b4/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003144056.jpg"></li>
+
−
        <li><img src="https://static.igem.org/mediawiki/2017/3/35/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003144102.jpg"/></li>
+
−
    </ul>
+
−
<script  type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:index2?action=raw&ctype=text/javascript"></script>
+
−
<script  type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryminjs?action=raw&ctype=text/javascript"></script>
+
−
<script  type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:photo?action=raw&ctype=text/javascript"></script>  
+
 
</div>
 
</div>
  
−
 
−
<h2>Heavy Metals' Enrichment</h2>
 
−
<p>We came up with the idea that we could gather all the iGEM team whose project is about water pollution treatment together and build an alliance to unite all our social impact, knowledge and geographical advantages.</p>
 
  
−
<h3>2017.08.12</h3>
 
−
<p>2. In 12th of August, we had a voice conferencing with SJTU/SCUT/XMU/UCAS/JLU/FAFU, we discussed about how we want to use this alliance and came up with 2 conclusion:
 
−
1. Build a worldwide database containing contents of heavy metals in soil
 
−
2. Mutual improve our social impact
 
−
</p>
 
  
−
 
−
<h3>SCRaMbLE</h3>
 
−
<p>In 23th of August, we sent a Collaboration Request to iGEM official website, the next day Ana Sifuentes replied our message and posted our request in the iGEM official website, and we received the response of many teams like team EXETER and team CSMU NCHU TAIWAN, with their information, we construct a database which contains the worldwide data of contents of Cu2+/Cd2+ in soil or water. And we build it based on map of the world.</p>
 
  
−
    <div id="four" name="four">
 
  
−
</div>
 
−
<h2>Helping CQU construct their team and sign up for their first year</h2>
 
−
<p>First, I believe that this nation should commit itself to achieving the goal, before this decade is out, of landing a man on the moon and returning him safely to the earth. No single space project in this period will be more impressive to mankind, or more important for the long-range exploration of space; and none will be so difficult or expensive to accomplish. </p>
 
  
−
<h3>This one goes deeper</h3>
+
<div style="padding-top:10em;padding-right:1em;">
−
<p>A good rule for rocket experimenters to follow is this: always assume that it will explode. The vehicle explodes, literally explodes, off the pad. The simulator shakes you a little bit, but the actual liftoff shakes your entire body and soul.</p>
+
  
−
<h4>Even deeper</h4>
 
−
<p>The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children.</p>
 
−
 
−
<h3>And a level-3 title again</h3>
 
−
<p>It has been said that astronomy is a humbling and character-building experience. There is perhaps no better demonstration of the folly of human conceits than this distant image of our tiny world. To me, it underscores our responsibility to deal more kindly with one another, and to preserve and cherish the pale blue dot, the only home we've ever known.</p>
 
−
 
−
 
−
<h2>Filmed a biosafety video together with other 12 teams</h2>
 
−
<p>12 teams gather together to film a biosafety video, every team took different topics, but all based on Yale biosafety manual.</p>
 
−
 
−
<h3>This one goes deeper</h3>
 
−
<p>A good rule for rocket experimenters to follow is this: always assume that it will explode. The vehicle explodes, literally explodes, off the pad. The simulator shakes you a little bit, but the actual liftoff shakes your entire body and soul.</p>
 
−
 
−
<h4>Even deeper</h4>
 
−
<p>The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children.</p>
 
−
<div id="gobottom" name="gobottom">
 
−
<h3>And a level-3 title again</h3>
 
−
<p>It has been said that astronomy is a humbling and character-building experience. There is perhaps no better demonstration of the folly of human conceits than this distant image of our tiny world. To me, it underscores our responsibility to deal more kindly with one another, and to preserve and cherish the pale blue dot, the only home we've ever known.</p>
 
−
</div>
 
−
<p><a class="ref" href=""></a></p>
 
−
</section>
 
−
</div>
 
−
<div class="go">
 
−
<a title="top" class="top" href="#gotop"></a>
 
−
<a title="middle" class="feedback" href="#middle"></a>
 
−
    <a title="22" class="two" href="#two"></a>
 
−
    <a title="33" class="three" href="#three"></a>
 
−
    <a title="44" class="four" href="#four"></a>
 
−
<a title="bottom" class="bottom" href="#gobottom"></a>
 
−
</div>
 
 
</div>
 
</div>
 +
</section>
  
 +
 +
 +
 +
 +
</div><!-- #primary -->
  
−
<script>
 
−
window.requestAnimFrame = (function(callback) {
 
−
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
 
−
function(callback) {
 
−
window.setTimeout(callback, 1000 / 60);
 
−
};
 
−
})();
 
−
 
−
var requestId, jolttime;
 
−
 
−
var c = document.getElementById('canv');
 
−
var $ = c.getContext('2d');
 
−
 
−
var s = 18; //grid square size
 
−
var mv = 10; //moving areas
 
−
var sp = 1; //move speed
 
−
var clm = 23; //columns
 
−
var rw = 10; //rows
 
−
var x = []; //x array
 
−
var y = []; //y array
 
−
var X = []; //starting X array
 
−
var Y = []; //starting Y array
 
−
 
−
c.width  = c.offsetWidth;
 
−
c.height = c.offsetHeight;
 
−
 
−
for (var i = 0; i < clm * rw; i++) {
 
−
x[i] = ((i % clm) - 0.5) * s;
 
−
y[i] = (Math.floor(i / clm) - 0.5) * s;
 
−
X[i] = x[i];
 
−
Y[i] = y[i];
 
−
}
 
−
var t = 0;
 
−
 
−
function jolt() {
 
−
$.fillRect(0, 0, c.width, c.height);
 
−
 
−
for (var i = 0; i < clm * rw; i++) {
 
−
if (i % clm != clm - 1 && i < clm * (rw - 1) - 1) {
 
−
$.fillStyle = "hsla(0,0,0,1)";
 
−
$.strokeStyle = "#95D384";
 
−
$.lineWidth = 1;
 
−
$.beginPath();
 
−
$.moveTo(x[i], y[i]);
 
−
$.lineTo(x[i + 1], y[i + 1]);
 
−
$.lineTo(x[i + clm + 1], y[i + clm + 1]);
 
−
$.lineTo(x[i + clm], y[i + clm]);
 
−
$.closePath();
 
−
$.stroke();
 
−
$.fill();
 
−
}
 
−
}
 
−
for (var i = 0; i < rw * clm; i++) {
 
−
if ((x[i] < X[i] + mv) && (x[i] > X[i] - mv) && (y[i] < Y[i] + mv) && (y[i] > Y[i] - mv)) {
 
−
x[i] = x[i] + Math.floor(Math.random() * (sp * 2 + 1)) - sp;
 
−
y[i] = y[i] + Math.floor(Math.random() * (sp * 2 + 1)) - sp;
 
−
} else if (x[i] >= X[i] + mv) {
 
−
x[i] = x[i] - sp;
 
−
} else if (x[i] <= X[i] - mv) {
 
−
x[i] = x[i] + sp;
 
−
} else if (y[i] >= Y[i] + mv) {
 
−
y[i] = y[i] - sp;
 
−
} else if (y[i] <= Y[i] + mv) {
 
−
y[i] = y[i] + sp;
 
−
}
 
−
}
 
−
//controls time of electric shake> when counter equals 0, it will reset for 5s then start again.
 
−
if (t % c.width == 0) {
 
−
jolttime = setTimeout('jolt()', 5);
 
−
t++;
 
−
} else {
 
−
jolttime = setTimeout('jolt()', 5);
 
−
t++;
 
−
}
 
−
}
 
−
 
−
function start() {
 
−
if (!requestId) {
 
−
requestId = window.requestAnimFrame(jolt);
 
−
}
 
−
}
 
−
 
−
function stop() {
 
−
if (requestId) {
 
−
clearTimeout(jolttime);
 
−
window.cancelAnimationFrame(requestId);
 
−
requestId = undefined;
 
−
}
 
−
}
 
−
 
−
document.querySelector('a.link--asiri').addEventListener('mouseenter', start);
 
−
document.querySelector('a.link--asiri').addEventListener('mouseleave', stop);
 
−
</script>
 
−
<script>
 
−
// For Demo purposes only (show hover effect on mobile devices)
 
−
[].slice.call( document.querySelectorAll('.grid a') ).forEach( function(el) {
 
−
el.onclick = function() { return false; }
 
−
} );
 
−
</script>
 
  
  
 +
<script type="text/javascript">
 +
$('.collapse-card').paperCollapse();
 +
</script>
  
  
 
</html>
 
</html>
 
{{:Team:Tianjin/Templates/footer}}
 
{{:Team:Tianjin/Templates/footer}}

Revision as of 17:59, 23 October 2017

/* OVERRIDE IGEM SETTINGS */

Demonstrate

Mating-type Switch and Mating Switcher

UP

SCRaMbLE to Improve the Resistance to Heavy Metals

Biosensor for Cu Ion's Detection

Show less

Heavy Metals' Enrichment

Show less