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

 
(7 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 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 94: Line 97:
  
 
</ul>
 
</ul>
−
 
 
</div>
 
</div>
 
<!--end guide-->
 
<!--end guide-->
Line 106: 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 125: 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 138: 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 151: 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 190: 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