|
|
Line 86: |
Line 86: |
| .go .three:hover{background-position:-95px -150px} | | .go .three:hover{background-position:-95px -150px} |
| | | |
− | .go .four{background-position:-8px -190px;height:49px} | + | .go .four{background |
− | .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;
| + | |
− | }
| + | |
− | #title hr {
| + | |
− | background-color: #324b5a;
| + | |
− | border: 0 none;
| + | |
− | height: 12px;
| + | |
− | margin: 1.3em auto;
| + | |
− | width: 63px;
| + | |
− | margin-bottom:1.1em
| + | |
− | }
| + | |
− | #title h1{
| + | |
− | clear: both;
| + | |
− | margin-top: 1.325em;
| + | |
− | margin-bottom: 1.1em;
| + | |
− | line-height: 1.3;
| + | |
− | letter-spacing:0.6px
| + | |
− | text-align:center;
| + | |
− | font-size: 3.5 em;
| + | |
− | font-weight: 400;
| + | |
− | font-family: 'righteous',Verdana,sans-serif;
| + | |
− | text-align:center;
| + | |
− | | + | |
− | }
| + | |
− | #tongyong img{
| + | |
− | text-align:center;
| + | |
− | margin:3rem auto 3rem auto;
| + | |
− | padding-top:1.2rem;
| + | |
− | padding-bottom:1.2rem;
| + | |
− | max-width:90%;
| + | |
− | }
| + | |
− | | + | |
− | #tongyong h3{
| + | |
− | font-size:1.8em;
| + | |
− | font-weight:400;
| + | |
− | color:#355681;
| + | |
− | font-family: 'raleway',Verdana,sans-serif;
| + | |
− | border-bottom:1px solid rgba(53,86,129, 0.3);
| + | |
− | }
| + | |
− | | + | |
− | #tongyong h4{
| + | |
− | font-size:1.725em;
| + | |
− | font-weight:400;
| + | |
− | color:#324b5a;
| + | |
− | margin:0.5em;
| + | |
− | font-family: 'LiberationSerif-Bold',Verdana,sans-serif;
| + | |
− | }
| + | |
− | #tongyong h5{
| + | |
− | font-size:1.5em;
| + | |
− | font-weight:600;
| + | |
− | color:#324b5a;
| + | |
− | margin:0.5em;
| + | |
− | font-family: 'LiberationSerif-Regular',Verdana,sans-serif;
| + | |
− | }
| + | |
− | #tongyong p i{
| + | |
− | font-weight:bold;
| + | |
− | }
| + | |
− | | + | |
− | #tongyong p {
| + | |
− | font-size: 1.325em;
| + | |
− | margin-left:1em;
| + | |
− | margin-right:1em;
| + | |
− | line-height: 1.6em;
| + | |
− | font-weight: 400;
| + | |
− | text-align:justify;
| + | |
− | font-family: 'LiberationSerif-Regular',Verdana,sans-serif;
| + | |
− |
| + | |
− | }
| + | |
− | .content p {
| + | |
− | padding: 10px 15px 4px 10px;
| + | |
− | margin-left: 15px;
| + | |
− | border-left: 10px solid
| + | |
− | }
| + | |
− | | + | |
− | .demo-2 .main h2 {
| + | |
− | margin: 1em 0 0.5em 0;
| + | |
− | font-weight: normal;
| + | |
− | position: relative;
| + | |
− | text-shadow: 0 -1px rgba(0,0,0,0.0);
| + | |
− | font-size: 2em;
| + | |
− | line-height: 40px;
| + | |
− | background: #afcada;
| + | |
− | background: #afcada;
| + | |
− | border: 1px solid #afcada;
| + | |
− | padding: 5px 15px;
| + | |
− | color: white;
| + | |
− | border-radius: 0 10px 0 10px;
| + | |
− | box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
| + | |
− | font-family: 'LiberationSerif-Bold', sans-serif;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | </style>
| + | |
− | | + | |
− | </head>
| + | |
− | | + | |
− | | + | |
− | <body>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <div class="container"></div>
| + | |
− | | + | |
− | | + | |
− | <div id="title">
| + | |
− | <h1>Attributions</h1>
| + | |
− | <hr>
| + | |
− | </div>
| + | |
− | | + | |
− | <div id="tongyong">
| + | |
− | | + | |
− | <div class="demo-2">
| + | |
− | <div class="container">
| + | |
− | | + | |
− | | + | |
− |
| + | |
− | <section class="main">
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <div id="gotop" name="gotop"></div>
| + | |
− | <h2>What We Did in This Summer</h2>
| + | |
− | <p>In this summer, we designed genetic circuits, validated new technology and achieved application of heavy metal enrichment, for the first time on a cell chasis with synthetic genome. </p>
| + | |
− | <p>We started from synthetic yeast to acquire more innovative genetic circuit.</p>
| + | |
− | <p>We utilized the forefront of genome rearrangement technique, SCRaMbLE, to obtain double resistance to copper and cadmium by rapid evolution.</p>
| + | |
− | <p>We upgraded exsisting parts for the purpose of more sensitive biosensor which had a wider response range to copper.</p>
| + | |
− | <p>We employed our genetic circuit to realize biological enrichment of copper and cadmium.</p>
| + | |
− | <p>We successfully modelled bistability, biosensor and biological adsorption.</p>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <h3>Team members</h3>
| + | |
− |
| + | |
− |
| + | |
− | <p><i>Hui Xu</i>, the instructor of our team, He tirelessly and patiently assisted us in project design, experiment operation, wiki construction, human practice,and modeling.</p>
| + | |
− | | + | |
− | <p><i>Mingzhe Han</i>, the student leader of Team Tianjin this year, is in charge of the overall managment, Cu ion's detection, error-prone PCR, and part of verification of Mating Switcher.</p>
| + | |
− | <p><i>Xinyu Chen</i>, is responsible for establishment of mating switcher characterization and also participate in biosensor for Cu Ion's detection experiment.</p>
| + | |
− | <p><i>Xinyue Cao</i>, a primary experimental operator for SCRaMbLE and a designer of flocculation system, is also responsible for the knockout of <i>HMRa</i>. Besides, she is one of the speakers for <i>CCiC</i> meeting and giant jamboree presentation.</p>
| + | |
− | <p><i>Li Sun</i>, one of the members of experiment, is responsible for lab safety. Besides, she also offered help for Human Practice.</p>
| + | |
− | <p><i>Xinru Wang</i>, one of principals for human practice, is also responsible for collecting some data for drawing the pollution map.</p>
| + | |
− | <p><i>Weixian Fu</i>, modeling constructor of Bistable Model, Functional switch Model and Global Cu and Cd Pollution Map,is also partly responsible for experiment operation.</p>
| + | |
− | <p><i>Lingyi Zhou</i>, a successful lab operator, spared time to edit the handbook, drew illustrations and make the cartoon for our wiki.</p>
| + | |
− | <p><i>Manlin Yang</i>, the main art; the designer of team clothes, logo, poster and presentation.</p>
| + | |
− | <p><i>Yushuang Wang</i>, one of the primary experiment operators for SCRaMbLE and a designer of flocculation system, is responsible for part of Wiki writing. Also, she is one of the speakers.</p>
| + | |
− | <p><i>Yangteng Ou</i>, one of the experiment operators for SCRaMbLE and a designer of flocculation parts, is also involved in writing wiki, producing ideas, making videos, and doing the last presentation.</p>
| + | |
− | <p><i>Shiyu Zhang</i>, main principal for experiment operation, is responsible for the verification of mating swicher system.</p>
| + | |
− | <p><i>Wenqing Guo</i>, main principal for designing and constructing the devise of mating type switcher, is also the team photograoher.</p>
| + | |
− | <p><i>Lin Tu</i>, one of the operators for experiment, participated in constructing the HO vector.</p>
| + | |
− | <p><i>Yan Zheng</i>, a experimental operator of both Separation of different irons and HO vector, is also involved in writing Wiki.</p>
| + | |
− | <p><i>Zhou Guo</i>, main principal of experiment in Separation of different irons . </p>
| + | |
− | <p><i>Yangyang Miao</i>, a primary experimental operator and one of designers of Mating Switcher construction, is a multifunctional assistant who likes helping other partners with their experiment. Besides, he is also responsible for modeling in biosensor.</p>
| + | |
− | <p><i>Yixuan Chen</i>, main principal of human practice and partly constructed the project. </p>
| + | |
− | <p><i>Xiaopo Cheng</i>, one of the primary experimental operators for enrichment of heavy metals, is also responsible for modeling.</p>
| + | |
− | <p><i>Gefei Zhang</i>, the wiki designer, is responsible for the design and construction of our wiki.</p>
| + | |
− | <p><i>Zichen Liu</i>, the designer of our wiki, is responsible for the construction of our wiki.</p>
| + | |
− | | + | |
− | | + | |
− | <h3>General Support</h3>
| + | |
− | <p><a href="http://www.tju.edu.cn/english/">Tianjin University</a>, for their support in the competition.</p>
| + | |
− | <p><a href="http://chemeng.tju.edu.cn/en/;jsessionid=464E46A052D5A36E75B4FD6FAED3F76A">School of chemical engineering and technology, Tianjin University</a>, for their support in the competition.</p>
| + | |
− | <p>Our instructor <i><a href="http://chemeng.tju.edu.cn/cn/szdw?type=detail&id=262">Prof. Yingjin Yuan</a></i> and <i><a href="http://chemeng.tju.edu.cn/cn/szdw?type=detail&id=259">Dr. Bingzhi Li</a></i> : tremendous thanks for their constructive suggestions and meticulous guidance to our project.</p>
| + | |
− | | + | |
− | | + | |
− | <h3>Verification of Mating Swicher Support</h3>
| + | |
− | <p><i>Dr. Yi Wu</i>, The builder of synthetic chromosome <i>synX</i> who generously gave us the yeast <i>synX</i> and many useful suggestions to handle all kinds of experiment problems, supporting the iGEM team Tianjin all the time.</p>
| + | |
− | <p><i>Dr. Ruiying Zhu</i>, generously sponsored us with plasmid pRS416 and the E.coli that carries the yEmRFP gene. Also she commented on our thoughts, which helped us establishing the system over and over again.</p>
| + | |
− | <p><i>Dr. Xiaole Wu</i>, generously sponsored us with yEmRFP plasmid.</p>
| + | |
− | <p><i>Dr. Sijie Zhou</i>, instructed us in some key procedures.</p>
| + | |
− | <p><i>Prof. Kun Zhao</i>, gave us permission of using the fluorescence microscope.</p>
| + | |
− | <p><i>Prof. Weiwen Zhang</i>, who gave us permission of using the fluorescence spectrophotometer.<p>
| + | |
− | <p><i>Dr. Tao Sun</i> and <i>Dr. Huaqing Liu</i>, taught us the use of fluorescence spectrophotometer and the fluorescence microscope, as well as kindly gave us suggestions about design and measurement.</p>
| + | |
− | | + | |
− | | + | |
− | <h3>Resistance to Heavy Metals Support</h3>
| + | |
− | <p><i>Yalu Ma</i>, the teacher of inorganic chemistry at the school of science Tianjin University, borrowed us 0.3g of the cadmium ion.</p>
| + | |
− | <p><i>Dr. Sijie Zhou</i>, gave us a lot of help on constructing CRE vector and SCRaMbLE’s method.</p>
| + | |
− | | + | |
− | | + | |
− | <h3>Separation of Different Irons Support</h3>
| + | |
− | <p><i>Jing Chang</i>, a kind teacher who gave us permission of using the Atomic Absorption Spectroscopy for measuring the concentration of copper ion and cadmium. </p>
| + | |
− | | + | |
− | | + | |
− | <h3>Human Practice Support</h3>
| + | |
− | <p><a href="https://www.genscript.com/">Genscript</a> sponsors us 40000 CNY</p>
| + | |
− | <p><a href="https://www.enzyme.com/">Enzyme</a> sponsors us 5000CNY and some biology reagent which costs 10000 CNY</p>
| + | |
− | <p><a href="http://www.generalbiol.com/">General Biology</a> sponsors us 15000 CNY</p>
| + | |
− | <p><a href="http://www.ameritechsc.com.cn/">Ameritech</a> sponsors us 6000 CNY</p>
| + | |
− | <p><a href="https://www.genewiz.com.cn/">Genewiz</a> sponsors us 10000 CNY</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>
| + | |
− | | + | |
− |
| + | |
− | | + | |
− |
| + | |
− | | + | |
− | | + | |
− |
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <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}}
| + | |