Difference between revisions of "Team:HZAU-China/Results"

(Prototype team page)
 
Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
 
<html>
 
<html>
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <!--内容的样式-->
 +
  <style>
 +
    body {
 +
      font-family: "Arial", Helvetica, sans-serif;
 +
      text-align: justify;
 +
      margin: 0px;
 +
      background-color: #ffffff;
 +
    }
  
 +
    .HZAU_content a:hover {
 +
      color: black;
 +
      text-decoration: none;
 +
    }
  
−
<div class="column full_size" >
+
    .HZAU_content a {
 +
      color: black;
 +
    }
  
−
<h1>Results</h1>
+
    .HZAU_content {
 +
      position: absolute;
 +
      top: 43px;
 +
      left: 250px;
 +
      width: 1000px;
 +
      height: 2100px;
 +
      z-index: -1;
 +
    }
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
    .HZAU_2017_menu {
 +
      display: block;
 +
      position: fixed;
 +
      left: 15px;
 +
      top: 100px;
 +
      height: 337px;
 +
      width: 233px;
 +
      overflow: hidden;
 +
    }
  
−
<h5>What should this page contain?</h5>
+
    .beijin {
−
<ul>
+
      height: 337px;
−
<li> Clearly and objectively describe the results of your work.</li>
+
      width: 233px;
−
<li> Future plans for the project. </li>
+
    }
−
<li> Considerations for replicating the experiments. </li>
+
−
</ul>
+
  
−
<h5>You should also describe what your results mean: </h5>
+
    .HZAU_2017_menu ul {
 +
      position: absolute;
 +
      top: 50%;
 +
      margin-top: -80px;
 +
      margin-left: 0px;
 +
      left: 0px;
 +
      width: 100%;
 +
      padding-left: 0px;
 +
      font-size: 16px;
 +
    }
  
−
<ul>
+
    .HZAU_2017_menu li {
−
<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>
+
      width: 100%;
−
<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>
+
    .HZAU_2017_menu li a {
 +
      display: inline-block;
 +
      width: 100%;
 +
      height: 100%;
 +
      padding: 20px 0px 20px 0px;
 +
      margin-left: 13px;
 +
      text-align: left;
 +
      color: rgb(249, 228, 137);
 +
      text-decoration: none;
 +
      font-style: arial;
 +
      line-height: 90%;
 +
    }
  
−
<div class="clear"></div>
+
    .HZAU_2017_menu li:hover {
 +
      background: rgb(249, 228, 137);
 +
    }
  
−
<div class="column half_size" >
+
    .HZAU_2017_menu li a:hover {
 +
      color: #000;
 +
    }
  
 +
    .HZAU_item {
 +
      position: absolute;
 +
      width: 100%;
 +
      padding-left: 40px;
 +
    }
  
−
<h5> Project Achievements </h5>
+
    .biaoti {
 +
      font-size: 50px;
 +
      font-weight: bold;
 +
      text-align: center;
 +
      width: 100%;
 +
      display: block;
 +
      padding-bottom: 50px;
 +
      padding-top: 50px;
 +
      color: rgb(63, 59, 58);
 +
    }
  
−
<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>
+
    .zhengwen {
 +
      display: block;
 +
      font-style: arial;
 +
      font-size: 18px;
 +
      line-height: 34px;
 +
      text-align: justify;
 +
      color: #000;
 +
      margin-bottom: 9px;
 +
      margin-left: 0px;
 +
      margin-right: 0px;
 +
      margin-top: 7.2px
 +
    }
  
−
<ul>
+
    .jiaozheng {
−
<li>A list of linked bullet points of the successful results during your project</li>
+
      position: relative;
−
<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>
+
    .jiaozheng a {
 +
      position: absolute;
 +
      top: -66px;
 +
    }
  
 +
    .HZAU_content img {
 +
      margin: 0 auto;
 +
      display: block;
 +
    }
  
−
<div class="column half_size" >
+
    .tu_1 {
−
 
+
      width: 233px;
−
<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>
+
−
 
+
  
 +
    .tu_2 {
 +
      width: 555px;
 +
    }
 +
  </style>
 +
</head>
  
 +
<body>
 +
  <div class="HZAU_2017_menu">
 +
    <img src="https://static.igem.org/mediawiki/2017/8/8e/HZAU_2017_background_1.png" class="beijin">
 +
    <ul class="daohang">
 +
      <li id="HZAU_menu_1">
 +
        <a href="#" id="bianse_1">default</a>
 +
      </li>
 +
      <li id="HZAU_menu_2">
 +
        <a href="#item2_1" id="bianse_2">default</a>
 +
      </li>
 +
      <li id="HZAU_menu_3">
 +
        <a href="#item3_1" id="bianse_3">default</a>
 +
      </li>
 +
    </ul>
 +
  </div>
 +
  <div class="HZAU_content">
 +
    <div class="HZAU_item">
 +
      <a class="biaoti">default</a>
 +
      <a class="zhengwen">default</a>
 +
    </div>
 +
  </div>
 +
</body>
 
</html>
 
</html>

Revision as of 13:18, 30 October 2017

default default