KevinYLi123 (Talk | contribs) |
|||
Line 1: | Line 1: | ||
{{:Team:Lambert_GA/Template}} | {{:Team:Lambert_GA/Template}} | ||
+ | <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 { |
− | <div | + | 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"> | ||
+ | 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 | + | <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>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: