Difference between revisions of "Team:Peking/Test"

(Created page with "<!DOCTYPE html> {{Peking/css/hero-slider-style}} {{Peking/font-awesome-4.5.0/css/font-awesome.min}} {{Peking/css/bootstrap.min}} {{Peking/css/magnific-popup}} {{Peking/css/te...")
 
Line 1: Line 1:
<!DOCTYPE html>
+
 
  
{{Peking/css/hero-slider-style}}
 
{{Peking/font-awesome-4.5.0/css/font-awesome.min}}
 
{{Peking/css/bootstrap.min}}
 
{{Peking/css/magnific-popup}}
 
{{Peking/css/templatemo-style}}
 
  
 +
<!DOCTYPE html>
 
<html>
 
<html>
<head>
+
    <head>
    <meta charset="utf-8">
+
        <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
          <style>
 
+
          #view-source
 +
        {
 +
          position: fixed;
 +
          display: block;
 +
          right: 0;
 +
          bottom: 0;
 +
          margin-right: 40px;
 +
          margin-bottom: 40px;
 +
          z-index: 900;
 +
        }
 +
        </style>
 +
    </head>
 
     <title>Team:Peking</title>
 
     <title>Team:Peking</title>
    <!-- load stylesheets -->
 
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> -->
 
    <!-- Google web font "Open Sans" -->
 
                                     
 
    <!-- Templatemo style -->
 
  
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/material?action=raw&ctype=text/css">              
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/materialmin?action=raw&ctype=text/css">  
        <!--[if lt IE 9]>
+
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
          <![endif]-->
+
</head>
+
  
    <body>
 
       
 
        <!-- Content -->
 
        <div class="cd-hero">
 
  
            <!-- Navigation -->       
+
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs?
            <div class="cd-slider-nav">
+
action=raw&ctype=text/javascript"></script> 
                <nav class="navbar">
+
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialjs?
                    <div class="tm-navbar-bg">
+
action=raw&ctype=text/javascript"></script>
                       
+
                        <a class="navbar-brand" href="#"><i class="fa fa-send-o tm-brand-icon"></i>Peking</a>
+
  
                        <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#tmNavbar">
 
                            &#9776;
 
                        </button>
 
                        <div class="collapse navbar-toggleable-md text-xs-center text-uppercase tm-navbar" id="tmNavbar">
 
                            <ul class="nav navbar-nav">
 
                                <li class="nav-item active selected">
 
                                    <a class="nav-link" href="#0" data-no="1">Home <span class="sr-only">(current)</span></a>
 
                                </li>
 
                                <li class="nav-item">
 
                                    <a class="nav-link" href="#0" data-no="2">Team</a>
 
                                </li>
 
                                <li class="nav-item">
 
                                    <a class="nav-link" href="#0" data-no="3">Project</a>
 
                                </li>
 
                                <li class="nav-item">
 
                                    <a class="nav-link" href="#0" data-no="4">Parts</a>
 
                                </li>
 
                                <li class="nav-item">
 
                                    <a class="nav-link" href="#0" data-no="5">Safety</a>
 
                                </li>
 
                                <li class="nav-item">
 
                                    <a class="nav-link" href="#0" data-no="6">Practices</a>
 
                                </li>
 
                                <li class="nav-item">
 
                                    <a class="nav-link" href="#0" data-no="7">Awards</a>
 
                                </li>
 
                                <li class="nav-item">
 
                                    <a class="nav-link" href="#0" data-no="8">Judging Form</a>
 
                                </li>
 
                            </ul>
 
                        </div>                       
 
                    </div>
 
  
                </nav>
+
    <body>
            </div>  
+
      <!-- Uses a transparent header that draws on top of the layout's background -->
 +
      <style>
 +
      .demo-layout-transparent {
 +
        background: url('4.jpg') center / cover;
 +
      }
 +
      .demo-layout-transparent .mdl-layout__header,
 +
      .demo-layout-transparent .mdl-layout__drawer-button {
 +
        /* This background is dark, so we set text to white. Use 87% black instead if
 +
          your background is light. */
 +
        color: white;
 +
      }
 +
      </style>
  
            <ul class="cd-hero-slider"> <!-- autoplay -->
+
      <div class="demo-layout-transparent mdl-layout mdl-js-layout">
                <li class="selected">
+
        <header class="mdl-layout__header mdl-layout__header--transparent">
                    <div class="cd-full-width">
+
          <div class="mdl-layout__header-row">
                        <div class="container-fluid js-tm-page-content tm-page-1" data-page-no="1">
+
            <!-- Title -->
 +
            <span class="mdl-layout-title"><strong>Peking iGEM</strong> 2017</span>
 +
            <!-- Add spacer, to align navigation to the right -->
 +
            <div class="mdl-layout-spacer"></div>
 +
            <!-- Navigation -->
 +
            <nav class="mdl-navigation">
 +
              <a class="mdl-navigation__link" href=""><strong>Home</strong></a>
 +
              <a class="mdl-navigation__link" href=""><strong>Team</strong></a>
 +
              <a class="mdl-navigation__link" href=""><strong>Project</strong></a>
 +
              <a class="mdl-navigation__link" href=""><strong>Parts</strong></a>
 +
              <a class="mdl-navigation__link" href=""><strong>Safety</strong></a>
 +
              <a class="mdl-navigation__link" href=""><strong>Practices</strong></a>
 +
              <a class="mdl-navigation__link" href=""><strong>Awards</strong></a>
 +
            </nav>
  
                           
 
                           
 
                                <div class="col-xs-12">
 
                                    <div class="tm-2-col-container tm-bg-white-translucent">
 
  
                                       
+
        </div>
 +
        </header>
 +
        <div class="mdl-layout__drawer">
 +
          <span class="mdl-layout-title">Peking iGEM 2017</span>
 +
          <nav class="mdl-navigation">
 +
              <a class="mdl-navigation__link" href=""><strong>Home</strong></a>
 +
              <a class="mdl-navigation__link" href="">Team</a>
 +
              <a class="mdl-navigation__link" href="">Project</a>
 +
              <a class="mdl-navigation__link" href="">Parts</a>
 +
              <a class="mdl-navigation__link" href="">Safety</a>
 +
              <a class="mdl-navigation__link" href="">Practices</a>
 +
              <a class="mdl-navigation__link" href="">Awards</a>
  
                                        <div class="row">
+
          </nav>
                                           
+
        </div>
                                                <div class="tm-textbox" >                                         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.</p>
+
        <div class="demo-ribbon"></div>
                               
+
        <main class="demo-main mdl-layout__content">
                                   
+
        <div class="demo-container mdl-grid">
                                                                <p class="tm-text">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 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 are going 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.</p>  
+
          <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
                                           
+
          <div class="demo-content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
                                        </div>
+
            <h1> Genetic Sequential Logic Circuit Programming </h1>
 +
            <h4  align="justify">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.</h4>
 +
            <h4  align="justify">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.</h4>
 +
          </div>
 +
        </div>
 +
       
 +
<footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width"><ul class="devsite-footer-promos-list">
  
                                    </div>
+
  <li class="devsite-footer-promo"><a href="https://github.com/googlechrome"
                                </div>
+
          class="devsite-footer-promo-title gc-analytics-event"
 +
          data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo"><img class="devsite-footer-promo-icon" src="logo-github.svg">
 +
         
 +
         
 +
            GitHub
 +
         
 +
        </a><div class="devsite-footer-promo-description">Fork our API code samples and other open-source projects.
  
                            </div>
 
  
                        </div>
 
                    </div> <!-- .cd-full-width -->
 
                </li>
 
  
                <li>
+
      </div></li>
                    <div class="cd-full-width">
+
  
                        <div class="container-fluid js-tm-page-content" data-page-no="2">
 
  
                           
+
  <li class="devsite-footer-promo"><a href="https://blog.chromium.org"
                            <div class="row">
+
          class="devsite-footer-promo-title gc-analytics-event"
                                <div class="col-xs-12">
+
          data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo"><img class="devsite-footer-promo-icon" src="facebook.svg">
                                    <div class="tm-flex">
+
         
                           
+
         
                                        <div class="tm-bg-white-translucent tm-textbox-padding">
+
            Facebook
                                            <h2 class="tm-text-title">Lorem ipsum dolor</h2>
+
         
                                            <p class="tm-text">Nulla efficitur, ligula et imperdiet volutpat, lacus tortor tempus massa, eget tempus quam nibh vel nulla.</p>
+
        </a><div class="devsite-footer-promo-description">The latest news on our projects</div></li>
                                            <p class="tm-text">Vivamus non molestie leo, non tincidunt diam. Mauris sagittis elit in velit ultricies aliquet sed in magna.</p>
+
                                            <p class="tm-text">Pellentesque semper, est nec consequat viverra, sem augue tincidunt nisi, a posuere nisi sapien sed sapien. Nulla facilisi.</p>
+
                                        </div>
+
  
                                        <div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding">
 
                                            <h2 class="tm-text-title">Aliquam sem sem</h2>
 
                                            <p class="tm-text">Proin sagittis mauris dolor, vel efficitur lectus dictum nec. Sed ultrices placerat arcu, id malesuada metus cursus suscipit. Donex quis consectetur ligula. Proin accumsan eros id nisi porttitor, a facilisis quam cursus.</p>
 
                                            <p class="tm-text">Donec vitae bibendum est, et ultrices urna. Curabitur ac bibendum augue, a convallis mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris consequat metus hendrerit, tincidunt mi nec, euismod massa.</p>
 
                                        </div>
 
  
                                    </div>
 
                                </div>
 
                            </div>
 
                       
 
                        </div>
 
                                               
 
                    </div> <!-- .cd-full-width -->
 
  
                </li>
+
      <li class="devsite-footer-promo"><a href="https://twitter.com/chromiumdev"
                <!-- Page 3 -->
+
          class="devsite-footer-promo-title gc-analytics-event"
                <li>
+
          data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo"><img class="devsite-footer-promo-icon" src="twitter.svg">
                   
+
         
                    <div class="cd-full-width">
+
         
 +
            Twitter
 +
         
 +
        </a><div class="devsite-footer-promo-description">Connect with @PekingIGEM on Twitter</div></li>
  
                        <div class="container-fluid js-tm-page-content" data-page-no="3">
 
                           
 
                       
 
                            <div class="tm-img-gallery-container">
 
  
                                <div class="tm-img-gallery gallery-one">
+
        <li class="devsite-footer-promo"><a href="https://developers.google.com/web/events/"
                                <!-- Gallery One pop up connected with JS code below -->
+
          class="devsite-footer-promo-title gc-analytics-event"
                                   
+
          data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo"><img class="devsite-footer-promo-icon" src="wikipedia.svg">
                                    <div class="tm-img-gallery-info-container">
+
         
                                   
+
         
                                        <h2 class="tm-text-title tm-gallery-title">Gallery One</h2>
+
            Synbio.wiki
                                        <p class="tm-text">Nulla efficitur, ligula et imperdiet volutpat, lacus tortor tempus massa, eget tempus quam
+
         
                                        nibh vel nulla. Maecenas purus sem, lobortis id odio in, ultrices scelerisque sapien.
+
        </a><div class="devsite-footer-promo-description">Everything you want to know about synthetic biology</div></li>
                                        </p>                                  
+
                                   
+
                                    </div>
+
  
                                   
 
                                                                 
 
                                </div>
 
                               
 
                            </div> <!-- .tm-img-gallery-container -->
 
  
                        </div> <!-- .container-fluid -->
 
                                                   
 
                    </div> <!-- .cd-full-width -->
 
                   
 
                </li>
 
  
                <!-- Page 4 -->
 
                <li>
 
                   
 
                    <div class="cd-full-width">
 
  
                        <div class="container-fluid js-tm-page-content" data-page-no="4">
+
        <li class="devsite-footer-promo"><a href="https://developers.google.com/web/shows/"
 +
          class="devsite-footer-promo-title gc-analytics-event"
 +
          data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo"><img class="devsite-footer-promo-icon" src="youtube.svg">
 +
         
 +
         
 +
            Videos
 +
         
 +
        </a><div class="devsite-footer-promo-description">Check out the Peking iGEM 2017 team&#39;s videos</div></li></ul></nav></footer>
  
                           
 
                           
 
                            <div class="tm-img-gallery-container">
 
  
                                <div class="tm-img-gallery gallery-two">
 
                                <!-- Gallery Two pop up connected with JS code below -->
 
                                   
 
                                    <div class="tm-img-gallery-info-container">
 
                                   
 
                                        <h2 class="tm-text-title tm-gallery-title"><span class="tm-white">Gallery Two</span></h2>
 
                                        <p class="tm-text"><span class="tm-white">Nulla efficitur, ligula et imperdiet volutpat, lacus tortor tempus massa, eget tempus quam nibh vel nulla. Maecenas purus sem, lobortis id odio in, ultrices scelerisque sapien.</span>
 
                                        </p>                                   
 
                                   
 
                                    </div>
 
  
                                   
+
        <footer class="devsite-footer-linkboxes nocontent
                                   
+
              "><nav class="devsite-full-site-width"><ul class="devsite-footer-linkboxes-list"><li class="devsite-footer-linkbox ">
                                                                   
+
                                </div>
+
                               
+
                            </div> <!-- .tm-img-gallery-container -->
+
  
                        </div> <!-- .container-fluid -->
 
                                                   
 
                    </div> <!-- .cd-full-width -->
 
                   
 
                </li>
 
  
                <li>
+
              <h3 class="devsite-footer-linkbox-heading">Supervisors</h3>
  
                    <div class="cd-full-width">
 
                        <div class="container-fluid js-tm-page-content" data-page-no="5">
 
                       
 
                         
 
  
                            <div class="row">
+
              <ul class="devsite-footer-linkbox-list"><li class="devsite-footer-linkbox-item"><a href="https://github.com/google/WebFundamentals/issues" class="gc-analytics-event"
                               
+
              data-category="Site-Wide Custom Events"
                                <div class="col-xs-12">
+
              data-label="Content Page Footer Linkbox">
                                    <div class="tm-flex tm-3-col-container">
+
            </a></li>
                                       
+
        <li><a href="http://dean.pku.edu.cn/pkudean/"> <img src="Admin.png" height = "50"/> </a></li>
                                            <div class="tm-3-col-textbox tm-bg-white-translucent">
+
        <li> <p>    </p> </li>
                                                <div class="text-xs-left tm-textbox tm-textbox-padding">
+
        <li><a href="http://www.bio.pku.edu.cn/en/"> <img src="SLS-logo.png" height = "50"/> </a></li>
 +
        <li> <p>    </p> </li>
 +
        <li><a href="http://cqb.pku.edu.cn/en/"> <img src="CQB.png" height = "50"/> </a></li>
 +
          </li>
 +
   
 +
          </ul>
  
                                                    <h2 class="tm-text-title">Testimonial One</h2>                                         
 
                                                    <p class="tm-text">Etiam vitae imperdiet magna. Vestibulum blandit vehicula metus, ac ornare eros elementum et. Pellentesque habitant morbi tristique senectus et ntus et malesuada fames ac turpis egestas.</p>
 
  
                                                    <p class="tm-text">Mauris lobortis lorem nulla, non tristique enim sollicitudin eu. Praesent tempus dapibus odio nec elementum.</p>
+
          <li class="devsite-footer-linkbox "><h3 class="devsite-footer-linkbox-heading">Sponsors</h3><ul class="devsite-footer-linkbox-list"><li class="devsite-footer-linkbox-item"><a href="https://developers.google.com/web/feedback/" class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Content Page Footer Linkbox">
 +
                Developer Feedback
 +
            </a></li><li class="devsite-footer-linkbox-item"><a href="https://developers.chrome.com/extensions/api_index" class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Content Page Footer Linkbox">
 +
                Chrome Extension Docs
 +
            </a></li><li class="devsite-footer-linkbox-item"><a href="https://developers.google.com/web/tools/chrome-devtools/" class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Content Page Footer Linkbox">
 +
                Chrome DevTools
 +
            </a></li><li class="devsite-footer-linkbox-item"><a href="https://google.github.io/physical-web/" class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Content Page Footer Linkbox">
 +
                Physical Web
 +
            </a></li></ul></li>
  
                                                </div>
 
                                            </div>
 
  
                                            <div class="tm-3-col-textbox tm-bg-white-translucent">
 
                                                <div class="text-xs-left tm-textbox tm-textbox-padding">
 
  
                                                    <h2 class="tm-text-title">Testimonial Two</h2>
 
  
                                                    <p class="tm-text">Curabitur sodales, est auctor congue vulputate, nisl tellus finibus nunc, vitae consectetur enim erat vitae quam.</p>
 
  
                                                    <p class="tm-text">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae tempor turpis.</p>
+
    <li class="devsite-footer-linkbox "><h3 class="devsite-footer-linkbox-heading">Related Links</h3>
                                                </div>        
+
                                            </div>
+
  
                                            <div class="tm-3-col-textbox tm-bg-white-translucent">
 
                                                <div class="text-xs-left tm-textbox tm-textbox-padding">
 
  
                                                    <h2 class="tm-text-title">Testimonial Three</h2>
+
      <ul class="devsite-footer-linkbox-list">
  
                                                    <p class="tm-text">Mauris lobortis lorem nulla, non tristique enim sollicitudin eu. Praesent tempus dapibus odio nec elementum.</p>
+
        <li class="devsite-footer-linkbox-item"><a href="https://getmdl.io/index.html" class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Content Page Footer Linkbox">
 +
                Material Design Lite
 +
            </a></li>
  
                                                    <p class="tm-text">Sed elementum est quis tortor faucibus, et molestie nibh finibus. Mauris condimentum ex vestibulum fringilla consectetur.</p>
 
                                                </div>         
 
                                            </div>
 
                                       
 
                                    </div>
 
                                </div>
 
  
                            </div>
+
        <li class="devsite-footer-linkbox-item"><a href="https://www.mediawiki.org/wiki/MediaWiki" class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Content Page Footer Linkbox">
 +
                Mediawiki
 +
            </a></li>
  
                        </div>       
 
                    </div>                                     
 
  
                </li>
+
            </ul></li>
  
                <li>
 
                    <div class="cd-full-width">
 
  
                        <div class="container-fluid js-tm-page-content" data-page-no="6">
 
  
                       
 
                           
 
                            <div class="tm-contact-page">
 
                               
 
                                <div class="row">
 
  
                                    <div class="col-xs-12">
 
  
                                        <div class="tm-flex tm-contact-container">
+
            <li class="devsite-footer-linkbox devsite-footer-linkbox-sites"><h2
                               
+
          class="gc-analytics-event devsite-footer-linkbox-logo-link"
                                            <div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding tm-textbox-padding-contact">
+
          data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link"><font color="white"><strong>Peking iGEM </strong> 2017</font></h2>
                                                <p class="tm-text">Praesent tempus dapibus odio nec elementum. Sed elementum est quis tortor faucibus, et molestie nibh finibus. Mauris condimentum ex vestibulum fringilla consectetur.</p>                                              
+
                                               
+
                                                <!-- contact form -->
+
                                                <form action="index.html" method="post" class="tm-contact-form">
+
  
                                                    <div class="form-group col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-form-group-left">
+
              <ul class="devsite-footer-linkbox-list">
                                                        <input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Name"  required/>
+
                                                    </div>
+
                                       
+
                                                    <div class="form-group col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 tm-form-group-right">                                                       
+
                                                        <input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="Email"  required/>
+
                                                    </div>
+
                                                                                                           
+
                                                    <div class="form-group">
+
                                                        <input type="text" id="contact_subject" name="contact_subject" class="form-control" placeholder="Subject"  required/>
+
                                                    </div> 
+
                                                   
+
                                                    <div class="form-group">
+
                                                        <textarea id="contact_message" name="contact_message" class="form-control" rows="5" placeholder="Your message" required></textarea>
+
                                                    </div>  
+
  
                                                    <button type="submit" class="pull-xs-right tm-submit-btn">Send</button> 
 
                                               
 
                                                </form> 
 
                                            </div>
 
  
                                            <div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding tm-textbox-padding-contact">
+
              <li class="devsite-footer-linkbox-heading"><h4  class="gc-analytics-event"
                                                <h2 class="tm-contact-info">123 New Street 11000, San Francisco, CA</h2>
+
              data-category="Site-Wide Custom Events"
                                                <!-- google map goes here -->
+
              data-label="Footer Android Link">
                                                <div id="">map</div>
+
                Mail:
                                            </div>
+
            </h4></li>
  
                                        </div>
 
  
                                    </div>
+
            <li class="devsite-footer-linkbox-item"><a href="mailto:PekingIGEM@gmail.com" class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Footer Chrome Link">
 +
              PekingIGEM@gmail.com
 +
            </a></li>
  
                                </div>
+
            <li class="devsite-footer-linkbox-heading"><h4  class="gc-analytics-event"
 +
              data-category="Site-Wide Custom Events"
 +
              data-label="Footer Android Link">
 +
                Address:
 +
            </h4></li>
  
                            </div>   
 
  
                        </div>
+
            <li class="devsite-footer-linkbox-item"><a class="gc-analytics-event"
                       
+
              data-category="Site-Wide Custom Events"
                    </div> <!-- .cd-full-width -->
+
              data-label="Footer Chrome Link">
                </li>
+
              Peking University,<br>  
            </ul> <!-- .cd-hero-slider -->
+
No.5 Yiheyuan Road Haidian District,<br>
           
+
Beijing, P.R.China 100871</a></li>
            <footer class="tm-footer">
+
            </a></li>
           
+
                <div class="tm-social-icons-container text-xs-center">
+
                    <a href="#" class="tm-social-link"><i class="fa fa-facebook"></i></a>
+
                    <a href="#" class="tm-social-link"><i class="fa fa-google-plus"></i></a>
+
                    <a href="#" class="tm-social-link"><i class="fa fa-twitter"></i></a>
+
                    <a href="#" class="tm-social-link"><i class="fa fa-behance"></i></a>
+
                    <a href="#" class="tm-social-link"><i class="fa fa-linkedin"></i></a>
+
                </div>
+
               
+
                <!--<p class="tm-copyright-text">Copyright &copy; 2016 Your Company
+
               
+
                - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>-->
+
  
            </footer>
 
                   
 
        </div> <!-- .cd-hero -->
 
       
 
  
        <!-- Preloader, https://ihatetomatoes.net/create-custom-preloading-screen/ -->
 
        <div id="loader-wrapper">
 
           
 
            <div id="loader"></div>
 
            <div class="loader-section section-left"></div>
 
            <div class="loader-section section-right"></div>
 
  
        </div>
 
       
 
        <!-- load JS files -->
 
  
        <script type="text/javascript" src="https://2017.igem.org/Template:Peking/js/jquery-1.11.3.min?
 
action=raw&ctype=text/javascript"></script>
 
  
  
        <script type="text/javascript" src="https://2017.igem.org/Template:Peking/js/tether.min?
+
          </ul></li></ul></nav>
action=raw&ctype=text/javascript"></script>         <!-- jQuery (https://jquery.com/download/) -->
+
          </footer>
  
 +
          <footer class="devsite-utility-footer"><nav class="devsite-utility-footer-nav devsite-nav devsite-full-site-width"><div class="devsite-utility-footer-nav-left">
 +
          </footer>
  
        <script type="text/javascript" src="https://2017.igem.org/Template:Peking/js/bootstrap.min?
+
          <footer class="devsite-utility-footer"><nav class="devsite-utility-footer-nav devsite-nav devsite-full-site-width"><div class="devsite-utility-footer-nav-left">
action=raw&ctype=text/javascript"></script>        <!-- jQuery (https://jquery.com/download/) -->
+
          </footer>
 
+
      </main>
 
+
      </div>
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/js/hero-slider-main?
+
      <a href="mailto:PekingIGEM@gmail.com" id="view-source" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--deep-orange mdl-color-text--accent-contrast">Contact Us!</a>
action=raw&ctype=text/javascript"></script>        <!-- jQuery (https://jquery.com/download/) -->
+
 
+
 
+
 
+
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/js/jquery.magnific-popup.min?
+
action=raw&ctype=text/javascript"></script>        <!-- jQuery (https://jquery.com/download/) -->
+
 
+
        <script>
+
 
+
            function adjustHeightOfPage(pageNo) {
+
 
+
                var offset = 80;
+
                var pageContentHeight = $(".cd-hero-slider li:nth-of-type(" + pageNo + ") .js-tm-page-content").height();
+
 
+
                if($(window).width() >= 992) { offset = 120; }
+
                else if($(window).width() < 480) { offset = 40; }
+
             
+
                // Get the page height
+
                var totalPageHeight = 15 + $('.cd-slider-nav').height()
+
                                        + pageContentHeight + offset
+
                                        + $('.tm-footer').height();
+
 
+
                // Adjust layout based on page height and window height
+
                if(totalPageHeight > $(window).height())
+
                {
+
                    $('.cd-hero-slider').addClass('small-screen');
+
                    $('.cd-hero-slider li:nth-of-type(' + pageNo + ')').css("min-height", totalPageHeight + "px");
+
                }
+
                else
+
                {
+
                    $('.cd-hero-slider').removeClass('small-screen');
+
                    $('.cd-hero-slider li:nth-of-type(' + pageNo + ')').css("min-height", "100%");
+
                }
+
            }
+
 
+
            /*
+
                Everything is loaded including images.
+
            */
+
            $(window).load(function(){
+
 
+
                adjustHeightOfPage(1); // Adjust page height
+
 
+
                /* Gallery One pop up
+
                -----------------------------------------*/
+
                $('.gallery-one').magnificPopup({
+
                    delegate: 'a', // child items selector, by clicking on it popup will open
+
                    type: 'image',
+
                    gallery:{enabled:true}               
+
                });
+
+
/* Gallery Two pop up
+
                -----------------------------------------*/
+
$('.gallery-two').magnificPopup({
+
                    delegate: 'a',
+
                    type: 'image',
+
                    gallery:{enabled:true}               
+
                });
+
 
+
                /* Collapse menu after click
+
                -----------------------------------------*/
+
                $('#tmNavbar a').click(function(){
+
                    $('#tmNavbar').collapse('hide');
+
 
+
                    adjustHeightOfPage($(this).data("no")); // Adjust page height     
+
                });
+
 
+
                /* Browser resized
+
                -----------------------------------------*/
+
                $( window ).resize(function() {
+
                    var currentPageNo = $(".cd-hero-slider li.selected .js-tm-page-content").data("page-no");
+
                   
+
                    // wait 3 seconds
+
                    setTimeout(function() {
+
                        adjustHeightOfPage( currentPageNo );
+
                    }, 1000);
+
                   
+
                });
+
       
+
                // Remove preloader (https://ihatetomatoes.net/create-custom-preloading-screen/)
+
                $('body').addClass('loaded');
+
                         
+
            });
+
 
+
         
+
       
+
         
+
 
+
        </script>          
+
  
</body>
+
    </body>
 
</html>
 
</html>

Revision as of 07:53, 7 October 2017


<!DOCTYPE html> Team:Peking

Genetic Sequential Logic Circuit Programming

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.

Contact Us!