Difference between revisions of "Team:KU Leuven/Design"

Line 1: Line 1:
 
{{KU_Leuven}}
 
{{KU_Leuven}}
 
<html>
 
<html>
−
<style type="text/css">
+
<div class="puzzle" id="parts">
−
body, html {
+
<div class="jumbotron">
−
height: 100%
+
<div class="container">
−
}
+
<h1>Design</h1>
−
 
+
</div>
−
.bgimg {
+
</div>
−
background-image: url('https://static.igem.org/mediawiki/2017/5/55/KU_Leuven_Background_ComingSoon.png');
+
<div class="container">
−
height: 100vh;
+
<div class="column full_size">
−
background-position: center;
+
−
background-size: cover;
+
−
position: relative;
+
−
color: white;
+
−
font-family: "Courier New", Courier, monospace;
+
−
font-size: 5000px;
+
−
}
+
−
 
+
−
.topleft {
+
−
position: absolute;
+
−
top: 0;
+
−
left: 16px;
+
−
}
+
−
 
+
−
.bottomleft {
+
−
position: absolute;
+
−
bottom: 0;
+
−
left: 16px;
+
−
}
+
−
 
+
−
.middle {
+
−
position: absolute;
+
−
top: 50%;
+
−
left: 50%;
+
−
transform: translate(-50%, -50%);
+
−
text-align: center;
+
−
}
+
−
 
+
−
hr {
+
−
margin: auto;
+
−
width: 40%;
+
−
}
+
−
</style>
+
−
<div class="bgimg">
+
−
  <div class="topleft">
+
−
<p>KU_Leuven iGEM</p>
+
−
  </div>
+
−
  <div class="middle">
+
−
<h1>COMING SOON</h1>
+
−
<hr style="margin:auto;width:40%">
+
−
<p id="demo" style="font-weight:bold;font-size:60px;">date</p>
+
−
  </div>
+
−
  <div class="bottomleft">
+
−
<p>Human Practices</p>
+
−
  </div>
+
−
</div>
+
−
<script type="text/javascript">
+
−
// Set the date we're counting down to
+
−
var countDownDate = new Date("Oct 31, 2017 23:59:59").getTime();
+
−
 
+
−
// Update the count down every 1 second
+
−
var x = setInterval(function() {
+
−
 
+
−
  // Get todays date and time
+
−
  var now = new Date().getTime();
+
−
 
+
−
  // Find the distance between now an the count down date
+
−
  var distance = countDownDate - now;
+
−
 
+
−
  // Time calculations for days, hours, minutes and seconds
+
−
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+
−
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+
−
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+
−
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
−
 
+
−
  // Display the result in an element with id="demo"
+
−
  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+
−
  + minutes + "m " + seconds + "s ";
+
−
 
+
−
  // If the count down is finished, write some text
+
−
  if (distance < 0) {
+
−
clearInterval(x);
+
−
document.getElementById("demo").innerHTML = "EXPIRED";
+
−
  }
+
−
}, 1000);
+
−
</script>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!--
+
 
<h1>Ion Channels</h1>
 
<h1>Ion Channels</h1>
 
<h1>Effect of Drugs on Ion Channels</h1>
 
<h1>Effect of Drugs on Ion Channels</h1>
Line 96: Line 15:
 
<h2>Multi-Electrode Array</h2>
 
<h2>Multi-Electrode Array</h2>
 
<h1><i>In vivo</i> Concept</h1>
 
<h1><i>In vivo</i> Concept</h1>
−
-->
+
<br></br><br></br><br></br><br></br><br></br><br></br>
 
             <h1>Design</h1>
 
             <h1>Design</h1>
 
             <p>
 
             <p>

Revision as of 11:18, 21 September 2017

Design

Ion Channels

Effect of Drugs on Ion Channels

Measuring the Effect of Drugs

Patch Clamp

Multi-Electrode Array

In vivo Concept













Design

Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.

This page is different to the "Applied Design Award" page. Please see the Applied Design page for more information on how to compete for that award.

What should this page contain?
  • Explanation of the engineering principles your team used in your design
  • Discussion of the design iterations your team went through
  • Experimental plan to test your designs
Inspiration