Team:SCU-China/test

From 2014.igem.org

(Difference between revisions)
 
(73 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
<!doctype html>
+
<html>
-
<html lang="zh">
+
<style>
-
<head>
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
    <meta charset="utf-8">
+
</style>
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<link rel="stylesheet" href="https://2014.igem.org/Team:SCU-China/bootstrap.min.css ?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
-
<meta name="description" content="A layout example that shows off a responsive product landing page.">
+
<link rel="stylesheet" href="https://2014.igem.org/Team:SCU-China/bootstrap-theme.min.css ?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
-
    <title>Landing Page &ndash; Layout Examples &ndash; Pure</title>
 
-
   
+
<script src="https://2014.igem.org/Team:SCU-China/jquery.min.js ?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
-
 
+
<script src="https://2014.igem.org/Team:SCU-China/bootstrap.min.js ?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
-
 
+
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="margin-top: 20px;">
-
 
+
      <div class="container">
-
 
+
        <div class="navbar-header">
-
 
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
-
 
+
             <span class="sr-only">Toggle navigation</span>
-
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
+
             <span class="icon-bar"></span>
-
 
+
            <span class="icon-bar"></span>
-
 
+
            <span class="icon-bar"></span>
-
 
+
          </button>
-
 
+
          <a class="navbar-brand" href="#">SCU-Igem</a>
-
 
+
-
<link rel="stylesheet" href="/css/layouts/marketing.css">
+
-
 
+
-
 
+
-
 
+
-
 
+
-
   
+
-
</head>
+
-
<body>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<div class="content">
+
-
    <div class="header">
+
-
        <div class="pure-menu pure-menu-open pure-menu-fixed pure-menu-horizontal">
+
-
             <a class="pure-menu-heading" href="">Your Site</a>
+
-
 
+
-
             <ul>
+
-
                <li class="pure-menu-selected"><a href="#">Home</a></li>
+
-
                <li><a href="#">Tour</a></li>
+
-
                <li><a href="#">API</a></li>
+
-
                <li><a href="#">Blog</a></li>
+
-
                <li><a href="#">About</a></li>
+
-
            </ul>
+
         </div>
         </div>
-
    </div>
+
        <div id="navbar" class="collapse navbar-collapse">
-
 
+
          <ul class="nav navbar-nav">
-
    <div class="splash">
+
            <li class="dropdown active"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <span class="caret"></span></a>
-
        <div class="pure-g-r">
+
              <ul class="dropdown-menu" role="menu">
-
            <div class="pure-u-1-3">
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Background">Background</a></li>
-
                <div class="l-box splash-image">
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Overview">Overview</a></li>
-
                    <img src="http://placehold.it/500x350"
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Description">Description</a></li>
-
                        alt="Placeholder image for example.">
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Result">Result</a></li>
-
                </div>
+
               
-
            </div>
+
              </ul>
-
 
+
            </li>
-
            <div class="pure-u-2-3">
+
             <li><a href="https://2014.igem.org/Team:SCU-China/Modeling">Modeling</a></li>
-
                <div class="l-box splash-text">
+
            <li><a href="https://2014.igem.org/Team:SCU-China/HumanPractice">Human Practice</a></li>
-
                    <h1 class="splash-head">
+
             <li><a href="https://2014.igem.org/Team:SCU-China/Attributions">Attributions</a></li>
-
                        Some big bold text.
+
            <li><a href="https://2014.igem.org/Team:SCU-China/Team">Team</a></li>
-
                    </h1>
+
             <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Notbook<span class="caret"></span></a>
-
 
+
              <ul class="dropdown-menu" role="menu">
-
                    <h2 class="splash-subhead">
+
                <li class="dropdown-header">Notebook</li>
-
                        The HTML and CSS for this layout show how you can make a modern, responsive landing page for your next product. Browse through the source to see how we use menus and responsive grids to create this layout. Shrink your browser width and watch the layout transform and play nice with small screens.
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Transmitter">Notebook of Transmitter</a></li>
-
                    </h2>
+
                 <li><a href="https://2014.igem.org/Team:SCU-China/Effector">Notebook of Effector</a></li>
-
 
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Sensor">Notebook of Sensor</a></li>
-
                    <p>
+
                <li class="divider"></li>
-
                        <a href="#" class="pure-button primary-button">Get Started</a>
+
                 <li class="dropdown-header">Method</li>
-
                    </p>
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Prep">Bacterial Genomic DNA Prep</a></li>
-
                </div>
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Digestionk">Digestionk</a></li>
-
            </div>
+
                <li><a href="https://2014.igem.org/Team:SCU-China/GelExtraction">Gel Extraction </a></li>
-
        </div>
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Linkage">Linkage</a></li>
-
    </div>
+
                 <li><a href="https://2014.igem.org/Team:SCU-China/PCR">PCR</a></li>
-
 
+
                <li><a href="https://2014.igem.org/Team:SCU-China/Plasmid">Plasmid Mini Prep</a></li>
-
    <div class="content">
+
              </ul>
-
        <div class="pure-g-r content-ribbon">
+
             </li>
-
             <div class="pure-u-2-3">
+
          </ul>
-
                <div class="l-box">
+
        <div style="float:right"><a href="https://2014.igem.org" style="margin-right: 80px;"><img src="https://static.igem.org/mediawiki/2014/2/22/Logo2014v2.png"></a></div>
-
                    <h4 class="content-subhead">Some small text</h4>
+
         </div><!--/.nav-collapse -->
-
 
+
   
-
                    <h3>Lorem ipsum dolor sit amet.</h3>
+
   
-
                    <p>
+
    </nav>
-
                        Pellentesque hendrerit lobortis ornare. Fusce luctus imperdiet consequat. Nullam quis nunc quis ligula luctus vestibulum non quis libero. Suspendisse tristique nisl ut velit facilisis sit amet lobortis nulla pharetra.
+
    <div class="jumbotron" style="margin-top: 20px;"> <div class="container">
-
                    </p>
+
  <div style="float: left;"><p style="font-size: 170px;">Project</p><p style="font-size: 40px; margin-left: 20px;">Background</p></div>
-
                </div>
+
 
-
            </div>
+
  <div  style="float: right"><img src="https://static.igem.org/mediawiki/2014/a/a3/ScuProjectpsd.png" style="width: 80%;">
-
 
+
</div></div></div>
-
             <div class="pure-u-1-3">
+
    <div class="container" style="border-bottom-color: #676767;
-
                <div class="l-box">
+
border-bottom-width: thick;">
-
                    <img src="http://placehold.it/400x250"
+
    <div class="col-lg-12">
-
                        alt="Placeholder image for example.">
+
       
-
                </div>
+
          <p>From the ancient to the present, human society has gone through a series of changes, the first and second industrial revolution for example. As a result the human society becomes more and more differentiated during these revolutions or changes. Obviously, the well-differentiated, highly ordered society is more productive than that without specific division of labor. Consequently, we have enough reasons to believe that if we could make the microorganisms do one particular job in cell communication (including the sensing, transmitting, and effecting processes) we could make things better. However, inasmuch as almost all the teams of IGEM that used cell communication just messed all the 3 processes in one cell, the cell will be faced with terrible loads so that they cannot construct a more complicated gene pathway and cell communication system. In this condition, what we want to do is to separate different cells into 3 communities who is in charge of sensing, transmitting, and effecting respectively and combining them to make a group with some intelligence.</p><p>
-
            </div>
+
In order to construct these 3 communities, the key is to solve the problems of communication between different communities. So we use some promoters and proteins of AHL family (Lux, Las, Rhl, Cin signal system). To this end, we have set up the fundament of our project and we want to make it more interesting. Accordingly, we design our system which could satisfy our demanding that when our sensor accepts 2 different changes, our effector could give a different outcome. These different outcome are not limited by the change of quantity of our protein but also the change of kind of our protein. This means, our system could express correct protein according to the environment demanding.
-
        </div>
+
To fulfill this task, we have to use at least 5 cell signal communication system. Unfortunately, we just found 4 different cell signal communication systems in the pool of IGEM. So we managed to find a totally new cell signal communication system—the PPy induced-Lux like system.</p>
-
 
+
  </div></div>
-
        <div class="pure-g-r content-ribbon">
+
-
             <div class="pure-u-1-3">
+
-
                <div class="l-box">
+
-
                    <img src="http://placehold.it/400x250"
+
-
                        alt="Placeholder image for example.">
+
-
                </div>
+
-
            </div>
+
-
 
+
-
            <div class="pure-u-2-3">
+
-
                <div class="l-box">
+
-
                    <h4 class="content-subhead">Some more small text</h4>
+
-
 
+
-
                    <h3>Etiam iaculis iaculis lobortis.</h3>
+
-
                    <p>
+
-
                        Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. Morbi fermentum dui sit amet libero tincidunt rutrum. Nam sodales consequat metus sed accumsan.
+
-
                    </p>
+
-
                 </div>
+
-
            </div>
+
-
        </div>
+
-
 
+
-
        <div class="pure-g-r">
+
-
            <div class="pure-u-1-4">
+
-
                 <div class="l-box">
+
-
                    <h3>Subheading</h3>
+
-
                    <p>
+
-
                        Donec suscipit, risus vel venenatis ornare, nibh massa ultrices diam, a elementum metus felis sit amet eros. Phasellus pellentesque euismod massa sed pellentesque.
+
-
                    </p>
+
-
                </div>
+
-
            </div>
+
-
 
+
-
            <div class="pure-u-1-4">
+
-
                <div class="l-box">
+
-
                    <h3>Subheading</h3>
+
-
                    <p>
+
-
                        Donec suscipit, risus vel venenatis ornare, nibh massa ultrices diam, a elementum metus felis sit amet eros. Phasellus pellentesque euismod massa sed pellentesque.
+
-
                    </p>
+
-
                </div>
+
-
            </div>
+
-
 
+
-
            <div class="pure-u-1-4">
+
-
                 <div class="l-box">
+
-
                    <h3>Subheading</h3>
+
-
                    <p>
+
-
                        Donec suscipit, risus vel venenatis ornare, nibh massa ultrices diam, a elementum metus felis sit amet eros. Phasellus pellentesque euismod massa sed pellentesque.
+
-
                    </p>
+
-
                </div>
+
-
             </div>
+
-
 
+
-
            <div class="pure-u-1-4">
+
-
                <div class="l-box">
+
-
                    <h3>Subheading</h3>
+
-
                    <p>
+
-
                        Donec suscipit, risus vel venenatis ornare, nibh massa ultrices diam, a elementum metus felis sit amet eros. Phasellus pellentesque euismod massa sed pellentesque.
+
-
                    </p>
+
-
                </div>
+
-
            </div>
+
-
         </div>
+
-
 
+
-
        <div class="l-box ribbon">
+
-
            <h2>Get started now.</h2>
+
-
            <a href="#" class="pure-button primary-button">Sign up</a>
+
-
        </div>
+
-
    </div>
+
-
 
+
-
    <div class="footer">
+
-
        View the source of this layout to learn more. Made with love by the YUI Team.
+
-
    </div>
+
-
</div>
+
-
 
+
-
<script src="http://yui.yahooapis.com/3.12.0/build/yui/yui.js"></script>
+
-
<script>
+
-
YUI().use('node-base', 'node-event-delegate', function (Y) {
+
-
    // This just makes sure that the href="#" attached to the <a> elements
+
-
    // don't scroll you back up the page.
+
-
    Y.one('body').delegate('click', function (e) {
+
-
        e.preventDefault();
+
-
    }, 'a[href="#"]');
+
-
});
+
-
</script>
+
-
 
+
-
 
+
-
<div class="display:none">
+
-
<script src="http://s15.cnzz.com/stat.php?id=5525996&web_id=5525996" language="JavaScript"></script>
+
-
</div>
+
-
</body>
+
<div class="jumbotron"> <div class="container">
-
</html>
+
 
 +
  <p>Sichuan university</p>
 +
 +
</div></div>

Latest revision as of 17:07, 16 October 2014

Project

Background

From the ancient to the present, human society has gone through a series of changes, the first and second industrial revolution for example. As a result the human society becomes more and more differentiated during these revolutions or changes. Obviously, the well-differentiated, highly ordered society is more productive than that without specific division of labor. Consequently, we have enough reasons to believe that if we could make the microorganisms do one particular job in cell communication (including the sensing, transmitting, and effecting processes) we could make things better. However, inasmuch as almost all the teams of IGEM that used cell communication just messed all the 3 processes in one cell, the cell will be faced with terrible loads so that they cannot construct a more complicated gene pathway and cell communication system. In this condition, what we want to do is to separate different cells into 3 communities who is in charge of sensing, transmitting, and effecting respectively and combining them to make a group with some intelligence.

In order to construct these 3 communities, the key is to solve the problems of communication between different communities. So we use some promoters and proteins of AHL family (Lux, Las, Rhl, Cin signal system). To this end, we have set up the fundament of our project and we want to make it more interesting. Accordingly, we design our system which could satisfy our demanding that when our sensor accepts 2 different changes, our effector could give a different outcome. These different outcome are not limited by the change of quantity of our protein but also the change of kind of our protein. This means, our system could express correct protein according to the environment demanding. To fulfill this task, we have to use at least 5 cell signal communication system. Unfortunately, we just found 4 different cell signal communication systems in the pool of IGEM. So we managed to find a totally new cell signal communication system—the PPy induced-Lux like system.

Sichuan university

Retrieved from "http://2014.igem.org/Team:SCU-China/test"