Difference between revisions of "Team:Peking"

Line 1: Line 1:
−
{{Peking}}
+
<!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}}
 +
 
 
<html>
 
<html>
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
    <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 -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
        <!--[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 -->       
 +
            <div class="cd-slider-nav">
 +
                <nav class="navbar">
 +
                    <div class="tm-navbar-bg">
 +
                       
 +
                        <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>
 +
            </div>
 +
 +
            <ul class="cd-hero-slider">  <!-- autoplay -->
 +
                <li class="selected">
 +
                    <div class="cd-full-width">
 +
                        <div class="container-fluid js-tm-page-content tm-page-1" data-page-no="1">
 +
 +
                            <div class="cd-bg-video-wrapper" data-video="video/moving-cloud">
 +
                                <!-- video element will be loaded using jQuery -->
 +
                            </div> <!-- .cd-bg-video-wrapper -->
 +
                           
 +
                            <div class="row">
 +
                           
 +
                                <div class="col-xs-12">
 +
                                    <div class="tm-2-col-container tm-bg-white-translucent">
 +
 +
                                        <div class="row">
 +
                                            <div class="col-xs-12">
 +
                                                <h2 class="tm-text-title">Genetic Sequential Logic Circuit Programming</h2>   
 +
                                            </div>                                           
 +
                                        </div>
 +
 +
                                        <div class="row">
 +
                                           
 +
                                                <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>
 +
                               
 +
                                   
 +
                                                                <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>
 +
 +
                                    </div>
 +
                                </div>
 +
 +
                            </div>
 +
 +
                        </div>
 +
                    </div> <!-- .cd-full-width -->
 +
                </li>
 +
 +
                <li>
 +
                    <div class="cd-full-width">
 +
 +
                        <div class="container-fluid js-tm-page-content" data-page-no="2">
 +
 +
                            <div class="cd-bg-video-wrapper" data-video="video/red-flower">
 +
                                <!-- video element will be loaded using jQuery -->
 +
                            </div> <!-- .cd-bg-video-wrapper -->
 +
                           
 +
                            <div class="row">
 +
                                <div class="col-xs-12">
 +
                                    <div class="tm-flex">
 +
                           
 +
                                        <div class="tm-bg-white-translucent tm-textbox-padding">
 +
                                            <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>
 +
                                            <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>
 +
                <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
 +
                <!-- Page 3 -->
 +
                <li>
 +
                   
 +
                    <div class="cd-full-width">
 +
 +
                        <div class="container-fluid js-tm-page-content" data-page-no="3">
 +
                           
 +
                            <div class="cd-bg-video-wrapper" data-video="video/sunset-cloud">
 +
                                <!-- video element will be loaded using jQuery -->
 +
                            </div> <!-- .cd-bg-video-wrapper -->
 +
                           
 +
                            <div class="tm-img-gallery-container">
 +
 +
                                <div class="tm-img-gallery gallery-one">
 +
                                <!-- Gallery One pop up connected with JS code below -->
 +
                                   
 +
                                    <div class="tm-img-gallery-info-container">
 +
                                   
 +
                                        <h2 class="tm-text-title tm-gallery-title">Gallery One</h2>
 +
                                        <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.
 +
                                        </p>                                   
 +
                                   
 +
                                    </div>
 +
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-01.jpg">                                               
 +
                                            <img src="img/tm-img-01-tn.jpg" alt="Image" class="img-fluid tm-img">                                             
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-02.jpg">                                               
 +
                                            <img src="img/tm-img-02-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-03.jpg">                                               
 +
                                            <img src="img/tm-img-03-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-04.jpg">                                               
 +
                                            <img src="img/tm-img-04-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-05.jpg">                                               
 +
                                            <img src="img/tm-img-05-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-06.jpg">                                               
 +
                                            <img src="img/tm-img-06-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>                               
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-07.jpg">                                               
 +
                                            <img src="img/tm-img-07-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-08.jpg">                                               
 +
                                            <img src="img/tm-img-08-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </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">
 +
 +
                            <div class="cd-bg-video-wrapper" data-video="video/night-light-blur">
 +
                                <!-- video element will be loaded using jQuery -->
 +
                            </div> <!-- .cd-bg-video-wrapper -->
 +
                           
 +
                            <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>
 +
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-09.jpg">                                               
 +
                                            <img src="img/tm-img-09-tn.jpg" alt="Image" class="img-fluid tm-img">                                             
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-10.jpg">                                               
 +
                                            <img src="img/tm-img-10-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-11.jpg">                                               
 +
                                            <img src="img/tm-img-11-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-12.jpg">                                               
 +
                                            <img src="img/tm-img-12-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-13.jpg">                                               
 +
                                            <img src="img/tm-img-13-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-14.jpg">                                               
 +
                                            <img src="img/tm-img-14-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>                               
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-15.jpg">                                               
 +
                                            <img src="img/tm-img-15-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <a href="img/tm-img-16.jpg">                                               
 +
                                            <img src="img/tm-img-16-tn.jpg" alt="Image" class="img-fluid tm-img">                                               
 +
                                        </a>
 +
                                    </div>                                       
 +
                                </div>
 +
                               
 +
                            </div> <!-- .tm-img-gallery-container -->
 +
 +
                        </div> <!-- .container-fluid -->
 +
                                                   
 +
                    </div> <!-- .cd-full-width -->
 +
                   
 +
                </li>
 +
 +
                <li>
 +
 +
                    <div class="cd-full-width">
 +
                        <div class="container-fluid js-tm-page-content" data-page-no="5">
 +
                       
 +
                            <div class="cd-bg-video-wrapper" data-video="video/padaut-bee">
 +
                                <!-- video element will be loaded using jQuery -->
 +
                            </div> <!-- .cd-bg-video-wrapper -->
 +
 +
                            <div class="row">
 +
                               
 +
                                <div class="col-xs-12">
 +
                                    <div class="tm-flex tm-3-col-container">
 +
                                       
 +
                                            <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 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>
 +
 +
                                                </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>
 +
                                                </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>
 +
 +
                                                    <p class="tm-text">Mauris lobortis lorem nulla, non tristique enim sollicitudin eu. Praesent tempus dapibus odio nec elementum.</p>
 +
 +
                                                    <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>
 +
 +
                        </div>       
 +
                    </div>                                     
 +
 +
                </li>
 +
 +
                <li>
 +
                    <div class="cd-full-width">
 +
 +
                        <div class="container-fluid js-tm-page-content" data-page-no="6">
 +
 +
                        <div class="cd-bg-video-wrapper" data-video="video/sunset-loop">
 +
                            <!-- video element will be loaded using jQuery -->
 +
                        </div> <!-- .cd-bg-video-wrapper -->
 +
                           
 +
                            <div class="tm-contact-page">
 +
                               
 +
                                <div class="row">
 +
 +
                                    <div class="col-xs-12">
 +
 +
                                        <div class="tm-flex tm-contact-container">
 +
                               
 +
                                            <div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding tm-textbox-padding-contact">
 +
                                                <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">
 +
                                                        <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">
 +
                                                <h2 class="tm-contact-info">123 New Street 11000, San Francisco, CA</h2>
 +
                                                <!-- google map goes here -->
 +
                                                <div id="">map</div>
 +
                                            </div>
  
 +
                                        </div>
  
−
<div class="column full_size" >
+
                                    </div>
−
<img src="http://placehold.it/2000x300/d3d3d3/f2f2f2">
+
−
</div>
+
  
 +
                                </div>
  
 +
                            </div>   
  
−
<div class="column full_size" >
+
                        </div>
−
<h1> Welcome to iGEM 2017! </h1>
+
                       
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
                    </div> <!-- .cd-full-width -->
−
</div>  
+
                </li>
 +
            </ul> <!-- .cd-hero-slider -->
 +
           
 +
            <footer class="tm-footer">
 +
           
 +
                <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 -->
 +
       
  
−
<div class="column full_size" >
+
        <!-- Preloader, https://ihatetomatoes.net/create-custom-preloading-screen/ -->
−
<h1> Genetic Sequential Logic Circuit Programming </h1>
+
        <div id="loader-wrapper">
−
<p>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>
+
           
−
<p>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 id="loader"></div>
−
</div>  
+
            <div class="loader-section section-left"></div>
 +
            <div class="loader-section section-right"></div>
  
−
<div class="clear"></div>
+
        </div>
 +
       
 +
        <!-- load JS files -->
  
−
<div class="column half_size" >
+
        <script type="text/javascript" src="https://2017.igem.org/Template:Peking/js/tether.min?
−
<h5>Before you start: </h5>
+
action=raw&ctype=text/javascript"></script>         <!-- jQuery (https://jquery.com/download/) -->
−
<p> Please read the following pages:</p>
+
−
<ul>
+
−
<li>  <a href="https://2017.igem.org/Competition">Competition Hub</a> </li>
+
−
<li> <a href="https://2017.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2017.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column half_size" >
 
−
<div class="highlight">
 
−
<h5> Styling your wiki </h5>
 
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
 
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
 
−
</div>
 
−
</div>
 
  
−
<div class="column full_size" >
+
        <script type="text/javascript" src="https://2017.igem.org/Template:Peking/js/bootstrap.min?
−
<h5> Wiki template information </h5>
+
action=raw&ctype=text/javascript"></script>         <!-- jQuery (https://jquery.com/download/) -->
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2017.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
  
−
</div>
 
  
 +
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/js/hero-slider-main?
 +
action=raw&ctype=text/javascript"></script>        <!-- jQuery (https://jquery.com/download/) -->
  
  
  
−
<div class="column half_size" >
+
<script type="text/javascript" src="https://2017.igem.org/Template:Peking/js/jquery.magnific-popup.min?
−
<h5> Editing your wiki </h5>
+
action=raw&ctype=text/javascript"></script>         <!-- jQuery (https://jquery.com/download/) -->
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p> <a href="https://2017.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
  
−
</div>
+
        <script>
  
 +
            function adjustHeightOfPage(pageNo) {
  
−
<div class="column half_size" >
+
                var offset = 80;
−
<h5>Tips</h5>
+
                var pageContentHeight = $(".cd-hero-slider li:nth-of-type(" + pageNo + ") .js-tm-page-content").height();
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2017.igem.org/Calendar">iGEM 2017 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
  
 +
                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();
  
−
<div class="column half_size" >
+
                // Adjust layout based on page height and window height
−
<h5>Inspiration</h5>
+
                if(totalPageHeight > $(window).height())
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
                {
−
<ul>
+
                    $('.cd-hero-slider').addClass('small-screen');
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
                    $('.cd-hero-slider li:nth-of-type(' + pageNo + ')').css("min-height", totalPageHeight + "px");
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
                }
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
                else
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
                {
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
                    $('.cd-hero-slider').removeClass('small-screen');
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
                    $('.cd-hero-slider li:nth-of-type(' + pageNo + ')').css("min-height", "100%");
−
</ul>
+
                }
−
</div>
+
            }
  
−
<div class="column half_size" >
+
            /*
−
<h5> Uploading pictures and files </h5>
+
                Everything is loaded including images.
−
<p> You can upload your pictures and files to the iGEM 2017 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
            */
−
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)<br><br>
+
            $(window).load(function(){
  
−
<a href="https://2017.igem.org/Special:Upload">
+
                adjustHeightOfPage(1); // Adjust page height
−
UPLOAD FILES
+
−
</a>
+
−
</p>
+
−
</div>
+
  
 +
                /* 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>
 
</html>
 
</html>

Revision as of 13:13, 30 June 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 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.

  • Lorem ipsum dolor

    Nulla efficitur, ligula et imperdiet volutpat, lacus tortor tempus massa, eget tempus quam nibh vel nulla.

    Vivamus non molestie leo, non tincidunt diam. Mauris sagittis elit in velit ultricies aliquet sed in magna.

    Pellentesque semper, est nec consequat viverra, sem augue tincidunt nisi, a posuere nisi sapien sed sapien. Nulla facilisi.

    Aliquam sem sem

    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.

    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.

    • Collect from 企业网站模板

  • Gallery One

    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.

    Image
    Image
    Image
    Image
    Image
    Image
    Image
    Image

  • Gallery Two

    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.

    Image
    Image
    Image
    Image
    Image
    Image
    Image
    Image

  • Testimonial One

    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.

    Mauris lobortis lorem nulla, non tristique enim sollicitudin eu. Praesent tempus dapibus odio nec elementum.

    Testimonial Two

    Curabitur sodales, est auctor congue vulputate, nisl tellus finibus nunc, vitae consectetur enim erat vitae quam.

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae tempor turpis.

    Testimonial Three

    Mauris lobortis lorem nulla, non tristique enim sollicitudin eu. Praesent tempus dapibus odio nec elementum.

    Sed elementum est quis tortor faucibus, et molestie nibh finibus. Mauris condimentum ex vestibulum fringilla consectetur.

  • Praesent tempus dapibus odio nec elementum. Sed elementum est quis tortor faucibus, et molestie nibh finibus. Mauris condimentum ex vestibulum fringilla consectetur.

    123 New Street 11000, San Francisco, CA

    map