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

Line 19: Line 19:
 
<!--guide-->
 
<!--guide-->
 
<div class="guide">
 
<div class="guide">
−
 
 
<ul class="menu">
 
<ul class="menu">
  
Line 94: Line 93:
  
 
</ul>
 
</ul>
−
 
 
</div>
 
</div>
 
<!--end guide-->
 
<!--end guide-->
Line 109: Line 107:
 
<p>Please set the $vertical variable to false to see the horizontal version.</p>
 
<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'>July 16<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p>
 +
<span class="engineeringimg"><img class="engineeringimg1" src="https://static.igem.org/mediawiki/2017/0/09/T--XMU-China--engineeringimg1.png"></span>
 +
      </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'>July 26<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p>
 +
<span class="engineeringimg"><img class="engineeringimg2" src="https://static.igem.org/mediawiki/2017/d/d8/T--XMU-China--engineeringimg2.png"></span>
 +
      </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'>August 15<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p>
 +
<span class="engineeringimg"><img class="engineeringimg3" src="https://static.igem.org/mediawiki/2017/a/ae/T--XMU-China--engineeringimg3.png"></span>
 +
      </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'>August 20<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p>
 +
<span class="engineeringimg"><img class="engineeringimg4" src="https://static.igem.org/mediawiki/2017/2/2e/T--XMU-China--engineeringimg4.png"></span>
 +
      </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'>September 11<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p>
 +
<span class="engineeringimg"><img class="engineeringimg5" src="https://static.igem.org/mediawiki/2017/1/1c/T--XMU-China--engineeringimg5.png"></span>
 +
      </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'>September 13<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p>
 +
<span class="engineeringimg"><img class="engineeringimg6" src="https://static.igem.org/mediawiki/2017/e/e7/T--XMU-China--engineeringimg6.png"></span>
 +
      </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'>September 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>
−
        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>
 
       </p>
 
       </p>
 
     </div>
 
     </div>
Line 125: Line 201:
 
     <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'>October 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>
−
        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>
 
       </p>
 
       </p>
 
     </div>
 
     </div>
Line 138: Line 214:
 
     <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'>October 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>
−
        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>
 
       </p>
 
       </p>
 
     </div>
 
     </div>
Line 151: Line 227:
 
     <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'>October 20<span class="superscript">th</span><br />2017</span>
 +
      <span class='circle'></span>
 +
    </div>
 +
    <div class='content'>
 +
      <p>
 +
<span class="engineeringimg"><img class="engineeringimg10" src="https://static.igem.org/mediawiki/2017/c/c9/T--XMU-China--engineeringimg10.png"></span>
 +
      </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'>October 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>
−
        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>
 
       </p>
 
       </p>
 
     </div>
 
     </div>
Line 190: Line 279:
 
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{

Revision as of 09:20, 31 October 2017

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

Please set the $vertical variable to false to see the horizontal version.

  • July 16th
    2017

  • July 26th
    2017

  • August 15th
    2017

  • August 20th
    2017

  • September 11th
    2017

  • September 13th
    2017

  • September 20th
    2017

  • October 6th
    2017

  • October 16th
    2017

  • October 20th
    2017

  • October 20th
    2017