Difference between revisions of "Team:Minnesota/Demonstrate"

(Prototype team page)
 
Line 1: Line 1:
 
{{Minnesota}}
 
{{Minnesota}}
 
 
<html>
 
<html>
  
 +
<!------------------------------------ MAKING A NAVIGATION BAR------------------------------------------>
 +
<div class="navbar">
 +
        <a href="https://2017.igem.org/Team:Minnesota">Home</a>
  
 
+
          <div class="dropdown">
<div class="column full_size judges-will-not-evaluate">
+
            <button class="dropbtn">Team</button>
<h3>★  ALERT! </h3>
+
            <div class="dropdown-content">
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
              <a href="https://2017.igem.org/Team:Minnesota/Team" target="_blank"> Team </a>
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
              <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>
 
</div>
<div class="clear"></div>
 
  
 +
<style>
 +
/*************************** Page Formatting ****************************/
 +
        .igem_2017_menu_wrapper{display:none;}
  
<div class="column full_size">
+
        #content{
<h1>Demonstrate</h1>
+
        background-color: transparent;
<h3>Gold Medal Criterion #4</h3>
+
        background: transparent;}
  
<p>
+
        .igem_2017_content_wrapper{ background-color: transparent; }
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve a their gold medals!
+
</p>
+
  
<p>
+
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.
+
            display: none;
</p>
+
        }
 +
</style>
  
 +
<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>
+
        /* Links inside the navbar */
 +
        .navbar a {
 +
          float: left;
 +
          font-size: 16px;
 +
          color: white;
 +
          text-align: center;
 +
          padding: 14px 16px;
 +
          margin-top: 30px;
 +
          text-decoration: none;
 +
        }
  
 +
        /* The dropdown container */
 +
        .dropdown {
 +
          margin-top:30px;
 +
          float: left;
 +
          overflow: hidden;
 +
        }
  
<div class="column half_size">
+
        /* Dropdown button */
 +
        .dropdown .dropbtn {
 +
          font-size: 16px;
 +
          border: none;
 +
          outline: none;
 +
          color: white;
 +
          padding: 14px 16px;
 +
          background-color: inherit;
 +
        }
  
<h4> What should we do for our demonstration?</h4>
+
        /* Add a red background color to navbar links on hover */
 +
        .navbar a:hover, .dropdown:hover .dropbtn {
 +
          background-color: red;
 +
        }
  
<h5> Standard teams </h5>
+
        /* 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;
 +
        }
  
<p>
+
        /* Links inside the dropdown */
If you have built a proof of concept system, you can demonstrate it working under real world conditions. If you have built a biological device that is intended to be a sensor, can you show it detecting whatever it is intended to sense. If it is intended to work in the field, you can show how this might work using a simulated version in the lab, or a simulation of your device in the field.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
        .dropdown-content a {
</p>
+
          float: none;
</div>
+
          color: black;
 
+
          padding: 10px 12px;
<div class="column half_size">
+
          text-decoration: none;
 
+
          display: block;
<br>
+
          text-align: left;
<h5> Special track teams </h5>
+
        }
 
+
<p>
+
Special track teams can achieve this medal criterion by bringing their work to the Jamboree and showcasing it in the track event. Art & Design, Measurement, Hardware and Software tracks will all have showcase events at the Giant Jamboree.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
</p>
+
 
+
 
+
</div>
+
  
 +
        /* 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>
  
 
</html>
 
</html>

Revision as of 21:17, 26 October 2017

Minnesota