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

(Prototype team page)
 
 
(123 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{IISc-Bangalore}}
 
{{IISc-Bangalore}}
 +
 
<html>
 
<html>
  
  
<div class="column full_size judges-will-not-evaluate">
+
 
<h3>★  ALERT! </h3>
+
<center>
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<img src="https://static.igem.org/mediawiki/2017/7/7a/T--IISc-Bangalore--HW--MainPage.svg">
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
</center>
 +
 
 +
 
 +
<div id="contentMain">
 +
 
 +
<div style="width:30%; display: inline-block; padding: 10px; float: left;">
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Mini">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px";>
 +
Click Here
 +
</button>
 +
</a>
 +
</center>
 
</div>
 
</div>
<div class="clear"></div>
 
  
 +
<div style="width:30%; display: inline-block; padding: 10px; float: right">
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Pro">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px;">
 +
Click here
 +
</button>
 +
</a>
 +
</center>
 +
</div>
  
<div class="column half_size">
+
<div style="padding: 60px;">
 +
</div>
  
<h1>Hardware</h1>
+
<div style="padding: 50px; margin-right: 10%">
<h3>Best Hardware Special Prize</h3>
+
<p>iGEM is about making teams of students making synthetic biology projects. We encourage teams to work with parts and build biological devices in the lab. But we are inclusive and want all teams to work on many other types of problems in synbio. Robotic assembly, microfluidics, low cost equipment and measurement hardware are all areas ripe for innovation in synbio. </p>
+
  
<p>
+
<p style="text-align: center; font-size: 3.2em; padding: 45px">It's cheap. Two orders of magnitude less than alternatives.</p>
Teams who are interested in working with hardware as a side project are encouraged to apply for the hardware award.  
+
<center>
 +
<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">
 +
See How
 +
</button>
 +
</a>
 +
</center>
 +
</div>
 +
 
 +
 
 +
<div style="padding: 50px; margin-right: 10%">
 +
 
 +
<p style="text-align: center; font-size: 3.2em; padding: 45px"> And it holds its own against the gold standard - a spectrophotometer.</p>
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
Results
 +
</button>
 +
</a>
 +
</center>
  
<br><br>
 
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Hardware prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
 
<br><br>
 
You must also delete the message box on the top of this page to be eligible for this prize.
 
</p>
 
</p>
 
 
</div>
 
</div>
  
<div class="column half_size">
+
 
<h5>Inspiration</h5>
+
 
<p>You can look at what other teams did to get some inspiration! <br />
+
<div style="padding: 50px; margin-right: 10%">
Here are a few examples:</p>
+
 
<ul>
+
<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>
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
<center>
<li><a href="https://2016.igem.org/Team:Aachen">2016 Aachen </a></li>
+
<a href="https://2017.igem.org/Team:IISc-Bangalore/HP/Silver#mini">
<li><a href="https://2015.igem.org/Team:TU_Delft">2015 TU Delft  </a></li>
+
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
<li><a href="https://2015.igem.org/Team:TU_Darmstadt">2015 TU Darmstadt</a></li>
+
See How
</ul>
+
</button>
 +
</a>
 +
</center>
  
 
</div>
 
</div>
  
  
 +
 +
<div style="padding: 50px; margin-right: 10%">
 +
 +
<p style="text-align: center; font-size: 3.2em; padding: 45px">Want to build one yourself?
 +
We know you want to.</p>
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Documentation">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
Construction
 +
</button>
 +
</a>
 +
</center>
 +
 +
</div>
 +
 +
 +
 +
<div style="padding: 50px; margin-right: 10%">
 +
 +
<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>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Notebook">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
Evolution
 +
</button>
 +
</a>
 +
</center>
 +
 +
</div>
 +
 +
<div style="padding: 50px; margin-right: 10%">
 +
 +
<center>
 +
<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>
 +
 +
</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>
 +
 +
<script>
 +
window.slide = new SlideNav({
 +
  changeHash: true   
 +
});
 +
 +
$('#scroll').click(function(){
 +
    $("html, body").animate({ scrollTop: $(window).height()}, 600);
 +
    return false;
 +
});
 +
 +
</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.