Difference between revisions of "Team:Arizona State"

Line 4: Line 4:
 
<br>
 
<br>
  
<div class="dropdown">
+
<head>
  <button class="dropbtn">Dropdown</button>
+
<style>
  <div class="dropdown-content">
+
ul {
     <a href="#">Link 1</a>
+
    list-style-type: none;
     <a href="#">Link 2</a>
+
     margin: 0;
     <a href="#">Link 3</a>
+
     padding: 0;
  </div>
+
     overflow: hidden;
</div>
+
    background-color: #333;
/* Dropdown Button */
+
}
.dropbtn {
+
 
     background-color: #4CAF50;
+
li {
 +
    float: left;
 +
}
 +
 
 +
li a, .dropbtn {
 +
     display: inline-block;
 
     color: white;
 
     color: white;
     padding: 16px;
+
     text-align: center;
     font-size: 16px;
+
     padding: 14px 16px;
     border: none;
+
     text-decoration: none;
     cursor: pointer;
+
}
 +
 
 +
li a:hover, .dropdown:hover .dropbtn {
 +
     background-color: red;
 
}
 
}
  
/* The container <div> - needed to position the dropdown content */
+
li.dropdown {
.dropdown {
+
    position: relative;
+
 
     display: inline-block;
 
     display: inline-block;
 
}
 
}
  
/* Dropdown Content (Hidden by Default) */
 
 
.dropdown-content {
 
.dropdown-content {
 
     display: none;
 
     display: none;
Line 37: Line 42:
 
}
 
}
  
/* Links inside the dropdown */
 
 
.dropdown-content a {
 
.dropdown-content a {
 
     color: black;
 
     color: black;
Line 43: Line 47:
 
     text-decoration: none;
 
     text-decoration: none;
 
     display: block;
 
     display: block;
 +
    text-align: left;
 
}
 
}
  
/* Change color of dropdown links on hover */
 
 
.dropdown-content a:hover {background-color: #f1f1f1}
 
.dropdown-content a:hover {background-color: #f1f1f1}
  
/* Show the dropdown menu on hover */
 
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
 
     display: block;
 
     display: block;
 
}
 
}
 +
</style>
 +
</head>
 +
<body>
  
/* Change the background color of the dropdown button when the dropdown content is shown */
+
<ul>
.dropdown:hover .dropbtn {
+
  <li><a class="active" href="#home">Home</a></li>
     background-color: #3e8e41;
+
  <li><a href="#news">News</a></li>
}
+
  <li class="dropdown">
 +
    <a href="#" class="dropbtn">Dropdown</a>
 +
     <div class="dropdown-content">
 +
      <a href="#">Link 1</a>
 +
      <a href="#">Link 2</a>
 +
      <a href="#">Link 3</a>
 +
    </div>
 +
  </li>
 +
</ul>
 +
 
 +
<h3>Dropdown Menu inside a Navigation Bar</h3>
 +
<p>Hover over the "Dropdown" link to see the dropdown menu.</p>
 +
 
 +
</body>
  
 
<h2>Our Project:</h2>  
 
<h2>Our Project:</h2>  

Revision as of 21:01, 8 August 2016


Dropdown Menu inside a Navigation Bar

Hover over the "Dropdown" link to see the dropdown menu.

Our Project:

The objective of our project is design and test a variety of quorum sensing networks, and , flexible testing platform, in which the QS system is separated into two components designated the “Sender” and the “Receiver”. The HSL synthase is expressed in the Sender cell, while the inducible promoter and regulator are carried by a Receiver cell. When the Sender produces a signal, the HSL, it diffuses across cell membranes and activates the Receiver. In our current system, Receivers will express green fluorescent protein (GFP) in response to induction by Senders from different bacterial species. Currently, our team has built 10 senders and 7 receivers, several of which have been shown to be functional in E. coli. Testing for the remaining systems is still underway, and more receivers are still being cloned.

Our iGEM team is investigating the diverse applications that fit with our quorum sensing project. Some of the sub-projects include: investigating the Aub strain, which originates from unidentified soil bacterium, to decipher its organism of origin; making a “super quorum sensing” E. coli that is engineered to respond to wider variety of HSLs; more comprehensive characterization of HSLs produced by our Senders using mass spec; and building a genetic-based circuit model using Arduino or Logism. The latter is one of our several outreach projects, designed to increase future participation and interest in the ASU iGEM team.