Difference between revisions of "Team:Peking"

Line 1: Line 1:
 +
<html lang="en">
  
−
<html>
+
<head>
−
<div style="background-color: #263238;text-align: center;color: #cfd8dc">
+
 
−
<br>
+
    <style>
 +
 
 +
 
 +
        /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 +
 
 +
        /* Clear the default wiki settings */
 +
 
 +
        #home_logo, #sideMenu {
 +
            display: none;
 +
        }
 +
 
 +
        #sideMenu, #top_title, .patrollink {
 +
            display: none;
 +
        }
 +
 
 +
        #content {
 +
            width: 100%;
 +
            padding: 0px;
 +
            margin-top: 0px;
 +
            margin-left: 0px;
 +
        }
 +
 
 +
        body {
 +
            background-color: #FAFAFA;
 +
        !important;
 +
        }
 +
 
 +
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
 +
 
 +
    </style>
 +
 
 +
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 +
    <script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs?
 +
action=raw&ctype=text/javascript"></script>
 +
    <link href="https://2017.igem.org/Template:Peking/mdl/component?action=raw&ctype=text/css" rel="stylesheet">
 +
    <script type="text/javascript"
 +
            src="https://2017.igem.org/Template:Peking/mdl/componentjs?action=raw&ctype=text/javascript"></script>
 +
 
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/MDLnew?action=raw&ctype=text/css">
 +
 
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css">
 +
    <!-- Fonts -->
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/fonts?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/icon?action=raw&ctype=text/css">
 +
 
 +
    <style>
 +
 
 +
        a:link {
 +
            text-decoration: none;
 +
        }
 +
 
 +
        a:visited {
 +
            text-decoration: none;
 +
        }
 +
 
 +
        a:active {
 +
            text-decoration: none;
 +
        }
 +
 
 +
        a:hover {
 +
            text-decoration: none;
 +
        }
 +
 
 +
        .demo-card-wide.mdl-card {
 +
            margin-bottom: 20px;
 +
            margin-top: 60px;
 +
            width: auto;
 +
            height: auto;
 +
        }
 +
 
 +
        .demo-card-wide > .mdl-card__title {
 +
            padding-left: 40px;
 +
            padding-right: 40px;
 +
            color: #fff;
 +
            height: 300px;
 +
        }
 +
 
 +
        .demo-card-wide > .mdl-card__menu {
 +
            color: #fff;
 +
        }
 +
 
 +
    </style>
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
 
 +
<!-- Always shows a header, even in smaller screens. -->
 +
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 +
    <header class="mdl-layout__header" style="position:fixed; margin-top: -7px; !important;">
 +
        <div class="mdl-layout__header-row">
 +
            <!-- Title -->
 +
            <a href="https://2017.igem.org/Team:Peking"><img
 +
                    src="https://static.igem.org/mediawiki/2017/c/cf/Peking_TeamLogoClassical.png" height="35"></a>
 +
 
 +
            <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking"
 +
              style="color: #000000; font-size: x-large"><strong>Peking iGEM </strong> 2017</a>
 +
            <!-- Add spacer, to align navigation to the right -->
 +
            <div class="mdl-layout-spacer"></div>
 +
            <!-- Navigation. We hide it in small screens. -->
 +
            <nav class="mdl-navigation mdl-layout--large-screen-only">
 +
                <style>
 +
                    a:link {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:visited {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:active {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:hover {
 +
                    }
 +
                </style>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking"
 +
                  style="color: #000; font-weight: 500;">Home</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Project#Introduction">Project</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Model#Overview">Modelling</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Software">Software</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Hardware">Hardware</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab">Lab</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/HP">Practices</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Parts#Overview">Parts</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Team">Team</a>
 +
            </nav>
 +
        </div>
 +
    </header>
  
−
<br>
 
−
<br><br>
 
 
</div>
 
</div>
−
<div style="text-align:center">
+
 
−
         <img width="100%" src="https://static.igem.org/mediawiki/2017/e/ed/Peking_title.jpeg" />
+
<main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600"
−
</div>
+
      style="width: 100%; padding-bottom: 0px; background-color: #FAFAFA;">
−
<br>
+
    <!-- Wide card with share menu button -->
 +
    <style>
 +
 
 +
        a:link {
 +
            text-decoration: none;
 +
        }
 +
 
 +
        a:visited {
 +
            text-decoration: none;
 +
        }
 +
 
 +
        a:active {
 +
            text-decoration: none;
 +
        }
 +
 
 +
        a:hover {
 +
            text-decoration: none;
 +
        }
 +
 
 +
        .demo-card-wide.mdl-card {
 +
            margin-left: 50px;
 +
            margin-right: 50px;
 +
            margin-top: 120px;
 +
            margin-bottom: 100px;
 +
            width: auto;
 +
        }
 +
 
 +
        .demo-card-wide > .mdl-card__title {
 +
            padding-left: 50px;
 +
            color: #fff;
 +
            height: 300px;
 +
        }
 +
 
 +
        .demo-card-wide > .mdl-card__menu {
 +
            color: #fff;
 +
        }
 +
 
 +
    </style>
 +
 
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-bottom: 30px">
 +
        <div class="mdl-card__title" style="background: url('') center / cover; height : 600px">
 +
 
 +
        </div>
 +
    </div>
 +
 
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-top: 20px; margin-bottom: 30px">
 +
 
 +
        <div class="mdl-card__supporting-text"
 +
            style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
 +
            <h1>What do we do? </h1>
 +
            To survive, living systems receive information from outside environment and adjust their own internal
 +
            workings in response. This adjustment depends not only on processing a combination of environmental signal
 +
            inputs, but on determining the system’s current state. In digital circuit theory, this operating mode is
 +
            known as sequential logic whose outputs is a function of the present value of inputs and, more importantly,
 +
            the sequence of past inputs.<br><br>
 +
            Nowadays, synthetically engineered genetic circuits constructed with combinational logic can perform a wide
 +
            variety of tasks, but are not able to store a “state” and to change from one state to another, which has
 +
            limited their widespread implementation. This year, Peking iGEM is developing a Computer Aided Design (CAD)
 +
            method for automatically designing genetic sequential logic circuits. By doing this, we aim to build
 +
            asynchronous genetic sequential logic circuits in which the state of the system can change in response to
 +
            changing inputs, and synchronous circuits in which the state of the system changes at discrete time in
 +
            response to an intercellular clock signal.
 +
         </div>
 +
    </div>
 +
 
 +
 
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-top: 20px">
 +
 
 +
        <div class="mdl-card__supporting-text"
 +
            style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
 +
            <h1>Framework </h1>
 +
            <section class="section section--intro">
 +
 
 +
                <link href="https://fonts.googleapis.com/css?family=Roboto:400,700|Nunito:400,700"
 +
                      rel="stylesheet">
 +
 
 +
                <link rel="stylesheet" type="text/css"
 +
                      href="https://2017.igem.org/Template:Peking/hov/demo?action=raw&ctype=text/css"/>
 +
 
 +
                <link rel="stylesheet" type="text/css"
 +
                      href="https://2017.igem.org/Template:Peking/hov/adsila?action=raw&ctype=text/css"/>
 +
                <link rel="stylesheet" type="text/css"
 +
                      href="https://2017.igem.org/Template:Peking/hov/pater?action=raw&ctype=text/css"/>
 +
                <script type="text/javascript"
 +
                        src="https://2017.igem.org/Template:Peking/hov/demojs?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
                <script>document.documentElement.className = "js";
 +
                var supportsCssVars = function () {
 +
                    var e, t = document.createElement("style");
 +
                    return t.innerHTML = "root: { --tmp-var: bold; }", document.head.appendChild(t), e = !!(window.CSS && window.CSS.supports && window.CSS.supports("font-weight", "var(--tmp-var)")), t.parentNode.removeChild(t), e
 +
                };
 +
                supportsCssVars() || alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
 +
 
 +
                <section class="content" style="background-color: #fff">
 +
                    <nav class="menu menu--adsila">
 +
                        <a class="menu__item" href="https://2017.igem.org/Team:Peking/Project#Introduction">
 +
                            <span class="menu__item-name">"Clock"</span>
 +
                            <span class="menu__item-label">To record time, we will first need an intercellular clock signal, </span>
 +
                        </a>
 +
                        <a class="menu__item" href="https://2017.igem.org/Team:Peking/Model#Overview">
 +
                            <span class="menu__item-name">"Flip-flop"</span>
 +
                            <span class="menu__item-label">Then we proposed and demonstrated a state transition unit. </span>
 +
                        </a>
 +
                        <a class="menu__item" href="https://2017.igem.org/Team:Peking/Software">
 +
                            <span class="menu__item-name">"Controller"</span>
 +
                            <span class="menu__item-label">From states into functions, we designed controller.</span>
 +
                        </a>
 +
                        <a class="menu__item" href="https://2017.igem.org/Team:Peking/Hardware">
 +
                            <span class="menu__item-name">"Carpoid"</span>
 +
                            <span class="menu__item-label"></span>
 +
                        </a>
 +
 
 +
                    </nav>
 +
                </section>
 +
 
 +
            </section>
 +
        </div>
 +
    </div>
 +
 
 +
 
 +
    <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section>
 +
    <footer class="mdl-mega-footer" style="height: 260px; margin-bottom: 0px;">
 +
        <div class="mdl-mega-footer__middle-section">
 +
 
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h1 class="mdl-mega-footer__heading">Acknowledgement</h1>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 +
                    <li><a href=" http:
 +
                //dean.pku.edu.cn/pkudean/"> </li>
 +
                <li><a href="http://dean.pku.edu.cn/pkudean/"><img
 +
                        src="https://static.igem.org/mediawiki/2017/9/99/Peking_footer_logo_admin.png" height="50px"/></a>
 +
                </li>
 +
                <li><a href="http://www.bio.pku.edu.cn/en/"> <img
 +
                        src="https://static.igem.org/mediawiki/2017/a/ab/Peking_footer_logo_slslogo.png" height="50px"/> </a>
 +
                </li>
 +
                <li><a href="http://cqb.pku.edu.cn/en/"> <img
 +
                        src="https://static.igem.org/mediawiki/2017/9/9a/Peking_footer_logo_cqb.png" height="48px"/> </a></li>
 +
 
 +
                </ul>
 +
            </div>
 +
 
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h1 class="mdl-mega-footer__heading">Connection</h1>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 +
                    <li><a href=" https:
 +
                //www.facebook.com/pekingigem"></a></li>
 +
                <li><a href="https://www.facebook.com/pekingigem">Facebook</a></li>
 +
                <li><a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ">Youtube</a></li>
 +
                <li><a href="https://twitter.com/iGEM_Peking">Twitter</a></li>
 +
                <li><a href="https://github.com/PekingiGEM2017">Github</a></li>
 +
                </ul>
 +
            </div>
 +
 
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h1 class="mdl-mega-footer__heading">Contact</h1>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 +
                    <li><a href=" http:
 +
                //www.synbiowiki.com"> </a></li>
 +
                <li><a href="http://www.synbiowiki.com">SynBioWiki.com</a></li>
 +
                <li><a href="mailto:PekingIGEM@gmail.com">Mail</a></li>
 +
                </ul>
 +
            </div>
 +
 
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h2 style="color: white; "><strong>Peking iGEM</strong> 2017</h2>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;">
 +
                    <li style="color: white; line-height: 1.88em;">Peking University,<br> No.5 Yiheyuan Road Haidian
 +
                        District, Beijing, P.R.China<br>100871
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
 
 +
        </div>
 +
 
 +
 
 +
    </footer>
 +
 
 +
</main>
 +
 
 +
 
 +
</body>
 
</html>
 
</html>
−
{{Peking/footer}}
 

Revision as of 00:22, 2 November 2017

Peking iGEM 2017

What do we do?

To survive, living systems receive information from outside environment and adjust their own internal workings in response. This adjustment depends not only on processing a combination of environmental signal inputs, but on determining the system’s current state. In digital circuit theory, this operating mode is known as sequential logic whose outputs is a function of the present value of inputs and, more importantly, the sequence of past inputs.

Nowadays, synthetically engineered genetic circuits constructed with combinational logic can perform a wide variety of tasks, but are not able to store a “state” and to change from one state to another, which has limited their widespread implementation. This year, Peking iGEM is developing a Computer Aided Design (CAD) method for automatically designing genetic sequential logic circuits. By doing this, we aim to build asynchronous genetic sequential logic circuits in which the state of the system can change in response to changing inputs, and synchronous circuits in which the state of the system changes at discrete time in response to an intercellular clock signal.

Framework