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

 
(17 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 36: Line 39:
 
<p style="text-align: center; font-size: 3.2em; padding: 45px">It's cheap. Two orders of magnitude less than alternatives.</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="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Pro/#Whatisit">
+
<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 - a 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 easy 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/HP/Silver/#mini">
+
<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 118: Line 121:
  
  
−
<div id="scroll" style="padding: 40px; position: fixed; bottom: 0; left: 45.5%;">
+
 
−
<center>
+
−
<img src="https://static.igem.org/mediawiki/2017/b/b4/T--IISc-Bangalore--HW--scroll.png" height="50" width="50">
+
−
</center>
+
−
</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 135: Line 141:
 
});
 
});
  
−
$("#scroll").click(function(){
+
$('#scroll').click(function(){
−
$(document).animate({scrollTop:$(window).height})
+
    $("html, body").animate({ scrollTop: $(window).height()}, 600);
−
}
+
    return false;
 +
});
  
 
</script>
 
</script>
  
 
</html>
 
</html>

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.