Difference between revisions of "Team:Fudan China"

m
Line 1: Line 1:
−
{{Fudan_China}}
+
{{Fudan_China/NAV}}
 
<html>
 
<html>
−
<head>
+
<img src="https://static.igem.org/mediawiki/2017/9/95/T--Fudan_China--home.png" style="width: 100%;position: absolute;top:58px;">
−
    <meta charset="UTF-8">
+
<div id="footer" style="top:800px;">
−
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Fudan_China/CSS?action=raw&ctype=text/css" />
+
     <div id="acknowledgement">
−
</head>
+
         <svg width="150" height="300" style="position: absolute;top:0;left:0;" xmlns="http://www.w3.org/2000/svg">
−
<body id="mainBody">
+
             <path d="M 35 35 L 115 265" stroke="white" stroke-width="4" fill="none"/>
−
    <!--Navigator-->
+
        </svg>
−
     <div id="nav">
+
        <div class="ackImg" style="position:absolute;top:0;left: 0;">
−
         <!--Project Name-->
+
             <img src="https://static.igem.org/mediawiki/2017/2/25/T--Fudan_China--Fudan_icon.jpg" style="width: 100%">
−
        <div id="projectAndTeamName">
+
−
             <div id="projectName">
+
−
                iGEMemory
+
−
            </div>
+
−
            <div id="teamName">
+
−
                Fudan China
+
−
             </div>
+
 
         </div>
 
         </div>
−
        <!--The Logo-->
+
         <div class="ackImg" style="position:absolute;top:110px;left: 40px;">
−
         <div id="teamLogo">
+
             <img src="https://static.igem.org/mediawiki/2017/2/26/T--Fudan_China--SchoolOfLifeScience_icon.jpeg" style="width: 100%">
−
             <img src="https://static.igem.org/mediawiki/2017/3/30/T--Fudan_China--logo.svg">
+
 
         </div>
 
         </div>
−
        <!--Main Part of Navigator-->
+
         <div class="ackImg" style="position:absolute;top:220px;left: 80px;">
−
         <div id="navListContainer">
+
            <img src="https://static.igem.org/mediawiki/2017/9/97/T--Fudan_China--YunFeng_icon.jpeg" style="width: 100%">
−
            <ul id="navList">
+
−
                <li class="navListItem">
+
−
                    <a href="https://2017.igem.org/Team:Fudan_China">Home</a>
+
−
                </li>
+
−
                <li class="navListItem">
+
−
                    <a href="https://2017.igem.org/Team:Fudan_China/Project">Project</a>
+
−
                    <ul class="navChildList" hidden>
+
−
                        <li class="navChildListItem">
+
−
                            <a href="https://2017.igem.org/Team:Fudan_China/Description">Description</a>
+
−
                        </li>
+
−
                        <li class="navChildListItem">
+
−
                            <a href="https://2017.igem.org/Team:Fudan_China/Design">Design</a></li>
+
−
                        <li class="navChildListItem">Experiment</li>
+
−
                        <li class="navChildListItem">Notebook</li>
+
−
                        <li class="navChildListItem">Results</li>
+
−
                    </ul>
+
−
                </li>
+
−
                <li class="navListItem">
+
−
                    Model
+
−
                    <ul class="navChildList" hidden>
+
−
                        <li class="navChildListItem"></li>
+
−
                        <li class="navChildListItem"></li>
+
−
                    </ul>
+
−
                </li>
+
−
                <li class="navListItem">
+
−
                    HP
+
−
                    <ul class="navChildList" hidden>
+
−
                        <li class="navChildListItem"></li>
+
−
                        <li class="navChildListItem"></li>
+
−
                    </ul>
+
−
                </li>
+
−
                <li class="navListItem">
+
−
                    Team
+
−
                    <ul class="navChildList" hidden>
+
−
                        <li class="navChildListItem"></li>
+
−
                        <li class="navChildListItem"></li>
+
−
                    </ul>
+
−
                </li>
+
−
            </ul>
+
 
         </div>
 
         </div>
 +
        <div style="position:absolute;left: 100px;">复旦大学<br>Fudan University</div>
 +
        <div style="position:absolute;top:110px;left: 140px;">复旦大学生命科学学院<br>School of Life Science, Fudan University</div>
 +
        <div style="position:absolute;top:220px;left: 180px;">云锋基金<br>Yunfeng Capital</div>
 
     </div>
 
     </div>
−
     <div id="main">
+
     <div id="contact">
−
         <!--The Introduction of Our System-->
+
         <h2>Contact us</h2>
−
        <div id="intro">
+
        E-mail:  igem@fudan.edu.cn<br>
−
            <div class="mh1">Introduction</div>
+
        WeChat:<br>
−
            <p>Biological memory can be defined as a sustained cellular response to a transient stimulus[1]. Our team are really interested in this topic, and have already read some research articles about biological memory with a single cell or cell population. Some of them are based on transcriptional level, like toggle switch[2]; while the others are based on DNA level by employing recombinase[3, 4], CRISPR/Cas9[5, 6]. However, existing memory devices can only record one or more inducers in one time period, and do not have the ability of real-time monitoring which may involve more than one time periods.
+
        <img src="https://static.igem.org/mediawiki/2017/3/32/T--Fudan_China--WeChat.jpeg" style="width: 150px;">
−
            </p>
+
−
            <p>We want to develop the concept of cellular memory, and build a memory device with sequential structure using recombinase. We are engineering our E. coli population to record series digital signals from one inducer, that is the population will have the ability to memorize whether the inducer exists or not at time 1, and to memorize whether the same inducer exists or not at time 2. With this capability, we can real-time monitor the concentration or existence of a certain inducer. To achieve this goal, we are trying to build a genetic circuit with serine recombinase (We now have Bxb1, phiBT1, phiRv1, phiTG1 and phiC31). The design of the circuit is inspired by the work of Ari E. Friedland and Timothy K. Lu[7].
+
−
            </p>
+
−
            <p>We hope to validate our idea in this summer! Also, we are looking forward to collaborating with other teams!</p>
+
−
            <div class="mh2">Reference</div>
+
−
            <ol>
+
−
                <li>Burrill, D.R., and Silver, P.A. (2010) Making Cellular Memories. <i>Cell.</i> 140(1):13-8.
+
−
                </li>
+
−
                <li>Gardner, T.S., Cantor, C.R., and Collins, J.J. (2000) Construction of a genetic toggle switch in <i>Escherichia coli</i>. <i>Nature.</i> 403(6767):339-42.
+
−
                </li>
+
−
                <li>Ham, T.S., Lee, S.K., Keasling, J.D., and Arkin, A.P. (2008) Design and construction of a double inversion recombination switch for heritable sequential genetic memory. <i>PLoS One.</i> 3(7):e2815.
+
−
                </li>
+
−
                <li>Yang, L., Nielsen, A.A., Fernandez-Rodriguez, J., McClune, C.J., Laub, M.T., Lu, T.K., and Voigt, C.A. (2014) Permanent genetic memory with >1-byte capacity. <i>Nat Methods.</i> 11(12):1261-6.
+
−
                </li>
+
−
                <li>Perli, S.D., Cui, C.H., and Lu, T.K. (2016) Continuous genetic recording with self-targeting CRISPR-Cas in human cells. <i>Science.</i> 353(6304). pii: aag0511.
+
−
                </li>
+
−
                <li>Shipman, S.L., Nivala, J., Macklis, J.D., and Church, G.M. (2016) Molecular recordings by directed CRISPR spacer acquisition. <i>Science.</i> 353(6298): aaf1175.
+
−
                </li>
+
−
                <li>Friedland, A.E., Lu, T.K., Wang, X., Shi, D., Church, G. and Collins, J.J. (2009) Synthetic gene networks that count.<i> Science.</i> 324(5931):1199-202.
+
−
                </li>
+
−
            </ol>
+
−
        </div>
+
−
        <div id="animation">
+
−
            <!--Using Animation to Show How Our System Works-->
+
−
            <div class="mh1">How Our System Works</div>
+
−
            <div style="text-align: center;margin: 0;text-shadow: 0 0 5px #FFFFFF;">
+
−
                Try to move your mouse slowly from the left time zone to the right one.<br>
+
−
                This animation will show you how our system works when it meets the <em>Target</em> Signal below.
+
−
            </div>
+
−
            <div id="animationContainer">
+
−
                <div id="animationHeader">
+
−
                    <div id="animationHeaderWord">
+
−
                        <div id="animationHeaderWord1"><em>Time 1</em></div>
+
−
                        <div id="animationHeaderWord2"><em>Time 2</em></div>
+
−
                        <div id="animationHeaderWord3"><em>Time 3</em></div>
+
−
                        <div id="animationHeaderWord4"><em>Time 4</em></div>
+
−
                    </div>
+
−
                </div>
+
−
                <div id="animationPartContainer">
+
−
                    <div id="animationPart1" class="animationPart">
+
−
                        <canvas id="animation11" class="animationImgContainer" width="160" height="138">Tag 'canvas' is not surported.</canvas>
+
−
                        <canvas id="animation21" class="animationImgContainerA" width="160" height="138">Tag 'canvas' is not surported.</canvas>
+
−
                        <div class="animationCurtain"></div>
+
−
                    </div>
+
−
                    <div id="animationPart2" class="animationPart">
+
−
                        <canvas id="animation12" class="animationImgContainer" width="160" height="138">Tag 'canvas' is not surported.</canvas>
+
−
                        <canvas id="animation22" class="animationImgContainerA" width="160" height="138">Tag 'canvas' is not surported.</canvas>
+
−
                        <div class="animationCurtain"></div>
+
−
                    </div>
+
−
                    <div id="animationPart3" class="animationPart">
+
−
                        <canvas id="animation13" class="animationImgContainer" width="160" height="138">Tag 'canvas' is not surported.</canvas>
+
−
                        <canvas id="animation23" class="animationImgContainerA" width="160" height="138">Tag 'canvas' is not surported.</canvas>
+
−
                        <div class="animationCurtain"></div>
+
−
                    </div>
+
−
                    <div id="animationPart4" class="animationPart">
+
−
                        <canvas id="animation14" class="animationImgContainer" width="160" height="138">Tag 'canvas' is not surported.</canvas>
+
−
                        <canvas id="animation24" class="animationImgContainerA" width="160" height="138">Tag 'canvas' is not surported.</canvas>
+
−
                        <div class="animationCurtain"></div>
+
−
                    </div>
+
−
                    <div id="animationPart5">
+
−
                        <div id="animationNotice"><div></div></div>
+
−
                        <canvas id="animationCircuit" width="646" height="155">Tag 'canvas' is not surported.</canvas>
+
−
                    </div>
+
−
                </div>
+
−
                <div id="animationWordContainer">
+
−
                    <div id="animationWord1" class="animationWord">
+
−
                        <em>Clock</em> Signal
+
−
                    </div>
+
−
                    <div id="animationWord2" class="animationWord">
+
−
                        <em>Target</em> Signal
+
−
                    </div>
+
−
                    <div id="animationWord3" class="animationWord">
+
−
                        Our Circuit
+
−
                    </div>
+
−
                </div>
+
−
                <div>
+
−
 
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    <div style="height:100px;width:200px;background:#00FF00;color:#000000;float:left;top:100px;position:relative">11111111111111111111111111111111111111111</div>
+
−
<div style="height:100px;width:200px;background:#00FF00;color:#000000;float:left;top:100px;position:relative">22222222222222222222222222222222222222222</div>
+
−
<div style="height:100px;width:200px;background:#00FF00;color:#000000;float:left;top:100px;position:relative">33333333333333333333333333333333333333333</div>
+
 
     </div>
 
     </div>
−
    <script type="text/javascript" src="https://2017.igem.org/Template:Fudan_China/Javascript?action=raw&ctype=text/javascript"></script>
+
</div>
−
</body>
+
 
</html>
 
</html>

Revision as of 15:47, 1 November 2017