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

Line 1: Line 1:
 
{{:Team:Lambert_GA/Template}}
 
{{:Team:Lambert_GA/Template}}
 +
<html>
 +
<head>
  
  
<html>
+
<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;
 +
}
  
<br><br><br>
+
#maincontent {
<div class="column full_size judges-will-not-evaluate">
+
position: relative;
<h3>★ ALERT! </h3>
+
top: 0%;
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
left: 28%;
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
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">
 +
              N O T E B O O K
 +
          </div>
 
</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 class="clear"></div>
+
<div id="actualtext">
  
 +
 +
<div id="afterhome">
 +
      <div id="sidebar">
 +
<br><br><br>
 +
STUFF GOES HERE
 +
      </div>
 +
</div>
 +
  <div id="maincontent">
 +
 +
<br><br><br>
  
 
<div class="column full_size">
 
<div class="column full_size">
<h1>InterLab</h1>
 
<h3>Bronze Medal Criterion #4</h3>
 
<p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or obtain new, high quality experimental characterization data for an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2018 part number range.
 
<br><br>
 
For teams participating in the <a href="https://2018.igem.org/Measurement/InterLab">InterLab study</a>, all work must be shown on this page.
 
  
 +
<h1>NOTEBOOK</h1>
 +
<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>
 
</p>
 +
 
</div>
 
</div>
  
  
  
 +
<div class="column two_thirds_size">
 +
<h1>Notebook</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>
 +
 +
</div>
 +
<div class="clear"></div>
 +
 +
 +
 +
<div class="column two_thirds_size">
 +
<h3>What should this page have?</h3>
 +
<ul>
 +
<li>Chronological notes of what your team is doing.</li>
 +
<li> Brief descriptions of daily important events.</li>
 +
<li>Pictures of your progress. </li>
 +
<li>Mention who participated in what task.</li>
 +
</ul>
 +
 +
</div>
 +
 +
<div class="column third_size">
 +
<div class="highlight decoration_A_full">
 +
<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:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</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>
 +
</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:49, 6 August 2018

N O T E B O O K




































NOTEBOOK

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.

Notebook

Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.

What should this page have?

  • Chronological notes of what your team is doing.
  • Brief descriptions of daily important events.
  • Pictures of your progress.
  • Mention who participated in what task.

Inspiration

You can see what others teams have done to organize their notes: