(Prototype team page) |
(Changed to HR wiki style) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <style> | ||
+ | /* ----- iGEM STYLE FIXES ----- */ | ||
+ | |||
+ | ul { | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href ^="https://"], .link-https { | ||
+ | background: whitesmoke; | ||
+ | } | ||
+ | |||
+ | #HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page p{ | ||
+ | font-family: "Century Gothic"; | ||
+ | } | ||
+ | |||
+ | #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
+ | margin-bottom: 0; | ||
+ | padding: 0 5px; | ||
+ | } | ||
+ | |||
+ | #top_title { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* ----- ----- */ | ||
+ | body { | ||
+ | font-family: "Century Gothic"; | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | .navbar { | ||
+ | overflow: hidden; | ||
+ | background-color: #333; | ||
+ | } | ||
+ | |||
+ | .navbar a { | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .dropdown { | ||
+ | float: left; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .dropdown .dropbtn { | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: white; | ||
+ | padding: 14px 16px; | ||
+ | background-color: inherit; | ||
+ | font-family: inherit; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .navbar a:hover, | ||
+ | .dropdown:hover .dropbtn { | ||
+ | background-color: red; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover { | ||
+ | background-color: #ddd; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <!-- ------ NAVIGATION BAR ------ --> | ||
+ | |||
+ | <div style="margin: 10px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/a0/T--Rotterdam_HR--logo_v2.png" style="width: 5cm;"> | ||
+ | </div> | ||
+ | |||
+ | <div class="navbar"> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR">Home</a> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Team | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Team">Team Members</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Collaborations">Collaborations</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Project | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Description">Description</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Design">Design</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Experiments">Experiments</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Notebook">Notebook</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/InterLab">InterLab</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Model">Model</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Results">Results</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Demonstrate">Demonstrate</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Improve">Improve</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Attributions">Attributions</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Parts | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Parts">Parts Overview</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Basic_Part">Basic Parts</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Composite_Part">Composite Parts</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Part_Collection">Part Collection</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Safety">Safety</a> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Human Practices | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Human_Practices">Human Practices</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Public_Engagement">Education & Engagement</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Awards | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Applied_Design">Applied Design</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Entrepreneurship">Entrepreneurship</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Hardware">Hardware</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Measurement">Measurement</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Model">Model</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Plant">Plant</a> | ||
+ | <a href="https://2018.igem.org/Team:Rotterdam_HR/Software">Software</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- ------ Project Notebook ------ --> | ||
<div class="column full_size"> | <div class="column full_size"> | ||
Line 37: | Line 215: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <!-- ------ FOOTER ------ --> | ||
+ | |||
+ | <div id="footer" style="padding:40px;background:#BDBDBD;text-align:center;color:#fff;font-size:17px;"> | ||
+ | <b style="letter-spacing:3px;font-size:20px;">Contact Info</b> | ||
+ | <br> | ||
+ | <i> | ||
+ | iGEM team Hogeschool Rotterdam | ||
+ | <br> | ||
+ | igemteam.HR@gmail.com ~ +31 10 7944554 | ||
+ | </i> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 18:23, 19 May 2018
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: