Difference between revisions of "Team:UCSC/Results"

(Prototype team page)
 
Line 1: Line 1:
−
{{UCSC}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<!-- Bootstrap CSS -->
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="https://2015.igem.org/Template:UCSC/CSS?action=raw&ctype=text/css">
 +
  <script src="https://2015.igem.org/Template:UCSC/Javascript?action=raw&ctype=text/javascript"></script>
 +
  <script src="https://2015.igem.org/Template:UCSC/Bootstrap_Javascript?action=raw&ctype=text/javascript"></script>
 +
<style>
  
−
<h2> Project Results</h2>
+
body{padding-bottom: 70px;}
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
.navbar-nav > li{
 +
  padding-top: 5px;
 +
  padding-left:20px;
 +
  padding-right:20px;
 +
}
  
−
<h5>What should this page contain?</h5>
+
.navbar .navbar-nav {
−
<ul>
+
    display: inline-block;
−
<li> Clearly and objectively describe the results of your work.</li>
+
    float: none;
−
<li> Future plans for the project </li>
+
}
−
<li> Considerations for replicating the experiments </li>
+
−
</ul>
+
  
 +
.navbar .navbar-collapse {
 +
    text-align: center;
 +
}
 +
.bernick a:hover { color: #CCAC00;}
  
 +
.foot a:link{ color: black;}
  
 +
.foot a:visited{ color: black;}
  
 +
.foot a:hover { color: #CCAC00;}
  
−
<h4> Project Achievements </h4>
+
.bernick_swag a:link{ color: #8798b2; font-family:  Calibri, Helvetica; Arial font-size: 13px;}
  
−
<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>
+
.bernick_swag a:visited{ color: #8798b2; font-family: Calibri, Helvetica; Arial font-size: 13px;}
  
−
<ul>
+
.bernick_swag a:hover { color: #DAA520; font-family:  Calibri, Helvetica; Arial font-size: 13px;}
−
<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>
+
  
 +
img {
 +
max-width: 100%;
 +
height: auto;
 +
width: auto\9; /* ie8 */
 +
}
  
  
−
<h4>Inspiration</h4>
+
#salt {width: 75%; height: 75%;
−
<p>See how other teams presented their results.</p>
+
      margin: auto;
−
<ul>
+
      position: relative;
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
      top: -35px;}
−
<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>
+
 
 +
div.classname a:hover {
 +
    opacity: 0.4;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
 
 +
 
 +
 
 +
.gear {
 +
    width: 80px;
 +
    height: 80px;
 +
    -webkit-animation:spin 4s linear infinite;
 +
    -moz-animation:spin 4s linear infinite;
 +
    animation:spin 4s linear infinite;
 +
}
 +
 
 +
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 +
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
 +
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
 +
 
 +
p {margin-left: 20px;
 +
font-family: calibri, helvetica, arial;
 +
font-size: 16px;}
 +
 
 +
ul#menu li {
 +
    display:inline;
 +
}
 +
 
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
 
 +
 
 +
#top-section {
 +
    border: none;
 +
    height: 0px;
 +
    width: 100%;
 +
    padding-left: 0px;}
 +
 
 +
 
 +
#content {
 +
    border: none;
 +
    width: 100%;
 +
    padding: 0px;}
 +
 
 +
 
 +
#our_content {
 +
 +
             
 +
position: relative;
 +
                width: 1220px;
 +
                margin: auto;
 +
                repeat: n;
 +
                font-family: Calibri, Helvetica; Arial;
 +
                font-size: 18px;
 +
 
 +
}
 +
 
 +
#foot {margin: auto;
 +
        font-size: 12px;
 +
        font-family: Calibri, Helvetica; Arial;}
 +
 
 +
 
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
.gear {width: 10%; height: 10%;}
 +
 
 +
#salt {width: 100%}
 +
 
 +
#our_content {
 +
width: 100%;
 +
}
 +
 
 +
#top-section {
 +
width: 100%;
 +
}
 +
 
 +
#content {width: 100%;}
 +
 
 +
#foot {width: 100%}
 +
 
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1024px) {
 +
 
 +
#salt {width: 100%}
 +
 
 +
#our_content {
 +
width: 100%;
 +
}
 +
 
 +
#top-section {
 +
width: 100%;
 +
}
 +
 
 +
#content {width: 100%;}
 +
 
 +
#foot {width: 100%}
 +
 
 +
.gear {width: 10%; height: 10%;}
 +
 
 +
}
 +
@media screen and (max-width: 980px) {
 +
 
 +
#salt {width: 100%}
 +
#our_content {
 +
width: 100%;
 +
}
 +
 
 +
#top-section {
 +
width: 100%;
 +
}
 +
 
 +
#content {width: 100%;}
 +
 
 +
#foot {width: 100%}
 +
 
 +
.gear {width: 10%; height: 10%;}
 +
}
 +
 
 +
@media screen and (max-width: 650px) {
 +
 
 +
#salt {width: 100%}
 +
 
 +
#our_content {
 +
width: 100%;
 +
}
 +
 
 +
#top-section {
 +
width: 100%;
 +
}
 +
 
 +
#content {width: 100%;}
 +
 
 +
#foot {width: 100%}
 +
 
 +
.gear {width: 10%; height: 10%;}
 +
 
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
</head>
 +
 
 +
 
 +
<!-- menu -->
 +
 
 +
<!-- end of menu -->
 +
<body>
 +
 
 +
<nav class="navbar navbar-fixed-top" style="position:relative; top: -10px; background-color: #E5E4E2; text-align:center;" >
 +
  <div  class="container-fluid" >
 +
    <div class="navbar-header" >
 +
      <a class="navbar-brand" href="#"></a>
 +
    </div>
 +
    <div>
 +
      <ul class="nav navbar-nav bernick_swag">
 +
        <li class="active"><a href="https://2015.igem.org/Team:UCSC">Home</a></li>
 +
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Team">Meet the Team</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Breakdown">Breakdown</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Fermentation">Fermentation</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Field">Field</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2015.igem.org/Team:UCSC/Project">Project</a></li>
 +
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Outreach">Outreach</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Bioethics">Bioethics</a></li>
 +
          </ul>
 +
        </li>        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Logs">Logs</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Protocols">Protocols</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a></li>
 +
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Achievements<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Parts">Parts</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Medal_Fulfillment">Medal Fulfillment</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Results">Results</a></li>
 +
 
 +
    </ul>
 +
        <li><a href="https://2015.igem.org/Team:UCSC/Software">Software</a></li>
 +
 
 +
      </ul>
 +
    </div>
 +
  </div>
 +
</nav>
 +
 
 +
 
 +
<!--First Block -->
 +
 
 +
<div id="our_content" align="center">
 +
 
 +
<h1> Results </h2>
 +
<p>
 +
</p>
 +
<table border="1"?
 +
<tr>
 +
<td>
 +
</td>
 +
</tr>
 +
</table>
 +
<br />
 +
<br />
 +
 
 +
<div class="classname">
 +
 
 +
<br />
 +
<br />
 +
 
 +
</nav>
 +
 
 +
<br />
 +
<br />
 +
</div>
 +
<br />
 +
<br />
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
    <!--Footer-->
 +
 
 +
<div id="foot" class="center foot">
 +
<img src="https://static.igem.org/mediawiki/2015/8/80/Cellulose_Footer.png" width="20%" /><img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt="">&nbsp;&nbsp; <a href="https://2015.igem.org/Team:UCSC">Home</a> | <a href="https://2015.igem.org/Team:UCSC/Team">Teams</a> | <a href="https://2015.igem.org/Team:UCSC/Project">Project</a> | <a href="https://2015.igem.org/Team:UCSC/Outreach">Human Practices</a> | <a href="https://2015.igem.org/Team:UCSC/Notebook">Notebook</a> | <a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a> | <a href="https://2015.igem.org/Team:UCSC/Parts">Achievements</a> | <a href="https://2015.igem.org/Team:UCSC/Software">F.O.C.U.S</a> &nbsp;&nbsp; <img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt="">
 +
<img src="https://static.igem.org/mediawiki/2015/4/4c/Fuel_Footer.png"  width="20%"/>
 +
 
 +
<ul id="menu">
 +
<li><img src="https://static.igem.org/mediawiki/2015/a/a9/Fns4kg.png" style="width: 148px; height:148px;" /></li>
 +
 
 +
<li><img src="https://static.igem.org/mediawiki/2015/0/03/Vwr.png" /></li>
 +
 
 +
<li><img src="https://static.igem.org/mediawiki/2015/6/62/Ucsc.png" style="width: 348px; height: 98px;" /></li>
 +
 
 +
<li><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png" style="width: 348px; height: 148px; " /></li>
 +
 
 +
<li><img src="https://static.igem.org/mediawiki/2015/3/34/Idt.jpg" style="width: 148px; height: 148px;" /></li>
 +
 
 
</ul>
 
</ul>
  
 
</div>
 
</div>
 +
</body>
 +
 
</html>
 
</html>

Revision as of 20:21, 16 September 2015

Results