Difference between revisions of "Team:UNOTT/Design3"

Line 71: Line 71:
 
</style>
 
</style>
 
</head>
 
</head>
 +
<head>
 +
<div id="container" style=" background-color: #02263E;">
 +
<style>
 +
html {
 +
  font-size:62.5%;
 +
}
 +
body {
 +
  height: 100%
 +
  margin-top:100px;
 +
  font-size:1.4rem;
 +
  font-family:arial;
 +
  background-color:#02263E;
 +
}
  
 +
#icons {
 +
  max-width:96rem;
 +
  width:100%;
 +
  min-height:200px;
 +
  height:auto;
 +
  margin:0 auto;
 +
  background-color:#02263E;
 +
  box-sizing:border-box;
 +
  padding:0;
 +
  display:-webkit-flex;
 +
  display:flex;
 +
  -webkit-align-items:center;
 +
  align-items:center;
 +
  -webkit-justify-content:center;
 +
  justify-content:center;
 +
  -webkit-flex-direction:row;
 +
  flex-direction:row;
 +
  -webkit-flex-wrap:wrap;
 +
  flex-wrap:wrap;
 +
  -webkit-align-content:flex-end;
 +
  align-content:flex-end;
 +
}
 +
figure {
 +
  width:12.5rem;
 +
  height:12.5rem;
 +
  display:block;
 +
  margin:0.5rem 1rem 4rem 0.5rem;
 +
  padding:0;
 +
  box-sizing:content-box;
 +
  color:black;
 +
}
 +
figure img {
 +
  -webkit-border-radius:50%;
 +
  -moz-border-radius:50%; 
 +
  border-radius:50%;
 +
}
 +
#icons figure img {
 +
  -webkit-transition:opacity 0.26s ease-out; 
 +
  -moz-transition:opacity 0.26s ease-out; 
 +
  -ms-transition:opacity 0.26s ease-out; 
 +
  -o-transition:opacity 0.26s ease-out; 
 +
  transition:opacity 0.26s ease-out;   
 +
}
 +
#icons:hover img, #icons:active img {
 +
  opacity:0.3;
 +
}
 +
#icons:hover img:hover, #icons:active img:active {
 +
  opacity:1;
 +
}
 +
figcaption {
 +
  font-size:1.2rem;
 +
  text-align:center;
 +
}
 +
</style>
 +
</head>
 +
 +
<body {
 +
    background-color: #02263E ;
 +
}>
 +
<div id="icons">
 +
  <figure><a href="https://2017.igem.org/Team:UNOTT/Brainstorms"><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/brain.png"><figcaption style="color: #ffffff;">Brainstorm</figcaption></figure>
 +
  <figure><a href="https://2017.igem.org/Team:UNOTT/Design1"><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/dna.png"><figcaption style="color: #ffffff;">Design Process</figcaption></figure>
 +
  <figure><a href="https://2017.igem.org/Team:UNOTT/Design2"><img src="https://www.iconexperience.com/_img/g_collection_png/standard/128x128/key.png"><figcaption style="color: #ffffff;">Key. coli Plasmid Design</figcaption></figure>
 +
  <figure><a href="https://2017.igem.org/Team:UNOTT/Design3"><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/window_key.png"><figcaption style="color: #ffffff;">Key Transport Design</figcaption></figure></a>
 +
 +
</div></div>
 
<body>
 
<body>
 
<p>.
 
<p>.

Revision as of 14:19, 14 September 2017

.

KEY DEVICE

 

 

 

 

Our device is designed to activate a freeze dried pellet of competent cells already transformed with our unique plasmid. Upon activation, the LB broth contained in one sector activates these cells which can then be measured.

The device is designed to be portable and is single use, however only 2 parts need to be washed and replaced each time. The time taken to refill and clean these parts is a few hours, therefore a quick assembly during the working day via an automation system would be sensible.