|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{:Team:Tianjin/Templates/leftbar}}
| |
| | | | |
| − | <html>
| |
| − | <head>
| |
| − | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:stylesub?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">
| |
| − |
| |
| − | <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincss?action=raw&ctype=text/css
| |
| − | " rel="stylesheet">
| |
| − |
| |
| − | /* OVERRIDE IGEM SETTINGS */
| |
| − | <style>
| |
| − | #sideMenu, #top_title, #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none}
| |
| − | #content {width: 100%; background: transparent; margin: 0; padding: 0; }
| |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 2px; }
| |
| − | #top_menu_under {
| |
| − | height: 0px;
| |
| − | border-bottom: 0 none;
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #top_menu_14 {
| |
| − | height: 24px;
| |
| − | border-bottom: 0 none;
| |
| − | }
| |
| − |
| |
| − | #globalWrapper, #content {
| |
| − | width: 100%;
| |
| − | margin: 0;
| |
| − | float:none
| |
| − | font-size: 100%;
| |
| − | z-index: 0;
| |
| − | }
| |
| − |
| |
| − | div[id=mw-content-text] > p {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #sideMenu {
| |
| − | width: 200px;
| |
| − | }
| |
| − |
| |
| − | #sideMenu .mainMenu_Title, #sideMenu .mainMenu_toggle, #sideMenu #MainPage_menu ul li li {
| |
| − | border: none;
| |
| − | }
| |
| − |
| |
| − | #sideMenu .sideMenuTitle {
| |
| − | height: 35px;
| |
| − | }
| |
| − |
| |
| − | #top_menu_inside .submenu {
| |
| − | width: auto;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <style> /* Firefox seems to have issues loading the clip path from inside the CSS */
| |
| − | .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 {
| |
| − | background-color:#e8f1f5;
| |
| − | font-size: 16px;
| |
| − | z-index:9999;
| |
| − | }
| |
| − |
| |
| − | #description h1{
| |
| − | clear: both;
| |
| − | margin-top: 1.325em;
| |
| − | margin-bottom: 1.1em;
| |
| − | line-height: 1.3;
| |
| − | text-align:center;
| |
| − | font-size: 3.5 em;
| |
| − | font-weight: 400;
| |
| − | font-family: 'righteous',Verdana,sans-serif;
| |
| − | text-align:center;
| |
| − | }
| |
| − | #description h1{
| |
| − | text-align:center;
| |
| − | }
| |
| − |
| |
| − | #description h3{
| |
| − | font-size:1.2 em;
| |
| − | font-weight:bold;
| |
| − | color:#0D0F3D;
| |
| − | margin-bottom:2em;
| |
| − | text-align: justify;
| |
| − | }
| |
| − | #description a{
| |
| − | font-family:oblique;
| |
| − | }
| |
| − | #description .zoom {
| |
| − | display:inline-block;
| |
| − | }
| |
| − | #description .zoom:after {
| |
| − | content:'';display:block;position:absolute;top:0;right:0;
| |
| − | }
| |
| − | #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: 'Montserrat', sans-serif;
| |
| − | margin-bottom: 1.5em;
| |
| − | line-height: 1.5em;
| |
| − | font-weight: 400;
| |
| − | text-align: justify
| |
| − | }
| |
| − |
| |
| − | #newstyle p {
| |
| − | font-size: 1.225em;
| |
| − | margin-bottom: 1.500em;
| |
| − | line-height: 1.6em;
| |
| − | font-weight: 400;
| |
| − | text-align:justify;
| |
| − | font-family: 'Montserrat', sans-serif;
| |
| − |
| |
| − | }
| |
| − | .nav hr {
| |
| − | background-color: #324b5a;
| |
| − | border: 0 none;
| |
| − | height: 12px;
| |
| − | 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: 'Montserrat', sans-serif;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #cd-timeline h2{
| |
| − | font-size: 1.225em;
| |
| − | margin-bottom: 1.500em;
| |
| − | line-height: 1.6em;
| |
| − | font-weight: 600i;
| |
| − | text-align:justify;
| |
| − | font-family: 'Montserrat', sans-serif;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .span{
| |
| − | font-size: 1.2em;
| |
| − | font-weight: 400;
| |
| − | text-align:justify;
| |
| − | font-family: 'Montserrat', sans-serif;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | </head>
| |
| − |
| |
| − |
| |
| − | <body>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="page">
| |
| − | <div id="gotop" name="gotop">
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div id="page" class="hfeed site">
| |
| − |
| |
| − |
| |
| − | <div id="primary" class="content-area">
| |
| − | <main id="main" class="about-main" role="main">
| |
| − | <article id="description">
| |
| − | <h1>Part Colloection</h1>
| |
| − | <hr />
| |
| − |
| |
| − | </article>
| |
| − |
| |
| − | </main>
| |
| − |
| |
| − | </div><!-- #primary -->
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div id="newstyle" class="demo-2">
| |
| − | <div class="container">
| |
| − |
| |
| − |
| |
| − | <section class="main">
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <h2>Helping TUST prepare for their first year of competition.</h2>
| |
| − | <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>
| |
| − | <div id="middle" name="middle">
| |
| − | <h3>2017.08.01</h3>
| |
| − | <p>In 2017.08.01, TUST and Tianjin held a meeting together, during the meeting, TUST gave an account of their recent progress, we suggested them to add some new synthetic routes and elements, and probably new strain instead of simply Xylinus for fibrin.</p>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div id="two" name="two">
| |
| − | <h3>Later on</h3>
| |
| − | <p>Later on, TUST came again with their modeling problem, we gave them suggestion that we can share the Fluorescence method and modeling method with them, design Fluorescence experience and modeling together since it’s their first year competition.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="carousel photo-frame" >
| |
| − | <ul class="list">
| |
| − | <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>
| |
| − | <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>
| |
| − | <li><img src="https://static.igem.org/mediawiki/2017/c/ca/20171003132121.jpg"/></li>
| |
| − | <li><img src="https://static.igem.org/mediawiki/2017/5/53/20171003132127.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>
| |
| − |
| |
| − |
| |
| − | <h2>Helping NKU with their plasmid construction</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 class="carousel photo-frame" >
| |
| − | <ul class="list">
| |
| − | <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>
| |
| − | <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>
| |
| − | <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>
| |
| − | <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>
| |
| − | </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>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <p><a class="ref" href=""></a></p>
| |
| − |
| |
| − | <h2>Test the mini system for OUC</h2>
| |
| − | <p>Mini system is a system composed of a mini promoter (about 100bp) and a mini terminator, and it is applicable for yeast. Because of the similarity of our biological chassis, they reached out to us and wanted us to run some control experiments for them. Using the same protocol and their mini system, we need to transform the system into our Saccharomyces cerevisiae in order to test if the plasmid will still function the same. </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>
| |
| − |
| |
| − |
| |
| − | <h2>Sent a Collaboration Request and construct an alliance to build a worldwide database.</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>2017.08.23</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>
| |
| − | <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>
| |
| − |
| |
| − | <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>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </html>
| |
| − | {{:Team:Tianjin/Templates/footer}}
| |
