Team:Aachen

From 2014.igem.org

(Difference between revisions)
(change top row also to table format - for alignment)
m
 
(302 intermediate revisions not shown)
Line 1: Line 1:
 +
__NOTOC__
 +
{{CSS/Main}}
 +
{{Team:Aachen/Stylesheet}}
 +
{{Team:Aachen/HeaderFront}}
 +
 +
<!-- [[File:Aachen_Cellock_rand.png|left|250px]] -->
 +
<br/>
<html>
<html>
 +
<div style="font-size:300%;color:#0069b8;margin-left:40px;">Cellock Holmes - A Case of Identity</div ><br/>
-
<!-- this section changes the default wiki template to a white full width background -->
+
<div style="width:490px;margin-left:40px;margin-right:20px;float:left">
 +
<div style="font-size:175%;margin-top:12px;">Welcome to the iGEM Aachen 2014 Wiki!</div >
 +
<p style="margin-left:0px;margin-right:0px;">Until now, an ideal method to detect pathogenic bacteria is still elusive. The existing techniques require expensive equipment, trained personnel or labourious routines. </p>
-
<style type="text/css">
+
<p style="margin-left:0px;margin-right:0px;">We, the iGEM team Aachen, have developed a '''novel biosensor system''' called ''Cellock Holmes'' that '''detects bacteria on solid surfaces''' using a low-cost, rapid and portable technique.</p>
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
 
 +
<p style="margin-left:0px;margin-right:0px;">In this project, we demonstrate a unique way of combining '''Open Source biology, software and hardware'''.</p>
 +
</div>
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
-
 
-
border: 0 none;
 
-
height: 14px;
 
-
z-index: 100;
 
-
top: 0;
 
-
position: fixed;
 
-
width: 975px;
 
-
left: 50%;
 
-
margin-left: -487px;
 
-
}
 
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
<!-- ACHIEVEMENTS -->
-
width: 100%;  
+
<table style="width:490px;margin-left:20px;margin-right:40px;float:right">
-
height: 100%;
+
<tr><td><div style="font-size:175%;margin-top:12px;">Achievements</div></td></tr>
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
<tr>
-
width: 100%;  
+
<td><p style="margin-left:0px;margin-right:20px;overflow:auto;"> To watch our <b>final presentation</b> just click <a href="https://www.youtube.com/watch?v=-pKLyq3BD0k" target="_blank"> here </a>.</p></td>
-
height: 100%;  
+
</tr>
-
background-color: transparent;
+
-
}
+
-
</style>
+
-
<!-here ends the section that changes the default wiki template to a white full width background -->
+
 +
<tr>
 +
<td><p style="margin-left:0px;margin-right:20px;overflow:auto;">The whole project was awarded <b>Best Measurement Project</b> and won the track.</p></td>
 +
<td><img style="margin-bottom:25px;" src="https://static.igem.org/mediawiki/igem.org/0/0a/Icons_measurement.png" width="80px" align="right" /></td>
 +
</tr>
-
<!-- beginning of your page -->
+
<tr>
 +
<td><p style="margin-left:0px;margin-right:20px;overflow:auto;">Our image analysis software <i>Measurarty</i> was awarded <b>Best Supporting Software</b> in the overgrad section.</p></td>
 +
<td><img style="margin-bottom:25px;" src="https://static.igem.org/mediawiki/2014/1/18/Aachen_SupportingSoftware.png" width="80px" align="right" /></td>
 +
</tr>
-
<div id="contentcontainer">
+
<tr>
-
 
+
<td><p style="margin-left:0px;margin-right:20px;overflow:auto;">Our work on biosafety was rewarded with the <b>Safety Commendation</b> special award.</p></td>
-
 
+
<td><img style="margin-bottom:25px;" src="https://static.igem.org/mediawiki/2014/8/86/Aachen_Icon_Safety.png" width="80px" align="right" /></td>
-
<!-- this table contains the navigation bar -->
+
-
<table  width="975px" align="center">
+
-
<tr> <td colspan="10" heigth="155px"> </td></tr>
+
-
 
+
-
<br>
+
-
 
+
-
<tr>
+
-
<!--
+
-
**************Navigation bar**************
+
-
Each cell represents a button,
+
-
1.-  first row defines the borders outside each box, how the text is aligned and the height
+
-
2.- second row defines the color, here you can change the color by modifying the hex code
+
-
3.- third row is where you place the link to where you want that button to take you
+
-
4.- fourth row you define the color of the text inside the button and the content of it
+
-
-->
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px"
+
-
onMouseOver="this.bgColor='#8ebae5'" onMouseOut="this.bgColor='#0069b3'" bgColor=#0069b3>
+
-
<a href="https://2014.igem.org/Team:Aachen"
+
-
style="color:#ffffff">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px"
+
-
onMouseOver="this.bgColor='#8ebae5'" onMouseOut="this.bgColor='#0069b3'" bgColor=#0069b3>
+
-
<a href="https://2014.igem.org/Team:Aachen/Team"
+
-
style="color:#ffffff"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" 
+
-
onMouseOver="this.bgColor='#8ebae5'" onMouseOut="this.bgColor='#0069b3'" bgColor=#0069b3>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Aachen"
+
-
style="color:#ffffff"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px"
+
-
onMouseOver="this.bgColor='#8ebae5'" onMouseOut="this.bgColor='#0069b3'" bgColor=#0069b3> 
+
-
<a href="https://2014.igem.org/Team:Aachen/Project"
+
-
style="color:#ffffff"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"
+
-
onMouseOver="this.bgColor='#8ebae5'" onMouseOut="this.bgColor='#0069b3'" bgColor=#0069b3>  
+
-
<a href="https://2014.igem.org/Team:Aachen/Parts"
+
-
style="color:#ffffff"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px"
+
-
onMouseOver="this.bgColor='#8ebae5'" onMouseOut="this.bgColor='#0069b3'" bgColor=#0069b3>
+
-
<a href="https://2014.igem.org/Team:Aachen/Modeling"
+
-
style="color:#ffffff"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px"
+
-
onMouseOver="this.bgColor='#8ebae5'" onMouseOut="this.bgColor='#0069b3'" bgColor=#0069b3>
+
-
<a href="https://2014.igem.org/Team:Aachen/Notebook"
+
-
style="color:#ffffff"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"
+
-
onMouseOver="this.bgColor='#8ebae5'" onMouseOut="this.bgColor='#0069b3'" bgColor=#0069b3>
+
-
<a href="https://2014.igem.org/Team:Aachen/Safety"
+
-
style=" color:#ffffff"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"
+
-
onMouseOver="this.bgColor='#8ebae5'" onMouseOut="this.bgColor='#0069b3'" bgColor=#0069b3>
+
-
<a href="https://2014.igem.org/Team:Aachen/Attributions"
+
-
style="color:#ffffff"> Attributions </a></td>
+
-
 
+
-
 
+
-
<!-- this is the iGEM logo! it will take to igem.org -->
+
-
<td align ="center"> <a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
</tr>
</tr>
-
<tr> <td colspan="10" heigth="45px"> </td></tr>
 
-
</table>
 
-
 
-
<!-- end of navigation bar -->
 
-
 
-
 
-
 
-
 
-
<!-- page content begins-->
 
-
<!--
 
-
<table width="975px" align="center">
 
-
<tr ><td coslpan="2" height="35px"></td></tr>
 
<tr>
<tr>
 +
<td><p style="margin-left:0px;margin-right:20px;overflow:auto;">We fulfilled all Bronze and Silver criteria and won a <b>Gold Medal</b>.</p></td>
 +
<td><img style="margin-bottom:25px;" src="https://static.igem.org/mediawiki/2014/5/5d/Aachen_Goldmedal_header.png" width="80px" align="right" /></td>
 +
</tr>
-
<td width="35%" valign="top">
 
-
<h3>Welcome to the iGEM Team Aachen Wiki page ! </h3>
 
-
<p>
 
-
Page under construction. Please come back later!
 
-
</p>
 
-
 
-
 
-
 
-
</td>
 
-
 
-
<td width="5%" > </td>
 
-
 
-
-->
 
-
<!-- here you can place an image related to your project or your logo! --><!--
 
-
<td width="60%" > <img src="https://static.igem.org/mediawiki/2014/0/05/Aachen_TeamfotoApril01.jpg" width="600px" height="300px"></td>
 
-
 
-
 
-
 
-
<tr ><td coslpan="2" height="35px"></td></tr>
 
-
</tr>
 
</table>
</table>
-
-->
 
-
<!-- 3 columns content
+
<!-- NAVIGATION BUTTONS -->
-
this area is divided intro 3 columns, you can add more information about your team, project, city or mention your sponsors! -->
+
<ul class="team-grid" style="width:530px;margin-left:20px;float:left">
-
<table width="975px" align="center">
+
 +
<li style="width:225px;margin-left: 20px;margin-right: 20px;margin-bottom: 30px;margin-top: 10px;">
 +
<a href="https://2014.igem.org/Team:Aachen/Project" style="color:black">
 +
    <div class="team-item team-info" style="width:219px;height:219px;" >
 +
      <div class="menukachel" style="top:44%;">Project</div>
 +
    </div>
 +
    <div class="team-item team-img" style="background: url(https://static.igem.org/mediawiki/2014/5/55/Aachen_14-10-16_Project_Cellocks_iNB.png); norepeat scroll 0% 0% transparent; background-size:100%;width:219px;height:219px;"> </div></a>
 +
  </li>
-
<tr>
+
<li style="width:225px;margin-left: 20px;margin-right: 20px;margin-bottom: 30px;margin-top: 10px;">
-
<!-- first column -->
+
<a href="https://2014.igem.org/Team:Aachen/PolicyPractices" style="color:black">
-
<td width="30%">
+
    <div class="team-item team-info" style="width:219px;height:219px;line-height: 2em;" >
-
<!-- you can have an image related to your paragraph -->
+
      <div class="menukachel">Policy & Practices</div>
-
<img src="https://static.igem.org/mediawiki/2014/6/68/Aachen_Team_Logo_01.png" width="300px" height="200px">
+
    </div>
-
<h3>Welcome to the iGEM Team Aachen Wiki page ! </h3>  
+
    <div class="team-item team-img" style="background: url(https://static.igem.org/mediawiki/2014/b/b7/Aachen_14-10-16_PolicyPractices_main_iNB.png); norepeat scroll 0% 0% transparent; background-size:100%;width:219px;height:219px;"> </div></a>
-
<p>
+
  </li>
-
Page under construction. Please come back later!
+
-
</p>
+
-
</td>
+
-
<td width="5%"></td>
+
</ul>
 +
</html>
 +
<html>
 +
<ul class="team-grid" style="width:1060px;margin-left:20px;margin-right:20px;float:right">
-
<!-- second column -->
+
<li style="width:225px;margin-left: 20px;margin-right: 20px;margin-bottom: 30px;margin-top: 10px;">
-
<td colspan="3" width="65%">
+
<a href="https://2014.igem.org/Team:Aachen/Interlab_Study" style="color:black">
-
<center><img src="https://static.igem.org/mediawiki/2014/0/05/Aachen_TeamfotoApril01.jpg" width="600px" height="300px"></center>
+
    <div class="team-item team-info" style="width:219px;height:219px;" >
-
</td>
+
      <div class="menukachel" style="top:44%;">Interlab Study</div>
 +
    </div>
 +
    <div class="team-item team-img" style="background: url(https://static.igem.org/mediawiki/2014/3/39/Aachen_Interlab_Cellocks.png); norepeat scroll 0% 0% transparent; background-size:100%;width:219px;height:219px;"> </div></a>
 +
  </li>
-
</tr>
+
<li style="width:225px;margin-left: 20px;margin-right: 20px;margin-bottom: 30px;margin-top: 10px;">
-
<tr>
+
<a href="https://2014.igem.org/Team:Aachen/Collaborations" style="color:black">
-
<!-- first column -->
+
    <div class="team-item team-info" style="width:219px;height:219px;" >
-
<td width="30%">
+
      <div class="menukachel" style="top:44%;">Collaborations</div>
-
<!-- you can have an image related to your paragraph -->
+
    </div>
-
<img src="https://static.igem.org/mediawiki/2014/6/68/Aachen_Team_Logo_01.png" width="300px" height="200px">
+
    <div class="team-item team-img" style="background: url(https://static.igem.org/mediawiki/2014/8/81/Aachen_14-10-15_Collaborating_Cellocks_iNB.png); norepeat scroll 0% 0% transparent; background-size:100%;width:219px;height:219px;"> </div></a>
-
<h4> Results</h4>
+
  </li>
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber
+
-
hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
+
-
</td>
+
<li style="width:225px;margin-left: 20px;margin-right: 20px;margin-bottom: 30px;margin-top: 10px;">
 +
<a href="https://2014.igem.org/Team:Aachen/Notebook" style="color:black">
 +
    <div class="team-item team-info" style="width:219px;height:219px;" >
 +
      <div class="menukachel" style="top:44%;">Notebook</div>
 +
    </div>
 +
    <div class="team-item team-img" style="background: url(https://static.igem.org/mediawiki/2014/4/42/Aachen_14-10-14_NotebookiFG.png); norepeat scroll 0% 0% transparent; background-size:100%;width:219px;height:219px;"> </div></a>
 +
  </li>
-
<td width="5%"></td>
+
<li style="width:225px;margin-left: 20px;margin-right: 20px;margin-bottom: 30px;margin-top: 10px;">
 +
<a href="https://2014.igem.org/Team:Aachen/Attributions" style="color:black">
 +
    <div class="team-item team-info" style="width:219px;height:219px;" >
 +
      <div class="menukachel" style="top:44%;">Team</div>
 +
    </div>
 +
    <div class="team-item team-img" style="background: url(https://static.igem.org/mediawiki/2014/c/cf/Aachen_main_Team.png); norepeat scroll 0% 0% transparent; background-size:100%;width:219px;height:219px;"> </div></a>
 +
  </li>
 +
</ul>
 +
</html>
-
<!-- second column -->
 
-
<td width="30%">
 
-
<img src="https://static.igem.org/mediawiki/2014/6/68/Aachen_Team_Logo_01.png" width="300px" height="200px">
 
-
<h4>Human Practice</h4>
 
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in,
 
-
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
 
-
</td>
 
-
<td width="5%"></td>
 
-
<!-- third column -->
 
-
<td width="30%">
 
-
<!-- <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px"> -->
 
-
<h4>Follow us on Twitter/Facebook!</h4>
 
-
<p>
 
-
<a href="https://www.facebook.com/iGEMAachen"style="color:#000000"> https://www.facebook.com/iGEMAachen </a>
 
-
<a href="https://twitter.com/iGEMAachen"style="color:#000000"> https://twitter.com/iGEMAachen </a>
 
-
</p>
 
-
</td>
 
-
</tr>
 
 +
{{Team:Aachen/BlockSeparatorFront}}
-
</table>
+
<center>
-
<!-- end of 3 column content -->
+
<html><br/>
 +
<a href="https://2014.igem.org/Team:Aachen/Team"><img src="https://static.igem.org/mediawiki/2014/d/d2/Aachen_Team_Aachen_Teamfoto_small.jpg" width="1012px" style="border: 3px solid #0069B3; border-radius: 20px; "></a>
 +
</html>
 +
</center>
 +
{|cellpadding="12"
 +
|[[File:Logo_Buergerstiftung-Aachen_hoch.jpg|80px|center|Bürgerstiftung Aachen]]
 +
|[[File:Aachen_Niersverband_Firmenlogo.jpg|159px|Niersverband]]
 +
|[[File:Aachen_Genscript_Logo.png|120px|Genscript]]
 +
|[[File:Aachen_Eurofinsgenomics.png|97px|Eurofins Genomics]]
 +
|[[File:Aachen_Labomedic_Logo.jpg|128px|Labomedic]]
 +
|}
-
 
+
{|cellpadding="18"
-
</div>
+
|[[File:Aachen_bmbf.jpg|163px|BMBF]]
-
</html>
+
|[[File:Aachen_idt_.png|109px|IDT]]
-
 
+
|[[File:M2p_labs_logo.jpg|52px|m2p labs]]
-
<!-- end of page -->
+
|[[File:Aachen_Roth_Logo.png|55px|Carl Roth]]
 +
|[[File:Aachen_ProRWTH_logo.png|62px|link=http://www.prorwth.de/|pro RWTH]]
 +
|}
 +
{|cellpadding="13"
 +
|[[File:Aachen_Logo_iAMB.png|115px|link=http://www.iamb.rwth-aachen.de|Institute of Applied Microbiology - iAMB]]
 +
|[[File:Aachen_Logo_bio7.png|115px|link=http://www.molbiotech.rwth-aachen.de|Institute for Molecular Biotechnology]]
 +
|[[File:Aachen_Logo_HISynBio.png|123px|link=http://www.helmholtz.de/en/about_us/initiating_and_networking/assuring_excellence/synthetic_biology|Helmholtz Association - Initiative on Synthetic Biology]]
 +
|[[File:Aachen_Logo_ABBt.png|105px|link=http://www.biologie.rwth-aachen.de|Aachen Biology and Biotechnology - ABBt]]
 +
|[[File:Aachen_juelich.png|120px|link=http://www.fz-juelich.de/|Forschungszentrum Jülich]]
 +
|[[File:Aachen_FabLabAachenLogo.jpg|105px|link=http://hci.rwth-aachen.de/fablab|Fab Lab Aachen]]
 +
|[[File:Aachen_Schwaneberg_Group.png|75px|link=http://www.biotec.rwth-aachen.de|Schwaneberg Group]]
 +
|}
 +
<div>
 +
{{Team:Aachen/FooterFront}}

Latest revision as of 14:01, 5 May 2015


Cellock Holmes - A Case of Identity

Welcome to the iGEM Aachen 2014 Wiki!

Until now, an ideal method to detect pathogenic bacteria is still elusive. The existing techniques require expensive equipment, trained personnel or labourious routines.

We, the iGEM team Aachen, have developed a '''novel biosensor system''' called ''Cellock Holmes'' that '''detects bacteria on solid surfaces''' using a low-cost, rapid and portable technique.

In this project, we demonstrate a unique way of combining '''Open Source biology, software and hardware'''.

Achievements

To watch our final presentation just click here .

The whole project was awarded Best Measurement Project and won the track.

Our image analysis software Measurarty was awarded Best Supporting Software in the overgrad section.

Our work on biosafety was rewarded with the Safety Commendation special award.

We fulfilled all Bronze and Silver criteria and won a Gold Medal.




Bürgerstiftung Aachen
Niersverband Genscript Eurofins Genomics Labomedic
BMBF IDT m2p labs Carl Roth pro RWTH
Institute of Applied Microbiology - iAMB Institute for Molecular Biotechnology Helmholtz Association - Initiative on Synthetic Biology Aachen Biology and Biotechnology - ABBt Forschungszentrum Jülich Fab Lab Aachen Schwaneberg Group