Difference between revisions of "Team:UC Davis/Experiments"

(Undo revision 164708 by AchalaR (talk))
Line 1: Line 1:
 +
{{UC_Davis}}
 +
<html>
  
−
{{Template: UC_Davis/header}}
+
<div class="column full_size">
−
<html lang="en">
+
  
−
<head>
+
<h1>Experiments</h1>
−
  <title>Education</title>
+
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
−
  </head>
+
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
  <style>
+
−
    body {
+
−
      background-color: #fff ;
+
−
      font-family: 'proxima-nova' ;
+
−
      color: black;
+
−
      font-size:13px;
+
−
      min-width: 600px;
+
−
      max-width: 1200px;
+
−
      margin-top:-7px;
+
−
      margin-bottom:-17px;
+
−
   
+
−
    }
+
−
/*------------Get rid of iGEM stuff----------------------------------*/
+
−
#home_logo, #sideMenu { display:none; }
+
−
#sideMenu, #top_title11, .patrollink  {display:none;}
+
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
−
/*-------------------------------------------------------------------*/
+
  
−
.dropbtn {
+
<p>
−
font-family: 'proxima-nova' ;
+
Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.  
−
    font-size:14px;
+
</p>
−
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
+
−
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
+
−
  box-shadow:inset 0px 1px 0px 0px #ffffff;
+
−
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
+
−
  background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
+
−
  background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
+
−
  background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
+
−
  background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
+
−
  background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
+
−
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
+
−
  background-color:#ededed;
+
−
  -moz-border-radius:4px;
+
−
  -webkit-border-radius:4px;
+
−
  border-radius:4px;
+
−
  border:1px solid #dcdcdc;
+
−
  display:inline-block;
+
−
  cursor:pointer;
+
−
  color:#777777;
+
−
  font-family:Arial;
+
−
  font-size:14px;
+
−
  font-weight:bold;
+
−
  padding:10px 600px;
+
−
  text-decoration:none;
+
−
  text-shadow:0px 1px 0px #ffffff;
+
−
   
+
−
}
+
  
−
.dropbtn:hover, .dropbtn:focus {
+
</div>
−
   
+
−
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
+
−
background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
+
−
background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
+
−
background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
+
−
background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
+
−
background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
+
−
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
+
−
background-color:#dfdfdf;
+
−
}
+
−
.dropdown:active {
+
−
position:relative;
+
−
top:1px;
+
−
}
+
−
.dropdown {
+
−
    position: relative;
+
−
    display: inline-block;
+
−
}
+
  
−
.dropdown-content {
 
−
    display: none;
 
−
    position: absolute;
 
−
    background-color: #fff;
 
−
    min-width: 700px;
 
−
    overflow: auto;
 
−
    box-shadow: 0px 16px 16px 0px rgba(0,0,0,0.2);
 
−
    z-index: 1;
 
−
}
 
  
−
.dropdown-content a {
 
−
    color: black;
 
−
    padding: 12px 16px;
 
−
    text-decoration: none;
 
−
    display: block;
 
−
}
 
  
−
.dropdown a:hover {background-color: #ddd;}
+
<div class="column two_thirds_size">
 +
<h3>What should this page contain?</h3>
 +
<ul>
 +
<li> Protocols </li>
 +
<li> Experiments </li>
 +
<li> Documentation of the development of your project </li>
 +
</ul>
  
−
.show {display: block;}
+
</div>
−
  </style>
+
  
−
<body>
+
<div class="column third_size">
−
<div style='padding-top: 30px;'></div>
+
<div class="highlight decoration_A_full">
−
  <center>
+
<h3>Inspiration</h3>
−
  <div style = 'padding-bottom: 30px; font-size: 30px; color: #d9a900'; ><b>Protocols</b></div>
+
<ul>
−
</center>
+
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
 +
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
 +
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
 +
</ul>
 +
</div>
 +
</div>
  
−
  <div style='padding-top: 30px;'></div>
 
  
−
  <div class="dropdown">
+
<div class="clear"></div>
−
<button onclick="myFunction()" class="dropbtn">Dropdown</button>
+
 
−
  <div id="myDropdown" class="dropdown-content">
+
−
  <ul>
+
−
          <li>Materials
+
−
                          <ul>
+
−
                              <li>Organic cider vinegar</li>
+
−
                              <li>Granulated sugar</li>
+
−
                              <li>One piece of live Kombucha culture</li>
+
−
                              <li>Green tea bag</li>
+
−
                              <li>Distilled water</li>
+
−
                            </ul>
+
−
                    </li>
+
−
              </ul>
+
−
          </div>
+
−
        <div class="pure-u-1-2">
+
−
                                     
+
−
       
+
−
<script>
+
−
/* When the user clicks on the button,
+
−
toggle between hiding and showing the dropdown content */
+
−
function myFunction() {
+
−
    document.getElementById("myDropdown").classList.toggle("show");
+
−
}
+
  
−
// Close the dropdown if the user clicks outside of it
 
−
window.onclick = function(event) {
 
−
  if (!event.target.matches('.dropbtn')) {
 
  
−
    var dropdowns = document.getElementsByClassName("dropdown-content");
 
−
    var i;
 
−
    for (i = 0; i < dropdowns.length; i++) {
 
−
      var openDropdown = dropdowns[i];
 
−
      if (openDropdown.classList.contains('show')) {
 
−
        openDropdown.classList.remove('show');
 
−
      }
 
−
    }
 
−
  }
 
−
}
 
−
</script>
 
  
−
 
 
−
</body>
 
 
</html>
 
</html>
−
{{Template: UC_Davis/footer}}
 

Revision as of 19:53, 24 September 2018

Experiments

Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.

Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.

What should this page contain?

  • Protocols
  • Experiments
  • Documentation of the development of your project

Inspiration