Difference between revisions of "Team:UChile OpenBio-CeBiB/Results"

(Prototype team page)
 
Line 1: Line 1:
−
{{UChile_OpenBio-CeBiB}}
 
 
<html>
 
<html>
−
 
+
<script>
−
 
+
#menu-bar {
−
<div class="column full_size" >
+
  width: 95%;
−
 
+
  margin: 0px 0px 0px 0px;
−
<h1>Results</h1>
+
  padding: 25px 3px 3px 14px;
−
 
+
  height: 70px;
−
<p>Here you can describe the results of your project and your future plans. </p>
+
  line-height: 100%;
−
 
+
  border-radius: 0px;
−
<h5>What should this page contain?</h5>
+
  -webkit-border-radius: 0px;
−
<ul>
+
  -moz-border-radius: 0px;
−
<li> Clearly and objectively describe the results of your work.</li>
+
  box-shadow: 0px 0px 0px #666666;
−
<li> Future plans for the project. </li>
+
  -webkit-box-shadow: 0px 0px 0px #666666;
−
<li> Considerations for replicating the experiments. </li>
+
  -moz-box-shadow: 0px 0px 0px #666666;
 +
  background: #35E681;
 +
  background: linear-gradient(top,  #59FF75,  #4BBF62);
 +
  background: -ms-linear-gradient(top,  #59FF75,  #4BBF62);
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#59FF75), to(#4BBF62));
 +
  background: -moz-linear-gradient(top,  #59FF75,  #4BBF62);
 +
  border: solid 0px #0F6D0F;
 +
  position:relative;
 +
  z-index:999;
 +
}
 +
#menu-bar li {
 +
  margin: 0px 0px 6px 0px;
 +
  padding: 7px 6px 0px 6px;
 +
  float: left;
 +
  position: relative;
 +
  list-style: none;
 +
}
 +
#menu-bar a {
 +
  font-weight: bold;
 +
  font-family: helvetica;
 +
  font-style: normal;
 +
  font-size: 14px;
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
  display: block;
 +
  padding: 6px 20px 6px 20px;
 +
  margin: 0;
 +
  margin-bottom: 6px;
 +
  border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  -moz-border-radius: 10px;
 +
  text-shadow: 0px 0px 3px #047D2C;
 +
}
 +
#menu-bar li ul li a {
 +
  margin: 0;
 +
}
 +
#menu-bar .active a, #menu-bar li:hover > a {
 +
  background: #0399D4;
 +
  background: linear-gradient(top,  #27AB39,  #073B02);
 +
  background: -ms-linear-gradient(top,  #27AB39,  #073B02);
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#27AB39), to(#073B02));
 +
  background: -moz-linear-gradient(top,  #27AB39,  #073B02);
 +
  color: #FFFFFF;
 +
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 +
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 +
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 +
  text-shadow: 0px 0px 0px #FFFFFF;
 +
}
 +
#menu-bar ul li:hover a, #menu-bar li:hover li a {
 +
  background: none;
 +
  border: none;
 +
  color: #666;
 +
  -box-shadow: none;
 +
  -webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
}
 +
#menu-bar ul a:hover {
 +
  background: #00FF3C !important;
 +
  color: #FFFFFF !important;
 +
  border-radius: 0;
 +
  -webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
  text-shadow: 0px 0px 1px #4D4D4D;
 +
}
 +
#menu-bar li:hover > ul {
 +
  display: block;
 +
}
 +
#menu-bar ul {
 +
  background: #6CDD42;
 +
  display: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 185px;
 +
  position: absolute;
 +
  top: 37px;
 +
  left: 0;
 +
  border: solid 1px #B4B4B4;
 +
  border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  -moz-border-radius: 10px;
 +
  -webkit-box-shadow: 2px 2px 2px #222222;
 +
  -moz-box-shadow: 2px 2px 2px #222222;
 +
  box-shadow: 2px 2px 2px #222222;
 +
}
 +
#menu-bar ul li {
 +
  float: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#menu-bar ul a {
 +
  padding:10px 0px 10px 15px;
 +
  color:#FFFFFF !important;
 +
  font-size:14px;
 +
  font-style:normal;
 +
  font-family:helvetica;
 +
  font-weight: bold;
 +
  text-shadow: 0px 0px 1px #363636;
 +
}
 +
#menu-bar ul li:first-child > a {
 +
  border-top-left-radius: 10px;
 +
  -webkit-border-top-left-radius: 10px;
 +
  -moz-border-radius-topleft: 10px;
 +
  border-top-right-radius: 10px;
 +
  -webkit-border-top-right-radius: 10px;
 +
  -moz-border-radius-topright: 10px;
 +
}
 +
#menu-bar ul li:last-child > a {
 +
  border-bottom-left-radius: 10px;
 +
  -webkit-border-bottom-left-radius: 10px;
 +
  -moz-border-radius-bottomleft: 10px;
 +
  border-bottom-right-radius: 10px;
 +
  -webkit-border-bottom-right-radius: 10px;
 +
  -moz-border-radius-bottomright: 10px;
 +
}
 +
#menu-bar:after {
 +
  content: ".";
 +
  display: block;
 +
  clear: both;
 +
  visibility: hidden;
 +
  line-height: 0;
 +
  height: 0;
 +
}
 +
#menu-bar {
 +
  display: inline-block;
 +
}
 +
  html[xmlns] #menu-bar {
 +
  display: block;
 +
}
 +
* html #menu-bar {
 +
  height: 1%;
 +
}
 +
</script>
 +
<ul id="menu-bar">
 +
<li class="active"><a href="#">Home</a></li>
 +
<li><a href="#">Products</a>
 +
  <ul>
 +
  <li><a href="#">Products Sub Menu 1</a></li>
 +
  <li><a href="#">Products Sub Menu 2</a></li>
 +
  <li><a href="#">Products Sub Menu 3</a></li>
 +
  <li><a href="#">Products Sub Menu 4</a></li>
 +
  </ul>
 +
</li>
 +
<li><a href="#">Services</a>
 +
  <ul>
 +
  <li><a href="#">Services Sub Menu 1</a></li>
 +
  <li><a href="#">Services Sub Menu 2</a></li>
 +
  <li><a href="#">Services Sub Menu 3</a></li>
 +
  <li><a href="#">Services Sub Menu 4</a></li>
 +
  </ul>
 +
</li>
 +
<li><a href="#">About</a></li>
 +
<li><a href="#">Contact Us</a></li>
 
</ul>
 
</ul>
−
 
−
<h5>You should also describe what your results mean: </h5>
 
−
 
−
<ul>
 
−
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
 
−
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
 
−
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
 
−
</ul>
 
−
 
−
</div>
 
−
 
−
<div class="clear"></div>
 
−
 
−
<div class="column half_size" >
 
−
 
−
 
−
<h5> Project Achievements </h5>
 
−
 
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
 
−
 
−
<ul>
 
−
<li>A list of linked bullet points of the successful results during your project</li>
 
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
 
−
</ul>
 
−
 
−
</div>
 
−
 
−
 
−
<div class="column half_size" >
 
−
 
−
<h5>Inspiration</h5>
 
−
<p>See how other teams presented their results.</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 
−
</ul>
 
−
 
−
</div>
 
−
 
−
 
−
 
 
</html>
 
</html>

Revision as of 01:12, 17 October 2017