Difference between revisions of "Team:Minnesota/Notebook"

(Prototype team page)
 
Line 2: Line 2:
 
<html>
 
<html>
  
 +
<!------------------------------------ MAKING A NAVIGATION BAR------------------------------------------>
 +
<div class="navbar">
 +
        <a href="https://2017.igem.org/Team:Minnesota">Home</a>
  
−
<div class="column full_size">
+
          <div class="dropdown">
 +
            <button class="dropbtn">Team</button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/Team" target="_blank"> Team </a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Collaborations" target="_blank"> Collaborations </a>
 +
            </div>
 +
          </div>
 +
       
 +
        <div class="dropdown">
 +
            <button class="dropbtn">Project</button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/Description">Description</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Design">Design</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Experiments">Experiments</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Notebook">Notebook</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/InterLab">InterLab</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Contribution">Contribution</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Model">Model</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Results">Results</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Demonstrate">Demonstrate</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Improve">Improve</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Attributions">Attributions</a>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="dropdown">
 +
            <button class="dropbtn">Parts</button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/Parts">Parts</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Basic_Part">Basic Parts</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Composite_Part">Composite Parts</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Part_Collection">Part Collection</a>
 +
            </div>
 +
          </div>
 +
       
 +
        <a href="#">Safety</a>
 +
        <div class="dropdown">
 +
            <button class="dropbtn">Human Practices</button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/HP/Silver">Silver HP</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/HP/Gold_Integrated">Integrated and Gold</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Engagement">Public Engagement</a>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="dropdown">
 +
            <button class="dropbtn">Awards
 +
            </button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/Applied_Design">Applied Design</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Entrepreneurship">Entrepreneurship</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Hardware">Hardware</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Measurement">Measurement</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Model">Model</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Plant">Plant</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Software">Software</a>
 +
            </div>
 +
        </div>
 +
       
 +
        <a href="#">Judging Form</a>
 +
        <p> MINNESOTA </p>
 +
</div>
  
−
<h1>Notebook</h1>
+
<style>
−
<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>
+
/*************************** Page Formatting ****************************/
 +
        .igem_2017_menu_wrapper{display:none;}
  
−
</div>
+
        #content{
−
<div class="clear"></div>
+
        background-color: transparent;
 +
        background: transparent;}
  
 +
        .igem_2017_content_wrapper{ background-color: transparent; }
  
−
<div class="column half_size">
+
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
−
<h5>What should this page have?</h5>
+
            display: none;
−
<ul>
+
        }
−
<li>Chronological notes of what your team is doing.</li>
+
</style>
−
<li> Brief descriptions of daily important events.</li>
+
−
<li>Pictures of your progress. </li>
+
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
  
−
</div>
+
<style>
 +
/* Navbar container */
 +
        .navbar {
 +
          overflow: hidden;
 +
          height: 100px;
 +
          background-color: #333;
 +
          width: 1390px;
 +
          margin-top: -60px;
 +
          margin-left: -30px;
 +
          font-family: Arial;
 +
        }
 +
       
 +
        .navbar p {
 +
            margin-left: 1150px;
 +
            color: white;
 +
            margin-top: 50px;
 +
           
 +
        }
  
−
<div class="column half_size">
+
        /* Links inside the navbar */
−
<h5>Inspiration</h5>
+
        .navbar a {
−
<p>You can see what others teams have done to organize their notes:</p>
+
          float: left;
 +
          font-size: 16px;
 +
          color: white;
 +
          text-align: center;
 +
          padding: 14px 16px;
 +
          margin-top: 30px;
 +
          text-decoration: none;
 +
        }
  
−
<ul>
+
        /* The dropdown container */
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
        .dropdown {
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
          margin-top:30px;
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
          float: left;
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
          overflow: hidden;
−
</ul>
+
        }
 +
 
 +
        /* Dropdown button */
 +
        .dropdown .dropbtn {
 +
          font-size: 16px;
 +
          border: none;
 +
          outline: none;
 +
          color: white;
 +
          padding: 14px 16px;
 +
          background-color: inherit;
 +
        }
 +
 
 +
        /* Add a red background color to navbar links on hover */
 +
        .navbar a:hover, .dropdown:hover .dropbtn {
 +
          background-color: red;
 +
        }
 +
 
 +
        /* Dropdown content (hidden by default) */
 +
        .dropdown-content {
 +
          display: none;
 +
          position: absolute;
 +
          background-color: #f9f9f9;
 +
          width: 160px;
 +
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
          z-index: 1;
 +
        }
 +
 
 +
        /* Links inside the dropdown */
 +
        .dropdown-content a {
 +
          float: none;
 +
          color: black;
 +
          padding: 10px 12px;
 +
          text-decoration: none;
 +
          display: block;
 +
          text-align: left;
 +
        }
 +
 
 +
        /* Add a grey background color to dropdown links on hover */
 +
        .dropdown-content a:hover {
 +
          background-color: #ddd;
 +
        }
 +
 
 +
        /* Show the dropdown menu on hover */
 +
        .dropdown:hover .dropdown-content {
 +
          display: block;
 +
        }
 +
</style>
  
−
</div>
 
 
</html>
 
</html>

Revision as of 21:16, 26 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

Minnesota

Home
Team Collaborations
Description Design Experiments Notebook InterLab Contribution Model Results Demonstrate Improve Attributions
Parts Basic Parts Composite Parts Part Collection
Safety
Silver HP Integrated and Gold Public Engagement
Applied Design Entrepreneurship Hardware Measurement Model Plant Software
Judging Form

MINNESOTA