Difference between revisions of "Team:Arizona State"

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">
 +
            <div class = "overlay">
 +
        <div class = "container">
 +
                    <div class = "header-text">
 +
                        <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>
 +
                    </div>
 +
        </div> <!--end of container-->
 +
            </div>
 +
        </div>
  
−
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+
<div class = "section1 container">
−
margin: 0;
+
−
}
+
  
−
/****/
+
        <h1 class = "center"> Our Project </h1>
 +
        <p class = "big">Quorom sensing (QS) allows bacteria to sense the surrounding
 +
            cell population and "communicate" with their neighbors. Bacteria do this by
 +
            releasing an inducer protein, such as a homo-serine lactone (HSL), which upon
 +
            reaching a certain concentration, will activate genes that increase cell
 +
            density. Our project aims to characterize a variety of HSL networks,
 +
            increasing 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);
+
−
}
+
  
−
@font-face {
+
    <div class= "container">
−
    font-family: Oxygen;
+
        <div class = "row center">
−
    src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Light.ttf);
+
            <div class = "col-sm-6">
−
    font-weight: light;
+
            <h1>The ASU Team</h1>
−
}
+
                <img src="https://static.igem.org/mediawiki/2016/7/78/T--Arizona_State--igemteampic.jpg" height=350px style=/>
 +
            </div>
 +
            <div class = "col-sm-6">
 +
                <h1>Check out our Twitter!</h1>
 +
                <!--<img src="https://static.igem.org/mediawiki/2016/6/6c/T--Arizona_State--hayneslabworkphoto.jpg" height=350px/>-->
 +
<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>
 +
<div class = "row">
 +
            <div class = "col-sm-6">
 +
        <a href = "/Team:Arizona_State/Team"><button class = "button button1 btn" style="background-color:maroon; height:50px; width: 150px; margin-right:38%; margin-top:2%">Our Team</button></a>
 +
</div>
 +
        <div class = "col-sm-6">
 +
        <h4>Check out our Wordpress blog at <a href="https://asuigem.wordpress.com">https://asuigem.wordpress.com</a>!</h4>
 +
        </div>
 +
    </div>
  
−
@font-face {
 
−
    font-family: Oxygen;
 
−
    src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Bold.ttf);
 
−
    font-weight: bold;
 
−
}
 
  
−
body {
+
        <div class="section1 container">
−
margin-top: 20px;
+
    <table style="width:100%" border="1">
−
    font-family: "Oxygen", sans-serif;
+
      <tr>
−
}
+
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Design'">Lab and Design</button></td>
 +
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Results'">Results</button></td>
 +
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Notebook'">Notebook</button></td>
 +
      </tr>
 +
      <tr>
 +
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Parts'">Parts</button></td>
 +
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Safety'">Safety</button></td>
 +
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Human_Practices'">Policy and Practices</button></td>
 +
      </tr>
 +
    </table>
  
−
h1, h2, h3, h4, h5, p {
 
−
    font-family: "Oxygen", sans-serif!important;
 
−
}
 
  
−
h1 {
+
</div></div>
−
    font-size: 50px;
+
</body>
−
}
+
</html>
−
 
+
{{Arizona_State_Footer}}
−
#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;
+
−
}
+

Revision as of 23:48, 29 September 2016


Ringtones

Diverse homoserine lactone systems for cellular communication

Our Project

Quorom sensing (QS) allows bacteria to sense the surrounding cell population and "communicate" with their neighbors. Bacteria do this by releasing an inducer protein, such as a homo-serine lactone (HSL), which upon reaching a certain concentration, will activate genes that increase cell density. Our project aims to characterize a variety of HSL networks, increasing the number of functional QS systems with minimal crosstalk in synthetic biology.


The ASU Team

Check out our Twitter!

Check out our Wordpress blog at https://asuigem.wordpress.com!

twitter wordpress
© 2016 ASU iGEM