|
|
Line 1: |
Line 1: |
| <html> | | <html> |
− |
| |
| <head> | | <head> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | | <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"> | + | <link rel="stylesheet" href="https://2018.igem.org/Team:Rotterdam_HR/css/main?action=raw&ctype=text/css"> |
| + | |
| <style> | | <style> |
− | | + | |
− | /* ----- iGEM STYLE FIXES ----- */ | + | .menu #project, .menu #notebook { |
− | | + | color: goldenrod; |
− | ul { | + | |
− | list-style-image: none; | + | |
| } | | } |
− | | + | |
− | #content { | + | .under-construction { |
| + | margin: 30px auto; |
| width: 100%; | | width: 100%; |
− | margin: 0; | + | display: flex; |
− | padding: 0; | + | flex-direction: column; |
− | background: none; | + | align-items: center; |
| } | | } |
| + | </style> |
| | | |
− | #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> | | </head> |
− |
| |
| <body> | | <body> |
| + | <div id="header"></div> |
| + | <div id="navbar" style="position: -webkit-sticky;position: sticky;top: 0; width: 100%; z-index: 100;"></div> |
| | | |
− | <!-- ------ NAVIGATION BAR ------ --> | + | <!-- ------ CONTENT START ------ --> |
| | | |
− | <div style="margin: 10px;"> | + | <div class="under-construction"> |
− | <img src="https://static.igem.org/mediawiki/2018/a/a0/T--Rotterdam_HR--logo_v2.png" style="width: 5cm;"> | + | <h1>Notebook</h1> |
| + | <p>This page has no content yet.</p> |
| </div> | | </div> |
| | | |
− | <div class="navbar">
| + | <!-- ------ CONTENT END ------ --> |
− | <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">
| + | |
− | | + | |
− | <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>
| + | |
− | | + | |
− | <!-- ------ 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>
| + | |
| | | |
| + | <div id="footer"></div> |
| + | <script src="https://2018.igem.org/Team:Rotterdam_HR/javascript/main?action=raw&ctype=text/javascript"></script> |
| </body> | | </body> |
− |
| |
| </html> | | </html> |