Difference between revisions of "Template:Peking/header"

 
(43 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
<title>Peking Header</title>
 
<title>Peking Header</title>
  
 
+
<style>
 
+
     #sideMenu, #top_title {
<head>
+
        <meta charset="utf-8">
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <style>
+
        #view-source
+
        {
+
            position: fixed;
+
            display: block;
+
            right: 0;
+
            bottom: 0;
+
            z-index: 900;
+
        }
+
foot{
+
  text-align:center;
+
  background:#black;
+
}
+
#sideMenu{
+
 
         display: none;
 
         display: none;
 
     }
 
     }
     #top_title{
+
 
         display: none;
+
     #content {
    }
+
         padding: 0px;
    #content{
+
 
         width: 100%;
 
         width: 100%;
         padding: none;
+
         margin-top: 50px;
         margin: 0;
+
         margin-left: 0%;
}
+
         margin-right: 0%
    </style>
+
         </style>
+
<body class="
+
  
  devsite-landing-page
+
    }
              devsite-header-no-lower-tabs"
+
      id="top_of_page"><div class="devsite-wrapper"><div class="devsite-top-section-wrapper
+
            devsite-billboard-search-active"><header class="devsite-top-section nocontent">
+
  
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
        margin-bottom: 0px;
 +
    }
  
    <div class="devsite-top-logo-row-wrapper-wrapper" style="position: fixed;"><div class="devsite-top-logo-row-wrapper"><div class="devsite-top-logo-row devsite-full-site-width"><button type="button" class="devsite-expand-section-nav devsite-header-icon-button
+
</style>
                                      button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Hamburger menu"></button><div class="devsite-product-name-wrapper"><a class="devsite-product-name-link gc-analytics-event" href="https://2017.igem.org/Team:Peking" data-category="Site-Wide Custom Events" data-label="Project logo (header)"><img src="TeamLogo.png" class="devsite-product-logo" alt="Peking iGEM2017">  </a>
+
  
        <h1 class="devsite-product-name" ><strong> Peking iGEM</strong> 2017</h1></div>
 
  
        <div class="devsite-header-upper-tabs"><nav class="devsite-doc-set-nav devsite-nav devsite-overflow-tabs-scroll-wrapper"
+
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
  
 +
<body class="
  
        <ul class="devsite-doc-set-nav-tab-list devsite-overflow-tabs-scroll" style="min-width: 0px; left: 0px;">
+
  devsite-landing-page
 +
              devsite-header-no-lower-tabs"
 +
      id="top_of_page">
  
 +
<nav style=" padding-top: 2cm;">
 +
    <div class="devsite-wrapper">
 +
        <div class="devsite-top-section-wrapper
 +
            devsite-billboard-search-active">
 +
<div><br><br><br><br><br><br><br><br></div>
 +
            <div class="devsite-top-section nocontent">
  
            <li class="devsite-doc-set-nav-tab-container"><a href="https://developers.google.com/" class="devsite-doc-set-nav-active
 
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Project">
 
        Project
 
    </a></li><li class="devsite-doc-set-nav-tab-container"><a href="https://developers.google.com/products/" class="
 
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Modelling">
 
        Modelling
 
    </a></li><li class="devsite-doc-set-nav-tab-container"><a href="https://developers.googleblog.com" class="
 
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Software">
 
        Software
 
    </a></li>
 
  
        <li class="devsite-doc-set-nav-tab-container"><a href="https://developers.googleblog.com" class="
+
                <div class="devsite-top-logo-row-wrapper-wrapper" style="position: fixed;">
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Lab">
+
                    <div class="devsite-top-logo-row-wrapper">
            Lab
+
                        <div class="devsite-top-logo-row devsite-full-site-width">
        </a></li>
+
                            <button type="button" class="devsite-expand-section-nav devsite-header-icon-button
 +
                                      button-flat material-icons gc-analytics-event"
 +
                                    data-category="Site-Wide Custom Events" data-label="Hamburger menu"></button>
 +
                            <div class="devsite-product-name-wrapper"><a
 +
                                    class="devsite-product-name-link gc-analytics-event"
 +
                                    href="https://2017.igem.org/Team:Peking" data-category="Site-Wide Custom Events"
 +
                                    data-label="Project logo (header)"><img
 +
                                    src="https://static.igem.org/mediawiki/2017/c/cf/Peking_TeamLogoClassical.png"
 +
                                    class="devsite-product-logo" alt="Peking iGEM2017"> </a>
  
        <li class="devsite-doc-set-nav-tab-container"><a href="https://developers.googleblog.com" class="
+
                                <h1 class="devsite-product-name"><strong> Peking iGEM</strong> 2017</h1></div>
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Human Practices">
+
            Human Practices
+
        </a></li>
+
  
        <li class="devsite-doc-set-nav-tab-container"><a href="https://developers.googleblog.com" class="
+
                            <div class="devsite-header-upper-tabs">
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Team">
+
                                <nav class="devsite-doc-set-nav devsite-nav devsite-overflow-tabs-scroll-wrapper"
            Team
+
        </a></li>
+
  
            <li class="devsite-doc-set-nav-tab-container"><a href="https://developers.googleblog.com" class="
 
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Award">
 
                Award
 
            </a></li>
 
  
    </ul></nav></div>
+
                                <ul class="devsite-doc-set-nav-tab-list devsite-overflow-tabs-scroll"
 +
                                    style="min-width: 0px; left: 0px;">
  
        <div class="devsite-site-mask"></div>
 
  
        </div></div></div></div></div></div></body>
+
                                    <li class="devsite-doc-set-nav-tab-container"><a
 +
                                            href="https://2017.igem.org/Team:Peking/Project" class="devsite-doc-set-nav-active
 +
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events"
 +
                                            data-label="Tab: Project">
 +
                                        Project
 +
                                    </a></li>
 +
                                    <li class="devsite-doc-set-nav-tab-container"><a
 +
                                            href="https://2017.igem.org/Team:Peking/Modelling" class="
 +
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events"
 +
                                            data-label="Tab: Modelling">
 +
                                        Modelling
 +
                                    </a></li>
 +
                                    <li class="devsite-doc-set-nav-tab-container"><a
 +
                                            href="https://2017.igem.org/Team:Peking/Software" class="
 +
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events"
 +
                                            data-label="Tab: Software">
 +
                                        Software
 +
                                    </a></li>
  
 +
                                    <li class="devsite-doc-set-nav-tab-container"><a
 +
                                            href="https://2017.igem.org/Team:Peking/Lab" class="
 +
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events"
 +
                                            data-label="Tab: Lab">
 +
                                        Lab
 +
                                    </a></li>
  
 +
                                    <li class="devsite-doc-set-nav-tab-container"><a
 +
                                            href="https://2017.igem.org/Team:Peking/Human_Practices" class="
 +
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events"
 +
                                            data-label="Tab: Human Practices">
 +
                                        Human Practices
 +
                                    </a></li>
  
<div class="demo-container mdl-grid">
+
                                    <li class="devsite-doc-set-nav-tab-container"><a
    <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
+
                                            href="https://2017.igem.org/Team:Peking/Team" class="
    <div class="demo-content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
+
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events"
        <h1> Genetic Sequential Logic Circuit Programming </h1>
+
                                            data-label="Tab: Team">
        <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>
+
                                        Team
        <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>
+
                                    </a></li>
    </div>
+
</div>
+
  
 +
                                    <li class="devsite-doc-set-nav-tab-container"><a
 +
                                            href="https://2017.igem.org/Team:Peking/Award" class="
 +
                devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events"
 +
                                            data-label="Tab: Award">
 +
                                        Award
 +
                                    </a></li>
  
 +
                                </ul>
  
<div class="demo-container mdl-grid">
+
                            </div>
    <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
+
                            <div class="devsite-site-mask"></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>
+
                    </div>
        <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>
+
                </div>
         <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>
 
     </div>
 
     </div>
</div>
+
</nav>
  
  
<div class="demo-container mdl-grid">
+
</html>
    <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">
+
        <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>
+
  
  
 
+
{{Peking/footer}}
 
+
 
+
 
+
 
+
 
+
 
+
 
+
<footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width"><ul class="devsite-footer-promos-list">
+
 
+
  <li class="devsite-footer-promo"><a href="https://github.com/googlechrome"
+
          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></li>
+
 
+
 
+
  <li class="devsite-footer-promo"><a href="https://blog.chromium.org"
+
          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="facebook.svg">
+
 
+
 
+
            Facebook
+
 
+
        </a><div class="devsite-footer-promo-description">The latest news on our projects</div></li>
+
 
+
 
+
 
+
      <li class="devsite-footer-promo"><a href="https://twitter.com/chromiumdev"
+
          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="twitter.svg">
+
 
+
 
+
            Twitter
+
 
+
        </a><div class="devsite-footer-promo-description">Connect with @PekingIGEM on Twitter</div></li>
+
 
+
 
+
        <li class="devsite-footer-promo"><a href="https://developers.google.com/web/events/"
+
          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">
+
 
+
 
+
            Synbio.wiki
+
 
+
        </a><div class="devsite-footer-promo-description">Everything you want to know about synthetic biology</div></li>
+
 
+
 
+
 
+
 
+
        <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>
+
 
+
 
+
 
+
        <footer class="devsite-footer-linkboxes nocontent
+
              "><nav class="devsite-full-site-width"><ul class="devsite-footer-linkboxes-list"><li class="devsite-footer-linkbox ">
+
 
+
 
+
              <h3 class="devsite-footer-linkbox-heading">Supervisors</h3>
+
 
+
 
+
              <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"
+
              data-label="Content Page Footer Linkbox">
+
            </a></li>
+
        <li><a href="http://dean.pku.edu.cn/pkudean/"> <img src="Admin.png" height = "50"/> </a></li>
+
        <li> <p>    </p> </li>
+
        <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>
+
 
+
 
+
          <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>
+
 
+
 
+
 
+
 
+
 
+
    <li class="devsite-footer-linkbox "><h3 class="devsite-footer-linkbox-heading">Related Links</h3>
+
 
+
 
+
      <ul class="devsite-footer-linkbox-list">
+
 
+
        <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>
+
 
+
 
+
        <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>
+
 
+
 
+
            </ul></li>
+
 
+
 
+
 
+
 
+
 
+
            <li class="devsite-footer-linkbox devsite-footer-linkbox-sites"><h2
+
          class="gc-analytics-event devsite-footer-linkbox-logo-link"
+
          data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link"><font color="white"><strong>Peking iGEM </strong> 2017</font></h2>
+
 
+
              <ul class="devsite-footer-linkbox-list">
+
 
+
 
+
              <li class="devsite-footer-linkbox-heading"><h4  class="gc-analytics-event"
+
              data-category="Site-Wide Custom Events"
+
              data-label="Footer Android Link">
+
                Mail:
+
            </h4></li>
+
 
+
 
+
            <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>
+
 
+
            <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>
+
 
+
 
+
            <li class="devsite-footer-linkbox-item"><a class="gc-analytics-event"
+
              data-category="Site-Wide Custom Events"
+
              data-label="Footer Chrome Link">
+
              Peking University,<br>
+
No.5 Yiheyuan Road Haidian District,<br>
+
Beijing, P.R.China 100871</a></li>
+
            </a></li>
+
 
+
 
+
          </ul></li></ul></nav>
+
          </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>
+
 
+
          <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>
+
      </main>
+
      </div>
+
</html>
+

Latest revision as of 17:55, 6 October 2017

Peking Header


Team:Peking