KevinYLi123 (Talk | contribs) |
|||
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> | + | <h1>Experiments</h1> |
− | <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="column two_thirds_size"> | <div class="column two_thirds_size"> | ||
− | <h3>What should this page | + | <h3>What should this page contain?</h3> |
<ul> | <ul> | ||
− | <li> | + | <li> Protocols </li> |
− | <li> | + | <li> Experiments </li> |
− | <li> | + | <li> Documentation of the development of your project </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> | ||
− | + | <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: | + | <li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li> |
− | <li><a href="https://2014.igem.org/Team: | + | |
− | <li><a href="https://2014.igem.org/Team: | + | |
− | + | ||
</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