Difference between revisions of "Team:XMU-China/Engineering"

 
(8 intermediate revisions by 2 users not shown)
Line 19: Line 19:
 
<!--guide-->
 
<!--guide-->
 
<div class="guide">
 
<div class="guide">
−
 
 
<ul class="menu">
 
<ul class="menu">
  
Line 32: Line 31:
 
<li><a href="https://2017.igem.org/Team:XMU-China/Demonstrate">Demonstrate</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Demonstrate">Demonstrate</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Results">Results</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Results">Results</a></li>
−
<li><a href="https://2017.igem.org/Team:XMU-China/Measurement">Measurement</a></li>
+
<li><a href="https://2017.igem.org/Team:XMU-China/Applied_Design">Applied&nbsp;Design</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Parts">Parts</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Parts">Parts</a></li>
 
</ul>
 
</ul>
Line 50: Line 49:
 
<ul style="dropdown-menu">
 
<ul style="dropdown-menu">
 
<li><a href="https://2017.igem.org/Team:XMU-China/Hardware">Overview</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Hardware">Overview</a></li>
 +
<li><a href="https://2017.igem.org/Team:XMU-China/Freeze-Dry">Freeze-Dry</a></li>
 +
<li><a href="https://2017.igem.org/Team:XMU-China/East-Wind">East-Wind</a></li>
 +
<li><a href="https://2017.igem.org/Team:XMU-China/Accessories">Accessories</a></li>
 +
<li><a href="https://2017.igem.org/Team:XMU-China/More_Chips">More&nbsp;Chips</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 57: Line 60:
 
<ul style="dropdown-menu">
 
<ul style="dropdown-menu">
 
<li><a href="https://2017.igem.org/Team:XMU-China/Model">Overview</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Model">Overview</a></li>
−
<li><a href="https://2017.igem.org/Team:XMU-China/Model_Method">Method</a></li>
+
<li><a href="https://2017.igem.org/Team:XMU-China/Modeling">Modeling</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 79: Line 82:
 
<li><a href="https://2017.igem.org/Team:XMU-China/Contribution">Contribution</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Contribution">Contribution</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Improve">Improve</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Improve">Improve</a></li>
 +
<li><a href="https://2017.igem.org/Team:XMU-China/Measurement">Measurement</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Safety">Safety</a></li>
 
<li><a href="https://2017.igem.org/Team:XMU-China/Safety">Safety</a></li>
 
</ul>
 
</ul>
Line 93: Line 97:
  
 
</ul>
 
</ul>
−
 
 
</div>
 
</div>
 
<!--end guide-->
 
<!--end guide-->
Line 105: Line 108:
 
<!--column-->
 
<!--column-->
 
<div class="column" id="column">
 
<div class="column" id="column">
−
 
−
<p>Please set the $vertical variable to false to see the horizontal version.</p>
 
 
<ul id='timeline'>
 
<ul id='timeline'>
 +
  <li class='work'>
 +
    <input class='radio' id='work10' name='works' type='radio'>
 +
    <div class="relative">
 +
      <label for='work10'>Set up East-Wind project</label>
 +
      <span class='date' style="line-height:30px;">Jul 16<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p><br />
 +
<span class="engineeringimg"><img class="engineeringimg1" src="https://static.igem.org/mediawiki/2017/0/09/T--XMU-China--engineeringimg1.png"></span><br />
 +
      </p>
 +
    </div>
 +
  </li>
 +
  <li class='work'>
 +
    <input class='radio' id='work9' name='works' type='radio'>
 +
    <div class="relative">
 +
      <label for='work9'>1<span class="superscript">st</span> generation of microfluidic chip</label>
 +
      <span class='date' style="line-height:30px;">Jul 26<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p><br />
 +
<span class="engineeringimg"><img class="engineeringimg2" src="https://static.igem.org/mediawiki/2017/d/d8/T--XMU-China--engineeringimg2.png"></span><br />
 +
      </p>
 +
    </div>
 +
  </li>
 +
  <li class='work'>
 +
    <input class='radio' id='work8' name='works' type='radio'>
 +
    <div class="relative">
 +
      <label for='work8'>1<span class="superscript">st</span> generation of circuit</label>
 +
      <span class='date' style="line-height:30px;">Aug 15<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p><br />
 +
<span class="engineeringimg"><img class="engineeringimg3" src="https://static.igem.org/mediawiki/2017/0/0d/T--XMU-China--engineeringimg3.jpeg"></span><br />
 +
      </p>
 +
    </div>
 +
  </li>
 +
  <li class='work'>
 +
    <input class='radio' id='work7' name='works' type='radio'>
 +
    <div class="relative">
 +
      <label for='work7'>1<span class="superscript">st</span> generation of circuit test</label>
 +
      <span class='date' style="line-height:30px;">Aug 20<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p><br />
 +
<span class="engineeringimg"><img class="engineeringimg4" src="https://static.igem.org/mediawiki/2017/2/2e/T--XMU-China--engineeringimg4.png"></span><br />
 +
      </p>
 +
    </div>
 +
  </li>
 +
  <li class='work'>
 +
    <input class='radio' id='work6' name='works' type='radio'>
 +
    <div class="relative">
 +
      <label for='work6'>2<span class="superscript">nd</span> generation of the microfluidic chip</label>
 +
      <span class='date' style="line-height:30px;">Sep 11<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p><br />
 +
<span class="engineeringimg"><img class="engineeringimg5" src="https://static.igem.org/mediawiki/2017/1/1c/T--XMU-China--engineeringimg5.png"></span><br />
 +
      </p>
 +
    </div>
 +
  </li>
 +
  <li class='work'>
 +
    <input class='radio' id='work5' name='works' type='radio'>
 +
    <div class="relative">
 +
      <label for='work5'>3D printing</label>
 +
      <span class='date' style="line-height:30px;">Sep 13<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p><br />
 +
<span class="engineeringimg"><img class="engineeringimg6" src="https://static.igem.org/mediawiki/2017/e/e7/T--XMU-China--engineeringimg6.png"></span><br />
 +
      </p>
 +
    </div>
 +
  </li>
 
   <li class='work'>
 
   <li class='work'>
 
     <input class='radio' id='work4' name='works' type='radio'>
 
     <input class='radio' id='work4' name='works' type='radio'>
 
     <div class="relative">
 
     <div class="relative">
−
       <label for='work4'>Lorem ipsum dolor sit amet</label>
+
       <label for='work4'>1<span class="superscript">st</span> generation of circuit test</label>
−
       <span class='date'>11 May 2013</span>
+
       <span class='date' style="line-height:30px;">Sep 20<span class="superscript">th</span><br />2017</span>
 
       <span class='circle'></span>
 
       <span class='circle'></span>
 
     </div>
 
     </div>
 
     <div class='content'>
 
     <div class='content'>
−
       <p>
+
       <p><br />
−
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ea necessitatibus quo velit natus cupiditate qui alias possimus ab praesentium nostrum quidem obcaecati nesciunt! Molestiae officiis voluptate excepturi rem veritatis eum aliquam qui laborum non ipsam ullam tempore reprehenderit illum eligendi cumque mollitia temporibus! Natus dicta qui est optio rerum.
+
<span class="engineeringimg"><img class="engineeringimg7" src="https://static.igem.org/mediawiki/2017/8/84/T--XMU-China--engineeringimg7.png"></span><br />
 
       </p>
 
       </p>
 
     </div>
 
     </div>
Line 124: Line 203:
 
     <input class='radio' id='work3' name='works' type='radio'>
 
     <input class='radio' id='work3' name='works' type='radio'>
 
     <div class="relative">
 
     <div class="relative">
−
       <label for='work3'>Lorem ipsum dolor sit amet</label>
+
       <label for='work3'>2<span class="superscript">nd</span> PCB</label>
−
       <span class='date'>10 May 2013</span>
+
       <span class='date' style="line-height:30px;">Oct 6<span class="superscript">th</span><br />2017</span>
 
       <span class='circle'></span>
 
       <span class='circle'></span>
 
     </div>
 
     </div>
 
     <div class='content'>
 
     <div class='content'>
−
       <p>
+
       <p><br />
−
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ea necessitatibus quo velit natus cupiditate qui alias possimus ab praesentium nostrum quidem obcaecati nesciunt! Molestiae officiis voluptate excepturi rem veritatis eum aliquam qui laborum non ipsam ullam tempore reprehenderit illum eligendi cumque mollitia temporibus! Natus dicta qui est optio rerum.
+
<span class="engineeringimg"><img class="engineeringimg8" src="https://static.igem.org/mediawiki/2017/8/81/T--XMU-China--engineeringimg8.png"></span><br />
 
       </p>
 
       </p>
 
     </div>
 
     </div>
Line 137: Line 216:
 
     <input class='radio' id='work2' name='works' type='radio'>
 
     <input class='radio' id='work2' name='works' type='radio'>
 
     <div class="relative">
 
     <div class="relative">
−
       <label for='work2'>Lorem ipsum dolor sit amet</label>
+
       <label for='work2'>3D printing shell</label>
−
       <span class='date'>09 May 2013</span>
+
       <span class='date' style="line-height:30px;">Oct 16<span class="superscript">th</span><br />2017</span>
 
       <span class='circle'></span>
 
       <span class='circle'></span>
 
     </div>
 
     </div>
 
     <div class='content'>
 
     <div class='content'>
−
       <p>
+
       <p><br />
−
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ea necessitatibus quo velit natus cupiditate qui alias possimus ab praesentium nostrum quidem obcaecati nesciunt! Molestiae officiis voluptate excepturi rem veritatis eum aliquam qui laborum non ipsam ullam tempore reprehenderit illum eligendi cumque mollitia temporibus! Natus dicta qui est optio rerum.
+
<span class="engineeringimg"><img class="engineeringimg9" src="https://static.igem.org/mediawiki/2017/3/33/T--XMU-China--engineeringimg9.png"></span><br />
 
       </p>
 
       </p>
 
     </div>
 
     </div>
Line 150: Line 229:
 
     <input class='radio' id='work1' name='works' type='radio'>
 
     <input class='radio' id='work1' name='works' type='radio'>
 
     <div class="relative">
 
     <div class="relative">
−
       <label for='work1'>Lorem ipsum dolor sit amet</label>
+
       <label for='work1'>Electronic circuit</label>
−
       <span class='date'>08 May 2013</span>
+
       <span class='date' style="line-height:30px;">Oct 20<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p><br />
 +
<span class="engineeringimg"><img class="engineeringimg10" src="https://static.igem.org/mediawiki/2017/c/c9/T--XMU-China--engineeringimg10.png"></span><br />
 +
      </p>
 +
    </div>
 +
  </li>
 +
  <li class='work'>
 +
    <input class='radio' id='work0' name='works' type='radio'>
 +
    <div class="relative">
 +
      <label for='work0'>East-Wind</label>
 +
      <span class='date' style="line-height:30px;">Oct 20<span class="superscript">th</span><br />2017</span>
 
       <span class='circle'></span>
 
       <span class='circle'></span>
 
     </div>
 
     </div>
 
     <div class='content'>
 
     <div class='content'>
−
       <p>
+
       <p><br />
−
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ea necessitatibus quo velit natus cupiditate qui alias possimus ab praesentium nostrum quidem obcaecati nesciunt! Molestiae officiis voluptate excepturi rem veritatis eum aliquam qui laborum non ipsam ullam tempore reprehenderit illum eligendi cumque mollitia temporibus! Natus dicta qui est optio rerum.
+
<span class="engineeringimg"><img class="engineeringimg10" src="https://static.igem.org/mediawiki/2017/7/74/T--XMU-China--engineeringimg11.png"></span><br />
 
       </p>
 
       </p>
 
     </div>
 
     </div>
Line 189: Line 281:
 
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
 
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
 
if(oTop > 0){
 
if(oTop > 0){
−
document.body.scrollTop = document.documentElement.scrollTop = oTop - 50;
+
document.body.scrollTop = document.documentElement.scrollTop = oTop - 150;
 
timer = requestAnimationFrame(fn);
 
timer = requestAnimationFrame(fn);
 
}else{
 
}else{

Latest revision as of 19:30, 1 November 2017

2017.igem.org/Team:XMU-China/Engineering

  • Jul 16th
    2017



  • Jul 26th
    2017



  • Aug 15th
    2017



  • Aug 20th
    2017



  • Sep 11th
    2017



  • Sep 13th
    2017



  • Sep 20th
    2017



  • Oct 6th
    2017



  • Oct 16th
    2017



  • Oct 20th
    2017



  • Oct 20th
    2017