Difference between revisions of "Team:IISc-Bangalore/Hardware"

 
(24 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
 +
  
 
<center>
 
<center>
 
<img src="https://static.igem.org/mediawiki/2017/7/7a/T--IISc-Bangalore--HW--MainPage.svg">
 
<img src="https://static.igem.org/mediawiki/2017/7/7a/T--IISc-Bangalore--HW--MainPage.svg">
 
</center>
 
</center>
 +
  
 
<div id="contentMain">
 
<div id="contentMain">
Line 34: Line 37:
 
<div style="padding: 50px; margin-right: 10%">
 
<div style="padding: 50px; margin-right: 10%">
  
−
<p style="text-align: center; font-size: 3.2em; padding: 45px"> It costs less than other alternatives. 100 times as less.</p>
+
<p style="text-align: center; font-size: 3.2em; padding: 45px">It's cheap. Two orders of magnitude less than alternatives.</p>
 
<center>
 
<center>
−
<a href="#">
+
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Pro#Whatisit">
 
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 
See How
 
See How
Line 47: Line 50:
 
<div style="padding: 50px; margin-right: 10%">
 
<div style="padding: 50px; margin-right: 10%">
  
−
<p style="text-align: center; font-size: 3.2em; padding: 45px"> And it stands its ground against the gold standard - the Spectrophotometer.</p>
+
<p style="text-align: center; font-size: 3.2em; padding: 45px"> And it holds its own against the gold standard - a spectrophotometer.</p>
 
<center>
 
<center>
 
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">
 
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">
Line 62: Line 65:
 
<div style="padding: 50px; margin-right: 10%">
 
<div style="padding: 50px; margin-right: 10%">
  
−
<p style="text-align: center; font-size: 3.2em; padding: 45px">It is not hard to build. A college freshman built it in two hours.</p>
+
<p style="text-align: center; font-size: 3.2em; padding: 45px">It's easy to build. A college freshman built it in two hours.</p>
 
<center>
 
<center>
−
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Documentation">
+
<a href="https://2017.igem.org/Team:IISc-Bangalore/HP/Silver#mini">
 
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 
See How
 
See How
Line 93: Line 96:
 
<div style="padding: 50px; margin-right: 10%">
 
<div style="padding: 50px; margin-right: 10%">
  
−
<p style="text-align: center; font-size: 3.2em; padding: 45px">But we had to go through a lot of trial and error. See how we did it.</p>
+
<p style="text-align: center; font-size: 3.2em; padding: 45px">But designing it wasn't so easy. See how we failed -
 +
and tried again.</p>
 
<center>
 
<center>
 
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Notebook">
 
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Notebook">
Line 104: Line 108:
 
</div>
 
</div>
  
−
<div id="scroll" style="padding: 20px; float: bottom; position: fixed;">
+
<div style="padding: 50px; margin-right: 10%">
 +
 
 
<center>
 
<center>
−
<img src="https://static.igem.org/mediawiki/2017/b/b4/T--IISc-Bangalore--HW--scroll.png" height="20" width="20">
+
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Mini">
 +
<button style = "border: 3px solid #689a0c; background-color: #689a0c; color: #ffffff; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
Click here to continue to the GCODe Mini Page
 +
</button>
 +
</a>
 
</center>
 
</center>
 +
 
</div>
 
</div>
 +
 +
 +
  
  
  
 
</div>
 
</div>
 +
 +
<div id="scroll" style="padding: 40px; position: absolute; top: 6%; left: 45.5%;">
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/b/b4/T--IISc-Bangalore--HW--scroll.png" height="50" width="50" id="scroll">
 +
</center>
 +
</div>
 +
  
 
</div>
 
</div>
Line 119: Line 139:
 
window.slide = new SlideNav({
 
window.slide = new SlideNav({
 
   changeHash: true     
 
   changeHash: true     
 +
});
 +
 +
$('#scroll').click(function(){
 +
    $("html, body").animate({ scrollTop: $(window).height()}, 600);
 +
    return false;
 
});
 
});
  

Latest revision as of 01:43, 2 November 2017

It's cheap. Two orders of magnitude less than alternatives.

And it holds its own against the gold standard - a spectrophotometer.

It's easy to build. A college freshman built it in two hours.

Want to build one yourself? We know you want to.

But designing it wasn't so easy. See how we failed - and tried again.