Difference between revisions of "Team:Fudan-TSI/Attributions"

m
m
 
(18 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Fudan-TSI}}<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
+
{{Fudan-TSI}}<!-- jquery loaded by HQ 1.12.4 -->
−
<html lang="en">
+
<html></p></div></div></div><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="UTF-8">
−
<!--
+
  <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&action=raw&ctype=text/css">
−
This html document is created by Tian Huang for Team Fudan iGEM 2018.
+
  <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-font-awesome.css&action=raw&ctype=text/css" />
−
We make it compatible on laptop and mobile devices by using Materialize 1.0.0-rc.2.
+
  <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-css.css&action=raw&ctype=text/css" />
−
-->
+
<style>
−
<!-- LC check on 2018-10-18 -->
+
/*****************************************************************************/
−
<head>
+
/* DEFAULT WIKI SETTINGS */
−
    <meta charset="UTF-8">
+
/*****************************************************************************/
 +
  #home_logo, #sideMenu { display:none; }
 +
  #sideMenu, #top_title, .patrollink { display:none; }
 +
  #content { margin-left: 0; padding:0px; width:100%;}
 +
  .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important; }
 +
/* css clean * */
 +
  #FudanTSIBody li { list-style: none; }
 +
    </style>
 +
    <title>Attributions | 2019 iGEM Team:Fudan-TSI</title>
 +
</head>
 +
<body>
 +
<div id="FudanTSIdivWrapper"><div id="FudanTSIBody">
 +
  <header>
 +
  <div id="emptyBar" style="position:relative;width: 100%;"></div><nav id="topNav" class="black z-depth-0_5"><div class="nav-wrapper"><div id="teamLogo" class="brand-logo"> <a href="/Team:Fudan-TSI" target="_self"><img alt="2019 team logo" src="https://static.igem.org/mediawiki/2019/d/d3/T--Fudan-TSI--HomepageLogo.gif"></a></div><ul id="nav-mobile" class="right">
 +
    <li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown1">Project</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown2">Results</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown3">Model</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown4">Parts</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown5">Human&nbsp;practices</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown6">Team</a></li>
 +
    <li class="hide-on-med-and-down"><a href="/Team:Fudan-TSI/Judging">Judging</a></li>
 +
    <li> <a id="navList" data-target="slide-out" class="waves-effect waves-light sidenav-trigger right"> <i class="fa fa-navicon" style="font-size: 24px"></i> </a></li></ul></div> </nav>
 +
  <!-- Dropdown and List elements in navigation bar -->
 +
  <ul id="dropdown1" class="dropdown-content">
 +
      <li><a href="/Team:Fudan-TSI/Description">Background</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Design">Design</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Applied_Design">Applied&nbsp;design</a></li>
 +
  </ul>
 +
  <ul id="dropdown2" class="dropdown-content">
 +
      <li><a href="/Team:Fudan-TSI/Demonstrate#ReverseTranscription">Reverse&nbsp;transcription</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Demonstrate#Recombination">Recombination</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li>
 +
  </ul>
 +
  <ul id="dropdown3" class="dropdown-content">
 +
      <li><a href="/Team:Fudan-TSI/Model">Modeling</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Software">Software</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li>
 +
  </ul>
 +
  <ul id="dropdown4" class="dropdown-content">
 +
      <li><a href="/Team:Fudan-TSI/Basic_Part">Basic&nbsp;parts</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Composite_Part">Composite&nbsp;parts</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Improve">Part&nbsp;improvement</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Part_Collection">Part&nbsp;collection</a></li>
 +
  </ul>
 +
  <ul id="dropdown5" class="dropdown-content">
 +
      <li><a href="/Team:Fudan-TSI/Public_Engagement">Public&nbsp;engagement</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Human_Practices#IntegratedHumanPractice">Integrated&nbsp;HP</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Safety">Safety</a></li>
 +
  </ul>
 +
  <ul id="dropdown6" class="dropdown-content">
 +
      <li><a href="/Team:Fudan-TSI/Team">Members</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Team#Acknowledge">Acknowledge</a></li>
 +
      <li><a href="/Team:Fudan-TSI/Heritage">Heritage</a></li>
 +
  </ul>
  
−
    <!-- CSS -->
 
−
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-css.css&action=raw&ctype=text/css" />
 
  
−
    <!-- Font-awesome icons 4.7.0 -->
+
  <ul id="slide-out" class="sidenav">
−
     <link href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-font-awesome.css&action=raw&ctype=text/css" rel="stylesheet" />
+
    <li style="padding: 0"><div class="sidenavBanner">
 +
      <div class="background"></div>
 +
      <p class="flow-text" style="width:100%;text-align:center"><span class="white-text">Attributions</span></p>
 +
     </div></li>
 +
    <li>
 +
      <ul class="collapsible expandable">
 +
        <li><span class="pageSidebar">Team: Fudan-TSI</span></li><li><div class="collapsible-header"><span class="pageSidebar">Project</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Description">Background</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Design">Design</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Experiments">Experiments</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Applied_Design">Applied design</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Judging">Judging</a></li></ul></div></li><li><div class="collapsible-header"><span class="pageSidebar">Results</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Demonstrate#ReverseTranscription">Reverse transcription</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Demonstrate#Recombination">Recombination</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Measurement">Measurement</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Notebook">Notebook</a></li></ul></div></li><li><div class="collapsible-header"><span class="pageSidebar">Model</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Model">Modeling</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Software">Software</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Hardware">Hardware</a></li></ul></div></li><li><div class="collapsible-header"><span class="pageSidebar">Parts</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Improve">Part improvement</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li></ul></div></li><li><div class="collapsible-header"><span class="pageSidebar">Human practices</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Public_Engagement">Public engagement</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Human_Practices#IntegratedHumanPractice">Integrated HP</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Safety">Safety</a></li></ul></div></li><li><div class="collapsible-header active"><span class="pageSidebar">Team</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Team">Members</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Attributions">Attributions</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Heritage">Heritage</a></li></ul></div></li>
 +
      </ul><!-- .expandable -->
 +
    </li>
 +
    <li><div class="placeHolder"></div></li>
 +
  </ul>
 +
  </header>
  
−
    <!-- Materialize 1.0.0-rc.2 (Material Design like) -->
+
  <div id="pageContent">
−
    <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&action=raw&ctype=text/css">
+
      <div id="contentBanner" class="figureBanner">
 +
          <div class="row">
 +
              <div class="col s12 hide-on-med-and-up">
 +
                  <h1><br/>Attributions</h1>
 +
              </div>
 +
          </div>
 +
          <div class="hide-on-small-only">
 +
<style>
 +
#demo {width:100%;height:100%;position:relative;z-index:-100;}
 +
#demo svg {width:100%;height:100%;position:fixed;}
 +
#demo svg g {mix-blend-mode:lighten;}
 +
#demo svg polygon {stroke:none;fill:white;}
 +
</style>
 +
<div id="pageCover">
 +
  <svg id="demo" viewBox="0 0 1600 600" preserveAspectRatio="xMidYMid slice">
 +
        <defs>
 +
        <linearGradient id="grad1" x1="0" y1="0" x2="1" y2="0" color-interpolation="sRGB">
 +
          <stop id="stop1a" offset="0%" stop-color="#12a3b4"></stop>
 +
          <stop id="stop1b" offset="100%" stop-color="#ff509e"></stop>
 +
        </linearGradient>
 +
        <linearGradient id="grad2" x1="0" y1="0" x2="1" y2="0" color-interpolation="sRGB">
 +
          <stop id="stop2a" offset="0%" stop-color="#e3bc13"></stop>
 +
          <stop id="stop2b" offset="100%" stop-color="#00a78f"></stop>
 +
        </linearGradient>
 +
        </defs>
 +
        <rect id="rect1" x="0" y="0" width="1600" height="600" stroke="none" fill="url(#grad1)"></rect>
 +
        <rect id="rect2" x="0" y="0" width="1600" height="600" stroke="none" fill="url(#grad2)"></rect>
 +
  </svg>
 +
</div><!-- #pageCover -->
 +
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/bkg&action=raw&ctype=text/javascript"></script>
 +
        <script>
 +
      //////////////////////////////
 +
      // Demo Functions
 +
      //////////////////////////////
 +
      function bkgFunction(showStats) {
 +
        // stats
 +
        if (showStats) {
 +
        var stats = new Stats();
 +
        stats.domElement.style.position = 'absolute';
 +
        stats.domElement.style.left = '0';
 +
        stats.domElement.style.top = '0';
 +
        document.body.appendChild(stats.domElement);
 +
        requestAnimationFrame(function updateStats(){
 +
          stats.update();
 +
          requestAnimationFrame(updateStats);
 +
        });
 +
        }
 +
        // init
 +
        var svg = document.getElementById('demo');
 +
        tesselation.setup(svg);
 +
        gradients.setup();
 +
        var lastTransitionAt, transitionDelay = 10000, transitionDuration = 3000;
 +
        function playNextTransition() {
 +
        tesselation.next(transitionDuration);
 +
        gradients.next(transitionDuration);
 +
        };
 +
        function tick(time) {
 +
        if (!lastTransitionAt || time - lastTransitionAt > transitionDelay) {
 +
          lastTransitionAt = time;
 +
          playNextTransition();
 +
        }
 +
        window.requestAnimationFrame(tick);
 +
        }
 +
        window.requestAnimationFrame(tick);
 +
      }
 +
      //////////////////////////////
 +
      // Delaunay Triangulation
 +
      //////////////////////////////
 +
      var calcDelaunayTriangulation = (function() {
 +
        var EPSILON = 1.0 / 1048576.0;
 +
        function getSuperT(vertices) {
 +
        var xMin = Number.POSITIVE_INFINITY, yMin = Number.POSITIVE_INFINITY,
 +
          xMax = Number.NEGATIVE_INFINITY, yMax = Number.NEGATIVE_INFINITY,
 +
          i, xDiff, yDiff, maxDiff, xCenter, yCenter;
 +
        for(i = vertices.length; i--; ) {
 +
          if(vertices[i][0] < xMin) xMin = vertices[i][0];
 +
          if(vertices[i][0] > xMax) xMax = vertices[i][0];
 +
          if(vertices[i][1] < yMin) yMin = vertices[i][1];
 +
          if(vertices[i][1] > yMax) yMax = vertices[i][1];
 +
        }
 +
        xDiff = xMax - xMin;
 +
        yDiff = yMax - yMin;
 +
        maxDiff = Math.max(xDiff, yDiff);
 +
        xCenter = xMin + xDiff * 0.5;
 +
        yCenter = yMin + yDiff * 0.5;
 +
        return [
 +
          [xCenter - 20 * maxDiff, yCenter - maxDiff],
 +
          [xCenter, yCenter + 20 * maxDiff],
 +
          [xCenter + 20 * maxDiff, yCenter - maxDiff]
 +
        ];
 +
        }
 +
        function circumcircle(vertices, i, j, k) {
 +
        var xI = vertices[i][0], yI = vertices[i][1],
 +
          xJ = vertices[j][0], yJ = vertices[j][1],
 +
          xK = vertices[k][0], yK = vertices[k][1],
 +
          yDiffIJ = Math.abs(yI - yJ), yDiffJK = Math.abs(yJ - yK),
 +
          xCenter, yCenter, m1, m2, xMidIJ, xMidJK, yMidIJ, yMidJK, xDiff, yDiff;
 +
        // bail condition
 +
        if(yDiffIJ < EPSILON){
 +
          if (yDiffJK < EPSILON){
 +
            throw new Error("Can't get circumcircle since all 3 points are y-aligned");
 +
          }
 +
        }
  
−
    <!-- Clear default CSS settings; CSS reset -->
 
−
    <style>
 
−
        *{margin: 0;padding: 0;list-style: none;}
 
−
        /* via: https://blog.csdn.net/weixin_41014370/article/details/79523637 */
 
  
−
         /** 清除内外边距 **/
+
         // calc circumcircle center x/y, radius
−
         body, h1, h3, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
+
         m1  = -((xJ - xI) / (yJ - yI));
−
         dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
+
        m2  = -((xK - xJ) / (yK - yJ));
−
         pre, /* text formatting elements 文本格式元素 */
+
         xMidIJ = (xI + xJ) / 2.0;
−
         form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
+
        xMidJK = (xJ + xK) / 2.0;
−
         th, td /* table elements 表格元素 */ {
+
         yMidIJ = (yI + yJ) / 2.0;
−
            margin: 0;
+
         yMidJK = (yJ + yK) / 2.0;
−
            padding: 0;
+
        xCenter = (yDiffIJ < EPSILON) ? xMidIJ :
 +
          (yDiffJK < EPSILON) ? xMidJK :
 +
          (m1 * xMidIJ - m2 * xMidJK + yMidJK - yMidIJ) / (m1 - m2);
 +
         yCenter  = (yDiffIJ > yDiffJK) ?
 +
          m1 * (xCenter - xMidIJ) + yMidIJ :
 +
          m2 * (xCenter - xMidJK) + yMidJK;
 +
        xDiff = xJ - xCenter;
 +
        yDiff = yJ - yCenter;
 +
        // return
 +
        return {i: i, j: j, k: k, x: xCenter, y: yCenter, r: xDiff * xDiff + yDiff * yDiff};
 
         }
 
         }
 +
        function dedupeEdges(edges) {
 +
        var i, j, a, b, m, n;
 +
        for(j = edges.length; j; ) {
 +
          b = edges[--j]; a = edges[--j];
 +
          for(i = j; i; ) {
 +
          n = edges[--i]; m = edges[--i];
 +
          if(a === m){
 +
            if (b===n){
 +
              edges.splice(j, 2); edges.splice(i, 2);
 +
              break;
 +
            }
 +
          }
 +
          if(a === n){
 +
            if (b===m){
 +
              edges.splice(j, 2); edges.splice(i, 2);
 +
              break;
 +
            }
 +
          }
 +
          }
 +
        }
 +
        }
 +
        return function(vertices) {
 +
        var n = vertices.length,
 +
          i, j, indices, st, candidates, locked, edges, dx, dy, a, b, c;
 +
        // bail if too few / too many verts
 +
        if(n < 3 || n > 2000)
 +
          return [];
 +
        // copy verts and sort indices by x-position
 +
        vertices = vertices.slice(0);
 +
        indices = new Array(n);
 +
        for(i = n; i--; )
 +
          indices[i] = i;
 +
        indices.sort(function(i, j) {
 +
          return vertices[j][0] - vertices[i][0];
 +
        });
 +
        // supertriangle
 +
        st = getSuperT(vertices);
 +
        vertices.push(st[0], st[1], st[2]);
 +
        // init candidates/locked tris list
 +
        candidates = [circumcircle(vertices, n + 0, n + 1, n + 2)];
 +
        locked = [];
 +
        edges = [];
 +
        // scan left to right
 +
        for(i = indices.length; i--; edges.length = 0) {
 +
          c = indices[i];
 +
          // check candidates tris against point
 +
          for(j = candidates.length; j--; ) {
 +
          // lock tri if point to right of circumcirc
 +
          dx = vertices[c][0] - candidates[j].x;
 +
          if (dx > 0.0){
 +
            if(dx * dx > candidates[j].r){
 +
              locked.push(candidates[j]);
 +
            candidates.splice(j, 1);
 +
            continue;
 +
            }
 +
          }
  
−
        /** 设置默认字体 **/
 
  
−
        h1, h3, h3, h4, h5, h6 { font-size: 100%; }
+
          // point outside circumcirc = leave candidates
−
        address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
+
          dy = vertices[c][1] - candidates[j].y;
−
        code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
+
          if(dx * dx + dy * dy - candidates[j].r > EPSILON)
−
         small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
+
            continue;
 +
          // point inside circumcirc = break apart, save edges
 +
          edges.push(
 +
            candidates[j].i, candidates[j].j,
 +
            candidates[j].j, candidates[j].k,
 +
            candidates[j].k, candidates[j].i
 +
          );
 +
          candidates.splice(j, 1);
 +
          }
 +
          // new candidates from broken edges
 +
          dedupeEdges(edges);
 +
          for(j = edges.length; j; ) {
 +
          b = edges[--j];
 +
          a = edges[--j];
 +
          candidates.push(circumcircle(vertices, a, b, c));
 +
          }
 +
        }
 +
        // close candidates tris, remove tris touching supertri verts
 +
         for(i = candidates.length; i--; )
 +
          locked.push(candidates[i]);
 +
        candidates.length = 0;
 +
        for(i = locked.length; i--; )
 +
          if(locked[i].i < n){
 +
            if(locked[i].j < n){
 +
              if(locked[i].k < n){
 +
                candidates.push(locked[i].i, locked[i].j, locked[i].k);
 +
              }
 +
            }
 +
          }
  
−
        /** 重置列表元素 **/
 
−
        ul, ol { list-style: none; }
 
  
−
         /** 重置文本格式元素 **/
+
         // done
−
         a { text-decoration: none; }
+
        return candidates;
−
         a:hover { text-decoration: underline; }
+
        };
 +
      })();
 +
      var tesselation = (function() {
 +
        var svg, svgW, svgH, prevGroup;
 +
        function createRandomTesselation() {
 +
        var wW = window.innerWidth;
 +
        var wH = window.innerHeight;
 +
        var gridSpacing = 250, scatterAmount = 0.75;
 +
        var gridSize, i, x, y;
 +
        if (wW / wH > svgW / svgH) { // window wider than svg = use width for gridSize
 +
          gridSize = gridSpacing * svgW / wW;
 +
        } else { // window taller than svg = use height for gridSize
 +
          gridSize = gridSpacing * svgH / wH;
 +
        }
 +
        var vertices = [];
 +
        var xOffset = (svgW % gridSize) / 2, yOffset = (svgH % gridSize) / 2;
 +
        for (x = Math.floor(svgW/gridSize) + 1; x >= -1; x--) {
 +
          for (y = Math.floor(svgH/gridSize) + 1; y >= -1; y--) {
 +
          vertices.push(
 +
            [
 +
            xOffset + gridSize * (x + scatterAmount * (Math.random() - 0.5)),
 +
            yOffset + gridSize * (y + scatterAmount * (Math.random() - 0.5))
 +
            ]
 +
          );
 +
          }
 +
        }
 +
        var triangles = calcDelaunayTriangulation(vertices);
 +
        var group = document.createElementNS('http://www.w3.org/2000/svg','g');
 +
         var polygon;
 +
        for(i = triangles.length; i; ) {
 +
          polygon = document.createElementNS('http://www.w3.org/2000/svg','polygon');
 +
          polygon.setAttribute('points',
 +
          vertices[triangles[--i]][0] + ',' + vertices[triangles[i]][1] + ' ' +
 +
          vertices[triangles[--i]][0] + ',' + vertices[triangles[i]][1] + ' ' +
 +
          vertices[triangles[--i]][0] + ',' + vertices[triangles[i]][1]
 +
          );
 +
          group.appendChild(polygon);
 +
        }
 +
        return group;
 +
        }
 +
        return {
 +
        setup: function(svgElement) {
 +
          svg = svgElement;
 +
          var vb = svg.getAttribute('viewBox').split(/\D/g);
 +
          svgW = vb[2];
 +
          svgH = vb[3];
 +
        },
 +
         next: function(t) {
 +
          var toRemove, i, n;
 +
          t /= 1000;
 +
          if(prevGroup){
 +
            if(prevGroup.children){
 +
              if(prevGroup.children.length){
 +
                toRemove = prevGroup;
 +
                n = toRemove.children.length;
 +
                for (i = n; i--; ) {
 +
                  TweenMax.to(toRemove.children[i], t*0.4, {opacity: 0, delay: t*(0.3*i/n)});
 +
                }
 +
                TweenMax.delayedCall(t * (0.7 + 0.05), function(group) { svg.removeChild(group); }, [toRemove], this);
 +
              }
 +
            }
 +
          }
  
 +
          var g = createRandomTesselation();
 +
          n = g.children.length;
 +
          for (i = n; i--; ) {
 +
          TweenMax.fromTo(g.children[i], t*0.4, {opacity: 0}, {opacity: 0.3 + 0.25 * Math.random(), delay: t*(0.3*i/n + 0.3), ease: Back.easeOut});
 +
          }
 +
          svg.appendChild(g);
 +
          prevGroup = g;
 +
        }
 +
        }
 +
      })();
 +
      //////////////////////////////
 +
      // Gradients
 +
      //////////////////////////////
 +
      var gradients = (function() {
 +
        var grad1, grad2, showingGrad1;
 +
        // using colors from IBM Design Colors this time
 +
        var colors = [ // 14 colors - use 3-5 span
 +
        '#3c6df0', // ultramarine50
 +
        '#12a3b4', // aqua40
 +
        '#00a78f', // teal40
 +
        '#00aa5e', // green40
 +
        '#81b532', // lime30
 +
        '#e3bc13', // yellow20
 +
        '#ffb000', // gold20
 +
        '#fe8500', // orange30
 +
        '#fe6100', // peach40
 +
        '#e62325', // red50
 +
        '#dc267f', // magenta50
 +
        '#c22dd5', // purple50
 +
        '#9753e1', // violet50
 +
        '#5a3ec8'  // indigo60
 +
        ];
 +
        function assignRandomColors(gradObj) {
 +
        var rA = Math.floor(colors.length * Math.random());
 +
        var rB = Math.floor(Math.random() * 3) + 3; // [3 - 5]
 +
        rB = (rA + (rB * (Math.random() < 0.5 ? -1 : 1)) + colors.length) % colors.length;
 +
        gradObj.stopA.setAttribute('stop-color', colors[rA]);
 +
        gradObj.stopB.setAttribute('stop-color', colors[rB]);
 +
        }
 +
        return {
 +
        setup: function() {
 +
          showingGrad1 = false;
 +
          grad1 = {
 +
          stopA: document.getElementById('stop1a'),
 +
          stopB: document.getElementById('stop1b'),
 +
          rect:  document.getElementById('rect1')
 +
          };
 +
          grad2 = {
 +
          stopA: document.getElementById('stop2a'),
 +
          stopB: document.getElementById('stop2b'),
 +
          rect:  document.getElementById('rect2')
 +
          };
 +
          grad1.rect.style.opacity = 0;
 +
          grad2.rect.style.opacity = 0;
 +
        },
 +
        next: function(t) {
 +
          t /= 1000;
 +
          var show, hide;
 +
          if (showingGrad1) {
 +
          hide = grad1;
 +
          show = grad2;
 +
          } else {
 +
          hide = grad2;
 +
          show = grad1;
 +
          }
 +
          showingGrad1 = !showingGrad1;
 +
          TweenMax.to(hide.rect, 0.55*t, {opacity: 0, delay: 0.2*t, ease: Sine.easeOut});
 +
          assignRandomColors(show);
 +
          TweenMax.to(show.rect, 0.65*t, {opacity: 1, ease: Sine.easeIn});
 +
        }
 +
        };
 +
      })();
 +
      //////////////////////////////
 +
      // Start
 +
      //////////////////////////////
 +
      bkgFunction();
 +
    </script>
 +
              <div style="position:absolute;top:100px;left:9%"><center><img style="height:120px;width:auto" alt="cover attributions" src="https://static.igem.org/mediawiki/2019/2/28/T--Fudan-TSI--coverAttribution.gif" /></center></div>
 +
          </div>
 +
      </div>
  
−
        /** 重置表单元素 **/
+
<!--////////////////////////////////////////////////////
−
        legend { color: #000; } /* for ie6 */
+
      do not edit above, if must BE CAREFUL
−
        fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
+
  //////////////////////////////////////////////////////-->
−
        button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
+
      <div class="container">
−
        /* 注：optgroup 无法扶正 */
+
          <!-- side navigator of page content -->
 +
          <!-- main content of the page -->
 +
          <main style="margin:0"><article>
  
−
         /** 重置表格元素 **/
+
<div class="section container">
−
         table { border-collapse: collapse; border-spacing: 0; }
+
  <div class="tableHolder">
 +
    <table>
 +
    <tr>
 +
         <th>Members</th>
 +
        <th>Project Design</th>
 +
         <th>Experiment</th>
 +
        <th>Human Practice</th>
 +
        <th>Model</th>
 +
        <th>Software</th>
 +
        <th>Hardware</th>
 +
        <th>Art Design</th>
 +
        <th>Wiki construction</th>
 +
    </tr>
 +
    <tr>
 +
        <td>Chuyue&nbsp;Zhang</td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
    </tr>
 +
    <tr>
 +
        <td>Yuchang&nbsp;Li</td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
    </tr>
 +
    <tr>
 +
        <td>Zixuan&nbsp;Zhang</td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
    </tr>
 +
    <tr>
 +
        <td>Yi&nbsp;Qiao</td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
    </tr>
 +
    <tr>
 +
        <td>Yuchao&nbsp;Huang</td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
    </tr>
 +
    <tr>
 +
        <td>Xidan&nbsp;Miao</td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
    </tr>
 +
    <tr>
 +
        <td>Yichen&nbsp;Liu</td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
    </tr>
 +
    <tr>
 +
        <td>Xidan&nbsp;Miao</td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td></td>
 +
        <td><b>&#8730;</b></td>
 +
    </tr>
 +
    </table>
 +
    <p><b>&#8730;</b>: involved, no matter the contribution is large or small</p>
 +
  </div>
  
−
    </style>
+
  <h2>Project design <a href="/Team:Fudan-TSI/Design">&raquo;</a></h2>
−
    <title>2019 Team:Fudan -Attributions</title>
+
  <p class="flow-text">In <a href="/Team:Fudan-TSI/Description">our brainstorm session</a> in December 2018, Chuyue Zhang, through literal reading and practice, came up with the basic draft of the sequence-specific <i>in vivo</i> mutagenesis system utilizing reverse transcriptase. Zixuan Zhang and our advisor Rongrong Du offered lots of suggestions and help. In our brainstorming sessions, everyone in the team contributed to improve the project.</p>
−
</head>
+
  <p class="flow-text">Prof. Liang Cai, secondary PI of our iGEM team, gave us general advice in all the aspects of our project, especially on how to make our system work better. He paid close attention to our project at every stage and offered his guidance whenever a problem was encountered.</p>
 +
  <p class="flow-text">rof. Jinzhong Lin, Prof. Hong Lv and Prof. Yongming Wang, from School of Life Sciences of Fudan University, gave us much advice on specific problems we met in the process of experiment, such as how to deal with the leakage of Cre recombinase in Cre/LoxP system, how to increase the mutation rate of reverse transcriptase and so on. They also contributed their ideas on our project's possible applications.</p>
 +
  <p class="flow-text">Prof. Alper, PI from McKetta Department of Chemical Engineering from the University of Texas at Austin, helped us improve our project design and gave us some constructive advice.</p>
  
−
<body>
+
  <h2>Experiments <a href="/Team:Fudan-TSI/Demonstrate">&raquo;</a></h2>
−
<!-- Fudan div at igem.org -->
+
  <p class="flow-text">Chuyue Zhang took on the responsibility to manage and monitor the whole experimental group. She herself finished the construction and verification of reverse transcriptase parts. Yuchang Li was responsible for the construction and verification of the Cre/LoxP system. Fluorescent measurement was conducted by Xidan Miao. Yi Qiao was our major contributor in molecular cloning. Yichen Liu in company with Yi Qiao constructed our improved parts and measured them. Jingyu Cao also helped in molecular cloning. All the people mentioned above together finished molecular cloning. Zixuan Zhang helped us verify our experimental design.</p>
−
<div id="FudanWrapper" class="white">
+
  <p class="flow-text">Prof. Liang Cai let us work in his laboratory and provided us all the reagents and equipment we needed.</p>
−
    <div id="FudanBody" class="white orangeBg">
+
  <p class="flow-text">Prof. Daru Lu, the primary PI of our iGEM team, secured the primary funding for the team so that we got resources and consumables.</p>
−
        <header>
+
−
            <!-- empty bar -->
+
−
            <div id="emptyBar" style="position:relative;width: 100%;"></div>
+
  
−
            <!-- Navigation bar -->
+
  <h2>Human practice <a href="/Team:Fudan-TSI/Human_Practices">&raquo;</a></h2>
−
            <!-- Dropdown and List elements in navigation bar -->
+
  <p class="flow-text">Yichen Liu organized most of our integrated human practice activities including communications with professors and interviews with biotech companies. Yuchang Li helped him contact professors and summarized feedback integration. Xidan Miao was in charge of our public engagement and education human practice. The events she designed and held helped arouse interest in iGEM and synthetic biology. Yichen Liu also made a contribution by designing the rules of our board game. All the art design work needed in human practice was finished by Zixuan Zhang.</p>
−
            <!-- Slide-out navigator contents -->
+
  <p class="flow-text">Miss Dorothy Zhang, Asia Ambassador, gave us lots of instructions and suggestions on how to do HP work and shared her experience of working for former iGEM competitions. We extend our sincere appreciation to Miss Zhang for her helpful sharing!</p>
−
        </header>
+
  <p class="flow-text">Chen Wang, from Software School of Fudan University, helped us make a crawler program used to collect the data we need from the iGEM website.</p>
 +
  <p class="flow-text">Bozitao Zhong, our team's mentor, offered us ideas on how to conduct human practice and gave us advice on iGEM competition based on his experience.</p>
  
−
        <div id="pageContent" style="">
+
  <h2>Model <a href="/Team:Fudan-TSI/Model">&raquo;</a></h2>
 +
  <p class="flow-text">Yuchao Huang took on the responsibility for modeling all by himself.</p>
 +
  <p class="flow-text">Yiheng Wang, from the 2017 iGEM team Fudan, gave us guidance on modeling.</p>
 +
  <p class="flow-text">Prof. Jinzhong Lin and Prof. Qiang Huang, from School of Life Science of FDU, gave us many constructive suggestions in terms of enzyme kinetics.</p>
  
 +
  <h2>Software <a href="/Team:Fudan-TSI/Software">&raquo;</a></h2>
 +
  <p class="flow-text">Yuchao Huang wrote the python program for tRNA primer designing all by himself. </p>
 +
  <p class="flow-text">Prof. Liang Cai converted the python into javascript for running online.</p>
  
−
            <div id="contentBanner" class="figureBanner orangeBg">
+
  <h2>Hardware <a href="/Team:Fudan-TSI/Hardware">&raquo;</a></h2>
−
                <div class="row">
+
  <p class="flow-text">Prof. Liang Cai provided the idea and equipment for us.</p>
−
                    <div class="col s12 hide-on-med-and-up">
+
  <p class="flow-text">Yuchao Huang optimized the original program and did the equipment test with Yuchang Li together.</p>
−
                        <h1>Attributions</h1>
+
−
                    </div>
+
−
                    <div class="col s12 hide-on-med-and-up">
+
−
                        <span>Unity is strength... when there is teamwork and collaboration, wonderful things can be achieved.</span>
+
−
                    </div>
+
−
                </div>
+
−
                <div id="figureBannerTitle" class="hide-on-small-only">
+
−
                    <h1>Attributions</h1>
+
−
                    <p><span>Unity is strength... when there is teamwork and collaboration, wonderful things can be achieved.</span></p>
+
−
                </div>
+
−
                <div class="hide-on-small-only">
+
−
                    <img alt="2018 team Fudan title attributions" src="https://static.igem.org/mediawiki/2018/5/5f/T--Fudan--title_attri.jpg">
+
−
                    <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" style="position:absolute; left:0;top:0; width: 4%;height: 100%;">
+
−
                        <defs>
+
−
                            <linearGradient y2="0%" x2="100%" y1="0%" x1="0%" id="blackgraleft">
+
−
                                <stop stop-color="rgb(0,0,0)" stop-opacity="1" offset="0%"/>
+
−
                                <stop stop-color="rgb(0,0,0)" stop-opacity="0" offset="100%"/>
+
−
                            </linearGradient>
+
−
                        </defs>
+
−
                        <g>
+
−
                            <rect id="svg_1" fill="url(#blackgraleft)" height="100%" width="100%"/>
+
−
                        </g>
+
−
                    </svg>
+
−
                    <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" style="position:absolute; right:0;top:0; width: 4%;height: 100%;">
+
−
                        <defs>
+
−
                            <linearGradient y2="0%" x2="100%" y1="0%" x1="0%" id="blackgraright">
+
−
                                <stop stop-color="rgb(0,0,0)" stop-opacity="0" offset="0%"/>
+
−
                                <stop stop-color="rgb(0,0,0)" stop-opacity="1" offset="100%"/>
+
−
                            </linearGradient>
+
−
                        </defs>
+
−
                        <g>
+
−
                            <rect id="svg_2" fill="url(#blackgraright)" height="100%" width="100%"/>
+
−
                        </g>
+
−
                    </svg>
+
−
                </div>
+
−
            </div>
+
  
−
            <!-- main content of the page -->
+
  <h2>Art design</h2>
−
            <div class="container">
+
  <p class="flow-text">Zixuan Zhang act as our sole art designer. She made the animation that introduces the principle of our system and designed team logo, slides, and posters for us to present our project. In addition, she designed our team uniforms and mascots for us, everyone.</p>
−
                <!-- side navigator of page content -->
+
−
                <main style="margin: 0;">
+
−
                    <div class="section container">
+
−
                        <h2>Project design</h2>
+
−
                        <p>
+
−
                            Zijie Yang and Dr. Cai, through discussions, came up with the first draft of <a href="/Team:Fudan-TSI/Results" target="_blank">3-layer</a> transmembrane logic gates with mutual effort, Ziyan Yu, through literal reading, designed the experiments to <a href="/Team:Fudan-TSI/Optimization" target="_blank">optimize</a> <a href="/Team:Fudan-TSI/Basic_Part" target="_blank">the Notch core</a>. Everyone on the team contributed to the improvement of the project.
+
−
                        </p>
+
−
                        <h2>Experiment</h2>
+
−
                        <p>Based on <a href="https://2017.igem.org/Team:Fudan" target="_blank">previous experience</a> designing genetic circuits response to different input densities, Zijie Yang and Ziyan Yu came up with the genetic circuits for the project. Dr. Cai gave comments and provided several references aiding the improvement.
+
−
                        </p>
+
−
                        <p>Ziyan Yu, Chuyue Zhang, Yuyan Zeng, and Rongrong Du were responsible for the majority of <a href="/Team:Fudan-TSI/Protocols" target="_blank">molecular cloning</a>. Fangfei Ye, Mitchell Wan, and Jingbo Fu assisted in some molecular cloning.
+
−
                        </p>
+
−
                        <p>
+
−
                            Zijie and Ziyan conducted cell culture, transient transfection, and <a href="/Team:Fudan-TSI/Measurement" target="_blank">flow cytometry analysis</a>. Zijie constructed the stable cell lines using retroviral infection and cell sorting.
+
−
                        </p>
+
−
                        <p>
+
−
                            Rongrong purified EGFP protein, attached the protein to beads, which were used in our shaking test for SynNotch activation.
+
−
                        </p>
+
−
                        <p>
+
−
                            Dr. Cai provided numerous suggestions and advice on experimental design and data analysis.
+
−
                        </p>
+
−
                        <p>
+
−
                            Mitchell conducted the Addon thought experiments (<a href="/Team:Fudan-TSI/Addon#ribo" target="_blank">ribo</a>, <a href="/Team:Fudan-TSI/Addon#TALE" target="_blank">TALE</a>, and <a href="/Team:Fudan-TSI/Addon#T2" target="_blank">T2</a>) with advice from Dr. Cai.
+
−
                        </p>
+
−
                        <h2>InterLab</h2>
+
−
                        <p>
+
−
                            Mitchell Wan completed <a href="/Team:Fudan-TSI/Interlab" target="_blank">the experiments</a> with help from Zijie Yang and people from iGEM team <a href="https://2018.igem.org/Team:Fudan-CHINA" target="_blank">Fudan-CHINA</a>.
+
−
                        </p>
+
−
                        <h2>Model</h2>
+
−
                        <p>Yiheng Wang came up with the model on <a href="/Team:Fudan-TSI/Model#Transcriptional_Amplifer" target=_blank>transcriptional amplifier</a>.</p>
+
−
                        <p>
+
−
                            Lingwei Zhang simulated <a href="/Team:Fudan-TSI/Model#NotchLigandkinetics" target="_blank">multi-cell interactions and evolution</a> with a population perspective. Lingwei also built our <a href="/Team:Fudan-TSI/Software" target="_blank">software</a> based on his modeling results.
+
−
                        </p>
+
−
                        <p>
+
−
                            Zijie Yang and Yijie Pan provided suggestions to different details in our modeling.
+
−
                        </p>
+
−
                        <h2>Software</h2>
+
−
                        <p>
+
−
                            Lingwei Zhang wrote up our <a href="/Team:Fudan-TSI/Software" target="_blank">software</a>.
+
−
                        </p>
+
−
                        <h2>Integrated HP</h2>
+
−
                        <p>
+
−
                            Jingbo Fu, Yuyan Zeng, Fangfei Ye, and Rongrong Du made huge efforts in advertising our project and <a href="/Team:Fudan-TSI/Human_Practices" target="_blank">human practice activities</a> to the public.
+
−
                        </p>
+
−
                        <p>
+
−
                            Jingbo led the surveys, organized the <a href="/Team:Fudan-TSI/Human_Practices#section1" target="_blank">interviews</a> with researchers and doctors. Everyone on the team heartily helped and participated in various HP events.
+
−
                        </p>
+
−
                        <p>
+
−
                            Zijie Yang and Ziyan Yu invited Prof. Blacklow to Fudan University, and accompany his visit.
+
−
                        </p>
+
−
                        <p>
+
−
                            Jingbo and Yuyan kept in contact with <a href="/Team:Fudan-TSI/Public_Engagement#section1" target="_blank">high schools</a>, organizers responsible for the summer camp, and other undergraduate students. They led our presentations for them, and everyone on the team participated actively.
+
−
                        </p>
+
−
                        <p>
+
−
                            Jingbo designed and trained high school students from Qibao Dwight High School during this summer, also organized the multi-disciplinary <a href="/Team:Fudan-TSI/Public_Engagement#section4" target="_blank">debate</a> on project safety and ethical topics.
+
−
                        </p>
+
−
                        <p>
+
−
                            Fangfei planned and assembled the <a href="/Team:Fudan-TSI/Bio-Art" target="_blank">Bio-Art Display</a> and everyone on the team took part in making the Display come true.
+
−
                        </p>
+
−
                        <h2>Art design</h2>
+
−
                        <p>
+
−
                            Fangfei Ye is responsible for all <a href="/Team:Fudan-TSI/Design_Intention" target="_blank">art design</a>, which includes our team logo, team flag, team uniform (Dr. Cai gave comments), team name card, brochures, our posters, as well as materials related to our human practice events.
+
−
                        </p>
+
−
                        <h2>Wiki</h2>
+
−
                        <p>
+
−
                            Tian Huang built the wiki template with Materialize framework. Fangfei Ye and Tian coded the site, while rest of the team worked on content write-up. Dr. Cai gave comments on the coding and writeup.
+
−
                        </p>
+
−
                        <h2>Support</h2>
+
−
                        <p>
+
−
                            Dr. Lu and Dr. Cai secured the primary funding for the team. Dr. Cai provided the lab space. All team members participated in the crowdfunding campaign.</p>
+
  
−
                    </div>
+
  <h2>Wiki construction</h2>
−
 
+
  <p class="flow-text">Zixuan Zhang coded the site, while the rest of the team worked on the content write-up. Xin Wang, from the 2018 iGEM Team:Fudan-China, gave us much help and guidance on wiki construction.</p>
−
                </main>
+
−
            </div>
+
−
 
+
−
            <!--Abstract on content page-->
+
−
            <div id="abstractContent" class="z-depth-2">
+
−
                <a href="#!"><img alt=alt="project summary" src="https://static.igem.org/mediawiki/2018/9/96/T--Fudan--X.svg"></a>
+
−
                <div class="container">
+
−
                    <h2 style="margin: 0;padding: 10px 0;">Project Summary</h2>
+
−
                    <p style="margin: 0">Contact-dependent signaling is critical for multicellular biological
+
−
                        events, yet customizing contact-dependent signal transduction between
+
−
                        cells remains challenging. Here we have developed the ENABLE toolbox, a
+
−
                        complete set of transmembrane binary logic gates. Each gate consists of
+
−
                        3 layers: Receptor, Amplifier, and Combiner. We first optimized synthetic
+
−
                        Notch receptors to enable cells to respond to different signals across the
+
−
                        membrane reliably. These signals, individually amplified intracellularly by
+
−
                        transcription, are further combined for computing. Our engineered zinc finger-based
+
−
                        transcription factors perform binary computation and output designed products.
+
−
                        In summary, we have combined spatially different signals in mammalian cells,
+
−
                        and revealed new potentials for biological oscillators, tissue engineering,
+
−
                        cancer treatments, bio-computing, etc. ENABLE is a toolbox for constructing
+
−
                        contact-dependent signaling networks in mammals. The 3-layer design principle
+
−
                        underlying ENABLE empowers any future development of transmembrane logic circuits,
+
−
                        thus contributes a foundational advance to Synthetic Biology.
+
−
                    </p>
+
−
                </div>
+
−
            </div>
+
−
 
+
−
            <!-- Floating Btns -->
+
−
            <div class="floatingBtn">
+
−
                <a href="#!" id="abstractBtn" class="btn">
+
−
                    <i class="fa fa-sticky-note" style="font-size: 30px;line-height: 50px"></i>
+
−
                </a>
+
−
                <a href="#FudanWrapper" class="btn">
+
−
                    <i class="fa fa-angle-up" style="font-size: 48px;line-height: 45px"></i>
+
−
                </a>
+
−
            </div>
+
−
 
+
−
            <!-- Footer with sponsors and contact methods -->
+
−
            <footer id="FudanFooter" class="page-footer grey">
+
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div id="sponsor" class="col m3 s12 row">
+
−
                            <a href="https://2018.igem.org/Team:Fudan" target="_blank"><img alt="2018 Team:Fudan logo white" class="col s3 m6 l3" style="position:relative; padding: 0 0.3rem; margin:-0.15rem 0; left: -0.45rem;" src="https://static.igem.org/mediawiki/2018/7/73/T--Fudan--teamLogoWhite.png">
+
−
                            </a><a href="http://www.fudan.edu.cn/en/" target="_blank"><img class="col s3 m6 l3" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png">
+
−
                        </a><a href="http://life.fudan.edu.cn/" target="_blank"><img class="col s3 m6 l3" style="margin-bottom: 4%;/* 该图比其他小一点，排版需要 */" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png">
+
−
                        </a><a href="http://www.yfc.cn/en/" target="_blank"><img class="col s3 m6 l3" style="padding: 0.15rem 0.9rem;" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png">
+
−
                        </a>
+
−
                            <h3 class="col s12" style="text-align: left; color: rgba(255, 255, 255, 0.8); font-size: 18px">ENABLE: making cells even smarter</h3>
+
−
                        </div>
+
−
                        <div id="usefulLinks" class="col m9 s12 row">
+
−
                            <div class="col s12 l6 row">
+
−
                                <div class="col s12 m4">
+
−
                                    <span>Project</span>
+
−
                                    <ul>
+
−
                                        <li><a href="/Team:Fudan-TSI/Description">Background</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Design">Design</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Protocols">Experiments</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Demonstrate">Results</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Judging">iGEM judging</a></li>
+
−
                                    </ul>
+
−
                                </div>
+
−
                                <div class="col s12 m4">
+
−
                                  <span><a href="/Team:Fudan-TSI/Parts">BioBricks</a></span>
+
−
                                    <ul>
+
−
                                        <li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Improve">Parts improvement</a></li>
+
−
                                    </ul>
+
−
                                </div>
+
−
                                <div class="col s12 m4">
+
−
                                    <span>Lab</span>
+
−
                                    <ul>
+
−
                                        <li><a href="/Team:Fudan-TSI/Interlab">iGEM interLab</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Protocols">Protocols</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Measurement">Quantification</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Safety">Safety</a></li>
+
−
                                    </ul>
+
−
                                </div>
+
−
                            </div>
+
−
                            <div class="col s12 l6 row">
+
−
                                <div class="col s12 m4">
+
−
                                    <span>not-sure</span>
+
−
                                    <ul>
+
−
                                        <li><a href="/Team:Fudan-TSI/Applied_Design">Applied design</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Model">Model</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Software">Software</a></li>
+
−
                                    </ul>
+
−
                                </div>
+
−
                                <div class="col s12 m4">
+
−
                                    <span>Outreach</span>
+
−
                                    <ul>
+
−
                                        <li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Human_Practices">Human practices</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Public_Engagement">Public engagement</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/HP">Why we do this</a></li>
+
−
                                    </ul>
+
−
                                </div>
+
−
                                <div class="col s12 m4 active">
+
−
                                    <span>Team</span>
+
−
                                    <ul>
+
−
                                        <li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li>
+
−
                                        <li><a href="https://2018.igem.org/Team:Fudan/Heritage" target=_blank>Heritage</a></li>
+
−
                                        <li><a href="/Team:Fudan-TSI/Team">Members</a></li>
+
−
                                    </ul>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="footer-copyright">
+
−
                    <div class="container">
+
−
                        <div class="contactUS row">
+
−
                          <div class="col s12 m6 l4"><i class="fa fa-location-arrow"></i> Life Sci Bldg E301, 2005 Songhu Rd, Shanghai
+
−
                          </div><div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727
+
−
                          </div><div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn
+
−
                          </div><div class="col s12 m6 l4"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM
+
−
                          </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </footer>
+
−
 
+
−
        </div>
+
−
    </div>
+
 
</div>
 
</div>
  
  
−
<!-- Javascript files -->
+
<!--////////////////////////////////////////////////////
−
<!-- Materialize 1.0.0-rc.2 -->
+
      do not edit below, if must BE CAREFUL
−
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.js&action=raw&ctype=text/javascript"></script>
+
  //////////////////////////////////////////////////////-->
 +
      </article></main></div><!-- end of side navigator and main of the page -->
  
−
<!-- Javascript -->
+
<!-- Floating Btns, Footer with sponsors -->
−
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-js.js&action=raw&ctype=text/javascript"></script>
+
      <div class="floatingBtn"> <a href="#FudanTSIdivWrapper" class="btn"> <i class="fa fa-angle-up" style="font-size:48px;line-height:45px"></i> </a></div> <footer id="FudanTSIfooter" class="page-footer blue-grey darken-1"><div class="container"><div class="row"><div id="sponsor" class="col m3 s12 row"> <a href="https://2019.igem.org/Team:Fudan-TSI"><img alt="2019 Team:Fudan-TSI logo white" class="col s3 m6 l3" style="position:relative; padding: 0.45em 0.3rem; margin:-0.15rem 0; left: -0.45rem;" src="https://static.igem.org/mediawiki/2019/0/0f/T--Fudan-TSI--LogoGrey.gif"> </a><a href="http://www.fudan.edu.cn/en/" target="_blank"><img class="col s3 m6 l3" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png"> </a><a href="http://life.fudan.edu.cn/" target="_blank"><img class="col s3 m6 l3" style="margin-bottom: 4%;/* fig should be smaller, 2018 ht */" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png"> </a><a href="http://www.yfc.cn/en/" target="_blank"><img class="col s3 m6 l3" style="padding: 0.15rem 0.9rem;" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png"> </a><h3 class="col s12" style="text-align:left;font-size:12.5px">R-Evolution: an <i>in vivo</i> sequence-specific toolbox for continuous mutagenesis</h3></div><div id="footerNavList" class="col m9 s12 row"><div class="col s12 l6 row"><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Description">Project</a></span><ul><li><a href="/Team:Fudan-TSI/Description">Background</a></li><li><a href="/Team:Fudan-TSI/Design">Design</a></li><li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li><li><a href="/Team:Fudan-TSI/Applied_Design">Applied design</a></li><li><a href="/Team:Fudan-TSI/Judging">Judging</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Demonstrate">Results</a></span><ul><li><a href="/Team:Fudan-TSI/Demonstrate#ReverseTranscription">Reverse transcription</a></li><li><a href="/Team:Fudan-TSI/Demonstrate#Recombination">Recombination</a></li><li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li><li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li><li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Model">Model</a></span><ul><li><a href="/Team:Fudan-TSI/Model">Modeling</a></li><li><a href="/Team:Fudan-TSI/Software">Software</a></li><li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li></ul></div></div><div class="col s12 l6 row"><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Parts">Parts</a></span><ul><li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li><li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li><li><a href="/Team:Fudan-TSI/Improve">Part improvement</a></li><li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Human_Practices">Outreach</a></span><ul><li><a href="/Team:Fudan-TSI/Public_Engagement">Public engagement</a></li><li><a href="/Team:Fudan-TSI/Human_Practices#IntegratedHumanPractice">Integrated HP</a></li><li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li><li><a href="/Team:Fudan-TSI/Safety">Safety</a></li></ul></div><div class="col s12 m4 active"> <span><a href="/Team:Fudan-TSI/Team">Team</a></span><ul><li><a href="/Team:Fudan-TSI/Team">Members</a></li><li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li><li><a href="/Team:Fudan-TSI/Team#Acknowledge">Acknowledge</a></li><li><a href="/Team:Fudan-TSI/Heritage">Heritage</a></li></ul></div><div class="col s12 m4">&nbsp;</div></div></div></div></div><div class="footer-copyright"><div class="container"><div class="contactUS row"><div class="col s12 m6 l4"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai</div><div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727</div><div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn</div><div class="col s12 m6 l4"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM</div></div></div></div> </footer>
 +
</div></div></div><!-- #pageContent #FudanTSIBody #FudanTSIdivWrapper -->
  
 +
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.js&action=raw&ctype=text/javascript"></script><!-- Materialize 1.0.0-rc.2 -->
 +
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-js.js&action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 05:52, 16 November 2019

Attributions | 2019 iGEM Team:Fudan-TSI


Attributions

cover attributions
Members Project Design Experiment Human Practice Model Software Hardware Art Design Wiki construction
Chuyue Zhang √ √ √ √ √
Yuchang Li √ √ √ √
Zixuan Zhang √ √ √ √
Yi Qiao √ √
Yuchao Huang √ √ √ √
Xidan Miao √ √ √
Yichen Liu √ √
Xidan Miao √ √

√: involved, no matter the contribution is large or small

Project design »

In our brainstorm session in December 2018, Chuyue Zhang, through literal reading and practice, came up with the basic draft of the sequence-specific in vivo mutagenesis system utilizing reverse transcriptase. Zixuan Zhang and our advisor Rongrong Du offered lots of suggestions and help. In our brainstorming sessions, everyone in the team contributed to improve the project.

Prof. Liang Cai, secondary PI of our iGEM team, gave us general advice in all the aspects of our project, especially on how to make our system work better. He paid close attention to our project at every stage and offered his guidance whenever a problem was encountered.

rof. Jinzhong Lin, Prof. Hong Lv and Prof. Yongming Wang, from School of Life Sciences of Fudan University, gave us much advice on specific problems we met in the process of experiment, such as how to deal with the leakage of Cre recombinase in Cre/LoxP system, how to increase the mutation rate of reverse transcriptase and so on. They also contributed their ideas on our project's possible applications.

Prof. Alper, PI from McKetta Department of Chemical Engineering from the University of Texas at Austin, helped us improve our project design and gave us some constructive advice.

Experiments »

Chuyue Zhang took on the responsibility to manage and monitor the whole experimental group. She herself finished the construction and verification of reverse transcriptase parts. Yuchang Li was responsible for the construction and verification of the Cre/LoxP system. Fluorescent measurement was conducted by Xidan Miao. Yi Qiao was our major contributor in molecular cloning. Yichen Liu in company with Yi Qiao constructed our improved parts and measured them. Jingyu Cao also helped in molecular cloning. All the people mentioned above together finished molecular cloning. Zixuan Zhang helped us verify our experimental design.

Prof. Liang Cai let us work in his laboratory and provided us all the reagents and equipment we needed.

Prof. Daru Lu, the primary PI of our iGEM team, secured the primary funding for the team so that we got resources and consumables.

Human practice »

Yichen Liu organized most of our integrated human practice activities including communications with professors and interviews with biotech companies. Yuchang Li helped him contact professors and summarized feedback integration. Xidan Miao was in charge of our public engagement and education human practice. The events she designed and held helped arouse interest in iGEM and synthetic biology. Yichen Liu also made a contribution by designing the rules of our board game. All the art design work needed in human practice was finished by Zixuan Zhang.

Miss Dorothy Zhang, Asia Ambassador, gave us lots of instructions and suggestions on how to do HP work and shared her experience of working for former iGEM competitions. We extend our sincere appreciation to Miss Zhang for her helpful sharing!

Chen Wang, from Software School of Fudan University, helped us make a crawler program used to collect the data we need from the iGEM website.

Bozitao Zhong, our team's mentor, offered us ideas on how to conduct human practice and gave us advice on iGEM competition based on his experience.

Model »

Yuchao Huang took on the responsibility for modeling all by himself.

Yiheng Wang, from the 2017 iGEM team Fudan, gave us guidance on modeling.

Prof. Jinzhong Lin and Prof. Qiang Huang, from School of Life Science of FDU, gave us many constructive suggestions in terms of enzyme kinetics.

Software »

Yuchao Huang wrote the python program for tRNA primer designing all by himself.

Prof. Liang Cai converted the python into javascript for running online.

Hardware »

Prof. Liang Cai provided the idea and equipment for us.

Yuchao Huang optimized the original program and did the equipment test with Yuchang Li together.

Art design

Zixuan Zhang act as our sole art designer. She made the animation that introduces the principle of our system and designed team logo, slides, and posters for us to present our project. In addition, she designed our team uniforms and mascots for us, everyone.

Wiki construction

Zixuan Zhang coded the site, while the rest of the team worked on the content write-up. Xin Wang, from the 2018 iGEM Team:Fudan-China, gave us much help and guidance on wiki construction.