Team:LMU-Munich/Team

From 2014.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 34: Line 34:
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="2"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="2"></div></div>
     </div>
     </div>
-
     <div id="team-caro" style="height:100%;visibility:hidden" class="member">
+
     <div id="team-caro" style="height:100%;visibility:hidden;" class="member">
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Caro, 23<br><small>Master Biology, 3rd Semester <br><br>The Communicator - Sees tasks, deadlines and problems before they even appear.</small></div>
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Caro, 23<br><small>Master Biology, 3rd Semester <br><br>The Communicator - Sees tasks, deadlines and problems before they even appear.</small></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="3"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="3"></div></div>
     </div>
     </div>
-
     <div id="team-roman" style="height:100%;visibility:hidden" class="member">
+
     <div id="team-roman" style="height:100%;visibility:hidden;" class="member">
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Roman, 23<br><small>Aspiring Biology/Chemistry Teacher, 9th Semester<br><br>Mr. Nice Guy - Helpful to everyone and often calms down heated tempers.</small></div>
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Roman, 23<br><small>Aspiring Biology/Chemistry Teacher, 9th Semester<br><br>Mr. Nice Guy - Helpful to everyone and often calms down heated tempers.</small></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="4"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="4"></div></div>
Line 55: Line 55:
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="5"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="5"></div></div>
     </div>
     </div>
-
     <div id="team-mona" style="height:100%;visibility:hidden" class="member">
+
     <div id="team-mona" style="height:100%;visibility:hidden;" class="member">
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Mona, 22<br><small>Master Biology, 3rd Semester <br><br>The Perfectionist - For her, good is not good enough.</small></div>
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Mona, 22<br><small>Master Biology, 3rd Semester <br><br>The Perfectionist - For her, good is not good enough.</small></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="6"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="6"></div></div>
Line 73: Line 73:
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="7"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="7"></div></div>
     </div>
     </div>
-
     <div id="team-patrick" style="height:100%;visibility:hidden" class="member">
+
     <div id="team-patrick" style="height:100%;visibility:hidden;" class="member">
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Patrick, 23<br><small>Master Biology, 1st Semester<br><br>The Pragmatist - Nothing sooner said than done.</small></div>
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Patrick, 23<br><small>Master Biology, 1st Semester<br><br>The Pragmatist - Nothing sooner said than done.</small></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="8"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="8"></div></div>
Line 96: Line 96:
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="10"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="10"></div></div>
     </div>
     </div>
-
     <div id="team-lydia" style="height:100%;visibility:hidden" class="member">
+
     <div id="team-lydia" style="height:100%;visibility:hidden;" class="member">
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Lydia<br><small>Bachelor Biology, 5th Semester<br><br>The Artist - Breathes life into our beloved BaKillus.</small></div>
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Lydia<br><small>Bachelor Biology, 5th Semester<br><br>The Artist - Breathes life into our beloved BaKillus.</small></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="11"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="11"></div></div>
     </div>
     </div>
-
     <div id="team-tom" style="height:100%;visibility:hidden" class="member">
+
     <div id="team-tom" style="height:100%;visibility:hidden;" class="member">
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Tom, 23<br><small>Bachelor Biology, 5th Semester<br><br>The Phan-Tom - Spooking through inscrutable levels of modeling.</small></div>
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Tom, 23<br><small>Bachelor Biology, 5th Semester<br><br>The Phan-Tom - Spooking through inscrutable levels of modeling.</small></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="12"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="12"></div></div>
   </div>
   </div>
-
     <div id="team-david" style="height:100%;visibility:hidden" class="member">
+
     <div id="team-david" style="height:100%;visibility:hidden;" class="member">
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">David, 25<br><small>Master Biology, 3rd Semester <br><br>The Individualist - Convinces people with his Austrian charm.</small></div>
       <div style="padding: 5%;font-size: 1.9em;line-height: 1;">David, 25<br><small>Master Biology, 3rd Semester <br><br>The Individualist - Convinces people with his Austrian charm.</small></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="13"></div></div>
       <div style="height:50%; width:100%;position:absolute"><div class="team-pie-chart" style="/* min-width: 270px; */ height: 100%; /* max-width: 100%; */ margin: 0 auto;width: 100%;position: absolute;" data-highcharts-chart="13"></div></div>
Line 111: Line 111:
</div>
</div>
<div class="row team-right">
<div class="row team-right">
-
   <div class="team-img col-xs-12 col-md-6" style="height:100%;position:relative;">
+
  <div class="team-data col-xs-12 col-md-5" id="team5">
 +
  </div>
 +
   <div class="team-img col-xs-12 col-md-7 col-md-offset-5" style="height:100%;position:relative;">
 +
    <div style="height:100%;width:26%;position:absolute;left:0;" id="team-fabian"></div>
 +
    <div style="height:100%;width:15%;position:absolute;left:26%;" id="team-julia"></div>
 +
    <div style="height:100%;width:17%;position:absolute;left:41%;" id="team-jara"></div>
 +
    <div style="height:100%;width:17%;position:absolute;left:58%;" id="team-simon"></div>
 +
    <div style="height:100%;width:25%;position:absolute;left:75%;" id="team-thorsten"></div>
     <img src="https://static.igem.org/mediawiki/2014/3/3e/LMU14_team_advisors.jpg">
     <img src="https://static.igem.org/mediawiki/2014/3/3e/LMU14_team_advisors.jpg">
-
  </div>
 
-
  <div class="team-data col-xs-12 col-md-6" id="team5">
 
   </div>
   </div>
</div>
</div>
Line 683: Line 688:
         }]
         }]
     });
     });
 +
  $("div.member *").each().addClass('invisible-team');
 +
    $("div.member *").each().css('visibility', 'visible');
 +
    $("div.member").addClass('invisible-team');
 +
    $("div.member").css('visibility', 'visible');
 +
    $("div.member *").each().css('visibility', 'hidden');
 +
});
});
 +
 +
    $("#team-niko *").each().removeClass('invisible-team');
 +
    $("#team-niko *").each().css('visibility', 'visible');
 +
    $("#team-philipp *").each().removeClass('invisible-team');
 +
    $("#team-philipp *").each().css('visibility', 'visible');
 +
    $("#team-robert *").each().removeClass('invisible-team');
 +
    $("#team-robert *").each().css('visibility', 'visible');
 +
    $("#team-anna *").each().removeClass('invisible-team');
 +
    $("#team-anna *").each().css('visibility', 'visible');
 +
    $("#team-andi *").each().removeClass('invisible-team');
 +
    $("#team-andi *").each().css('visibility', 'visible');
 +
    $("#team-andi").removeClass('invisible-team');
 +
    $("#team-andi").css('visibility', 'visible');
 +
  console.log($("#team-andi *"));
 +
  console.log($("#team-andi"));
 +
    $("#team-niko").removeClass('invisible-team');
 +
    $("#team-niko").css('visibility', 'visible');
 +
    $("#team-philipp").removeClass('invisible-team');
 +
    $("#team-philipp").css('visibility', 'visible');
 +
    $("#team-robert").removeClass('invisible-team');
 +
    $("#team-robert").css('visibility', 'visible');
 +
    $("#team-anna").removeClass('invisible-team');
 +
    $("#team-anna").css('visibility', 'visible');
 +
 +
 +
</script>
</script>

Latest revision as of 03:04, 18 October 2014

Judith, 24
Master Biology, 3rd Semester

Everybody's Darling - No one could ever be mad at her
Philipp, 25
Master Biology, 3rd Semester

The Labaholic - Virtually lives in the lab.
Robert, 24
Master Biochemistry, 3rd Semester

The Enthusiast - Drops everything for his idea.
Anna, 24
Bachelor Biology, 7th Semester

The Bachelorette - Evaluates fluorescent proteins in all colors of the rainbow for her B.Sc. thesis.
Andi, 23
Master Marine Microbiology, 1st Semester

The Main Scenario Guy - Takes care of the collaboration with the Rathenau Institute.

Hi there!

Welcome to our Wiki! I'm BaKillus, the pathogen-hunting microbe, and I'll guide you on this tour through our project. If you want to learn more about a specific step, you can simply close the tour and come back to it anytime you like. So let's start!

What's the problem?

First of all, what am I doing here? The problem is, pathogenic bacteria all around the world are becoming more and more resistant against antimicrobial drugs. One major reason for the trend is the inappropriate use of drugs. With my BaKillus super powers, I want to reduce this misuse and thus do my part to save global health.

Sensing of pathogens

To combat the pathogenic bacteria, I simply eavesdrop on their communication. Bacteria talk with each other via quorum sensing systems, which I use to detect them and trigger my responses.

Adhesion

The more specific and effective I can use my powers, the lower the danger is of provoking new resistance development. So I catch pathogens whenever I get hold of them and stick to them until my work is done.

Killing

Talking about my work - killing pathogens is finally what I am made for. In response to quorum sensing molecules of the pathogens, I export a range of antimicrobial substances leading to dissipation of biofilms and the killing of the targeted bacteria.

Suicide switch

When the job is done and all the bad guys are finished, you don't need a super hero anymore. So after fulfilling my work I say goodbye to the world by activating my suicide switch.

Application

Of course I'm not only a fictional hero, but a very real one. In two different prototypes, I could be used for diagnosis or treatment of pathogen-caused diseases. However, there is still a whole lot of regulational and economical questions that have to be answered before.

See you!

So now you know my short story - and it is time for me to return to my fight for a safer world. Feel free to take a closer look on my super powers, the process of my development or the plans for a medical application.