Difference between revisions of "Team:Arizona State"

 
(37 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/***OVERRIDE DEFAULT WIKI***/
+
{{Arizona State}}
 
+
<html>
#globalWrapper, #content, #bodyContent {
+
<style>
    margin: 0 auto;
+
.button1
    padding: 0;
+
{
    height: 100%;
+
     font-size: 12px; padding: 32px 16px;
    width: 100%;
+
     border: 0px;
+
    background-color: transparent;
+
 
}
 
}
 +
</style>
 +
<body>
 +
<div class = "home">
 +
    <div class = "jumbotron" style = "text-align:center;">
 +
        <div class = "overlay">
 +
    <div class = "container">
 +
                    <img src="https://static.igem.org/mediawiki/2016/8/87/T--Arizona_State--igemlogotransparent2.png" height=220px><br>
 +
                    <h1> Ringtones</h1>
 +
                    <h2>Diverse homoserine lactone systems for cellular communication</h2>
  
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+
    </div> <!--end of container-->
margin: 0;
+
        </div>
}
+
    </div>
 +
<div class = "section1 container">
 +
        <center><img src="https://static.igem.org/mediawiki/2016/f/f3/T--Arizona_State--ASUfrontpage1.png"></center>
 +
        <center><img src="https://static.igem.org/mediawiki/2016/3/30/T--Arizona_State--ASUfrontpage2.png"></center>
 +
        <center><img src="https://static.igem.org/mediawiki/2016/d/d9/T--Arizona_State--ASUfrontpage3.png"></center>
  
/****/
+
        <h1 class = "center"> Our Project </h1>
 +
        <p class = "big home-text">Quorum sensing (QS) allows bacteria to sense the surrounding
 +
            cell population density and communicate with their neighbors. They do this by producing
 +
            N-acyl homoserine lactones (AHLs), which can diffuse back into the bacteria at high concentrations.
 +
            In the cell they bind to receiver proteins, which then activate gene expression in a coordinated manner. There are many natural QS systems, but only four in popular use by synthetic biologists. Some of these systems use AHLs that can activate multiple receiver systems or "crosstalk" between networks. This can cause problems when using QS in higher-level designs. Our project aims to characterize a variety of AHL networks, which will increase the number of functional QS systems with minimal crosstalk in
 +
            synthetic biology. </p>
  
@font-face {
+
</div>
     font-family: Oxygen;
+
<br>
    src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Regular.ttf);
+
     <div class= "container">
}
+
        <div class = "row center">
 +
            <div class = "col-sm-6">
 +
            <h2>The ASU Team</h2>
 +
                <img src="https://static.igem.org/mediawiki/2016/7/78/T--Arizona_State--igemteampic.jpg" class = "team-pic"/>
 +
            </div>
 +
            <div class = "col-sm-6">
 +
                <h2>Check out our Twitter!</h2>
 +
                <!--<img src="https://static.igem.org/mediawiki/2016/6/6c/T--Arizona_State--hayneslabworkphoto.jpg" height=300px/>-->
 +
                <a class="twitter-timeline" data-width="400" data-height="400" href="https://twitter.com/asuigem">Tweets by asuigem</a>
 +
                <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
 +
            </div>
 +
        </div><br>
 +
        <div class = "row center">
 +
            <a href = "http://asuigem.wordpress.com">
 +
                <button class = " gold-bg btn">
 +
                    Visit our website >
 +
                </button>
 +
            </a>
 +
        </div>
 +
    </div> <!--end of container-->
  
@font-face {
 
    font-family: Oxygen;
 
    src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Light.ttf);
 
    font-weight: light;
 
}
 
  
@font-face {
+
    <div class="section1 container-fluid">
     font-family: Oxygen;
+
     <div class = "row footer" style = "margin-bottom: -50px">
    src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Bold.ttf);
+
          <a href = "/Team:Arizona_State/Description"><div class = "col-sm-4 footer-button design">
    font-weight: bold;
+
              <p>Description</p>
}
+
          </div></a>
 +
          <a href = "/Team:Arizona_State/Results"><div class = "col-sm-4 footer-button results">
 +
              <p>Results</p>
 +
          </div></a>
 +
          <a href = "/Team:Arizona_State/Notebook"><div class = "col-sm-4 footer-button notebook">
 +
              <p>Notebook</p>
 +
          </div></a>
  
body {
+
          <a href = "/Team:Arizona_State/Safety"><div class = "col-sm-4 footer-button safety">
margin-top: 20px;
+
              <p>Safety</p>
    font-family: "Oxygen", sans-serif;
+
          </div></a>
}
+
          <a href = "/Team:Arizona_State/Parts"><div class = "col-sm-4 footer-button parts">
 +
              <p>Parts and Design</p>
 +
          </div></a>
 +
          <a href = "/Team:Arizona_State/Human_Practices"><div class = "col-sm-4 footer-button hp">
 +
              <p>Human Practices</p>
 +
          </div></a>
 +
    </div>
  
h1, h2, h3, h4, h5, p {
+
     </div>
    font-family: "Oxygen", sans-serif!important;
+
</div>
}
+
</body>
 
+
</html>
h1 {
+
{{Arizona_State_Footer}}
    font-size: 50px;
+
}
+
 
+
#HQ_page p {
+
    font-size: 0.9em;
+
    text-align: none;
+
}
+
 
+
#HQ_page p.big {
+
    font-size: 1.2em;
+
}
+
 
+
.maroon {
+
    color: #A10043;
+
}
+
 
+
.gold {
+
    color: #FFC124;
+
}
+
 
+
.teal {
+
    color: #58A4B0;
+
}
+
 
+
.red {
+
    color: #DB324D;
+
}
+
 
+
.salmon {
+
    color: #ED6A5A;
+
}
+
 
+
.orange {
+
    color: #FF7F51;
+
}
+
 
+
.blue {
+
    color: #507DBC;
+
}
+
 
+
.green {
+
    color: #8CB369;
+
}
+
 
+
.center {
+
    text-align: center;
+
}
+
 
+
.right {
+
    text-align: right;
+
}
+
 
+
.left {
+
    text-align: left;
+
}
+
 
+
.justify {
+
    text-align: justify;
+
}
+
 
+
.section-head {
+
    font-weight: bold;
+
}
+
 
+
.navbar-fixed-top {
+
    background-color: #fff;
+
margin-top: 16px;
+
}
+
 
+
.navbar-nav {
+
    font-size: 16px;
+
    float: right;
+
}
+
 
+
.navbar-default .navbar-brand {
+
    font-weight: 700;
+
    font-size: 25px;
+
     color: #A10043; /*MAROON*/
+
}
+
 
+
.navbar-default .navbar-brand:hover {
+
    color: #FFC124; /*GOLD*/
+
}
+
 
+
.section2 {
+
    background-color: #EEEEEE;
+
}
+
 
+
.home {
+
    margin-top: 30px;
+
}
+
 
+
.home .jumbotron {
+
    position: relative;
+
    width: 100%;
+
    background-image: url('http://iamasundevil.asu.edu/images/about-asu-gallery-1.jpg');
+
    background-position: 50% 50%;
+
    background-repeat: no-repeat;
+
    background-attachment: fixed;
+
    background-size: cover;
+
    border-radius: 0;
+
    min-height: 90vh;
+
    color: #fff!important;
+
}
+
 
+
.overlay {
+
    position: absolute;
+
    height: 100%;
+
    width: 100%;
+
    top: 0;
+
    left: 0;
+
    background-color: rgba(0, 0, 0, 0.4);
+
}
+
 
+
.header-text {
+
    text-align: center;
+
    position: absolute;
+
    /* bottom: 10%; */
+
    top: 50%;
+
    left: 50%;
+
    transform: translate(-50%, -50%);
+
}
+
 
+
.header-text h1,
+
.header-text h2 {
+
    margin-top: 0;
+
}
+
 
+
.button1 {
+
    float: right;
+
    color: #fff;
+
    background-color: #FFC124;
+
    margin: 15px 0;
+
    padding: 16px 32px;
+
}
+
 
+
.about-page .col-sm-6 {
+
    padding: 0 30px;
+
}
+
 
+
 
+
footer {
+
    background-color: #222;
+
    color: #fff;
+
    height: 100px;
+
    margin-bottom: -10px;
+
    padding: 20px;
+
}
+
 
+
#bodyContent footer p {
+
    text-align: center;
+
}
+

Latest revision as of 20:34, 28 November 2016


Ringtones

Diverse homoserine lactone systems for cellular communication

Our Project

Quorum sensing (QS) allows bacteria to sense the surrounding cell population density and communicate with their neighbors. They do this by producing N-acyl homoserine lactones (AHLs), which can diffuse back into the bacteria at high concentrations. In the cell they bind to receiver proteins, which then activate gene expression in a coordinated manner. There are many natural QS systems, but only four in popular use by synthetic biologists. Some of these systems use AHLs that can activate multiple receiver systems or "crosstalk" between networks. This can cause problems when using QS in higher-level designs. Our project aims to characterize a variety of AHL networks, which will increase the number of functional QS systems with minimal crosstalk in synthetic biology.


The ASU Team

Check out our Twitter!