Difference between revisions of "Team:Lambert GA/Notebook"

Line 1: Line 1:
 
{{:Team:Lambert_GA/Template}}
 
{{:Team:Lambert_GA/Template}}
 
 
<html>
 
<html>
 +
<head>
 +
 +
 +
<link href="https://fonts.googleapis.com/css?family=Codystar:300,400" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
 +
<style type="text/css">
 +
#holder {
 +
position: fixed;
 +
top: 0%;
 +
left: 0%;
 +
height: 100%;
 +
width: 100%;
 +
z-index: -3;
 +
}
 +
#oceanvideo {
 +
position: fixed;
 +
top: 0%;
 +
left: 0%;
 +
width: 100%;
 +
height: 100%;
 +
object-fit: fill;
 +
z-index: 1;
 +
}
 +
#overlay {
 +
position: fixed;
 +
top: 0%;
 +
left: 0%;
 +
width: 100%;
 +
height: 100%;
 +
background-color: #000000;
 +
opacity: 0.3;
 +
z-index: 3;
 +
}
 +
#bigtitle {
 +
position: absolute;
 +
top: 43%;
 +
left: 0%;
 +
height: 10%;
 +
width: 100%;
 +
z-index: 2;
 +
font-family: 'Codystar', cursive;
 +
color: #FFFFFF;
 +
font-size: 70px;
 +
text-align: center;
 +
z-index: 4;
 +
}
 +
#actualtext {
 +
position: relative;
 +
top: 400%;
 +
left: 0%;
 +
height: 170%;
 +
width: 100%;
 +
background-color: #FFFFFF;
 +
z-index: 4;
 +
}
 +
#afterhome {
 +
position: relative;
 +
top: 99%;
 +
left: 0%;
 +
height: 170%;
 +
width: 100%;
 +
}
 +
#sidebar {
 +
position: absolute;
 +
top: 0%;
 +
left: 8%;
 +
height: 35%;
 +
width: 13%;
 +
z-index: 6;
 +
}
 +
#link {
 +
font-family: 'Montserrat', sans-serif;
 +
color: #000000;
 +
font-size: 24px;
 +
cursor: pointer;
 +
transition: all 0.4s ease;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
}
 +
#link:hover {
 +
color: #0077be;
 +
text-decoration: none;
 +
}
 +
 +
#maincontent {
 +
position: relative;
 +
top: 0%;
 +
left: 28%;
 +
height: 92%;
 +
width: 64%;
 +
}
 +
#subheading1 {
 +
font-size: 36px;
 +
font-family: 'Montserrat', sans-serif;
 +
}
 +
#content1 {
 +
font-family: 'Lora', serif;
 +
font-size: 15px;
 +
line-height: 1.75em;
 +
 +
}
 +
#subheading2 {
 +
font-size: 36px;
 +
font-family: 'Montserrat', sans-serif;
 +
}
 +
#content2 {
 +
font-family: 'Lora', serif;
 +
font-size: 15px;
 +
line-height: 1.75em;
 +
 +
}
 +
#subheading3 {
 +
font-size: 36px;
 +
font-family: 'Montserrat', sans-serif;
 +
}
 +
#content3 {
 +
font-family: 'Lora', serif;
 +
font-size: 15px;
 +
line-height: 1.75em;
 +
 +
}
 +
#subheading4 {
 +
font-size: 36px;
 +
font-family: 'Montserrat', sans-serif;
 +
}
 +
#subheading5 {
 +
font-size: 36px;
 +
font-family: 'Montserrat', sans-serif;
 +
}
 +
#footer {
 +
height: 100px;
 +
width: 100%;
 +
background-color: #FFFFFF;
 +
z-index: 7;
 +
}
 +
#flogo {
 +
font-size:28px;
 +
color: #767676;
 +
transition: all 0.4s ease;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
}
 +
#flogo:hover {
 +
color: #3B5998;
 +
}
 +
#tlogo {
 +
font-size:28px;
 +
color: #767676;
 +
transition: all 0.4s ease;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
}
 +
#tlogo:hover {
 +
color: #00aced;
 +
}
 +
#ilogo {
 +
font-size:28px;
 +
color: #767676;
 +
transition: all 0.4s ease;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
}
 +
#ilogo:hover {
 +
color: #bc2a8d;
 +
}
 +
#afterhome {
 +
position: relative;
 +
top: 99%;
 +
left: 0%;
 +
height: 170%;
 +
width: 100%;
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
 +
 +
<div id="holder">
 +
    <video style= "z-index:1;" id="oceanvideo"  autoplay muted loop>
 +
              <source src="https://static.igem.org/mediawiki/2018/4/48/T--Lambert_GA--GlassRaindrop.mp4" type="video/mp4">
 +
              Your browser does not support video.
 +
            </video>
 +
    <div id="overlay"></div>
 +
          <div id="bigtitle">
 +
              E X P E R I M E N T S
 +
          </div>
 +
</div>
 +
 +
<br><br><br>
 +
<br><br><br>
 +
<br><br><br>
 +
<br><br><br>
 +
<br><br><br>
 +
<br><br><br>
 +
<br><br><br>
 +
<br><br><br>
 +
<br><br><br>
 +
<br><br><br>
 +
<br><br><br>
 +
 +
<div id="actualtext">
 +
 +
 +
<div id="afterhome">
 +
      <div id="sidebar">
 +
<br><br><br>
 +
STUFF GOES HERE
 +
      </div>
 +
</div>
 +
  <div id="maincontent">
  
 
<br><br><br>
 
<br><br><br>
Line 7: Line 226:
 
<div class="column full_size">
 
<div class="column full_size">
  
<h1>Notebook</h1>
+
<h1>Experiments</h1>
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
<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>
 +
 
 +
<p>
 +
Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.
 +
</p>
  
 
</div>
 
</div>
<div class="clear"></div>
 
  
  
  
 
<div class="column two_thirds_size">
 
<div class="column two_thirds_size">
<h3>What should this page have?</h3>
+
<h3>What should this page contain?</h3>
 
<ul>
 
<ul>
<li>Chronological notes of what your team is doing.</li>
+
<li> Protocols </li>
<li> Brief descriptions of daily important events.</li>
+
<li> Experiments </li>
<li>Pictures of your progress. </li>
+
<li> Documentation of the development of your project </li>
<li>Mention who participated in what task.</li>
+
 
</ul>
 
</ul>
  
Line 29: Line 250:
 
<div class="highlight decoration_A_full">
 
<div class="highlight decoration_A_full">
 
<h3>Inspiration</h3>
 
<h3>Inspiration</h3>
<p>You can see what others teams have done to organize their notes:</p>
+
<ul>
 
+
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
<ul>  
+
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
 
</ul>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
 +
<div class="clear"></div>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 +
<script>
 +
$(window).scroll(function(e){
 +
  parallax();
 +
});
 +
 +
//PARALLAX FUNCTION
 +
function parallax(){
 +
  var scrolled = $(window).scrollTop();
 +
  $('#oceanvideo').css('top',-(scrolled*0.35)+'px');
 +
}
 +
 +
//NOT THE MOST EFFICIENT PARALLAX, BUT SIMPLE
 +
</script>
 +
  
 +
</head>
 
</html>
 
</html>

Revision as of 11:43, 6 August 2018

E X P E R I M E N T S




































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