Team:LMU-Munich/Team
From 2014.igem.org
Hoerldavid (Talk | contribs) |
|||
(99 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{Template:Team:LMU-Munich/Playground/menu}} | {{Template:Team:LMU-Munich/Playground/menu}} | ||
- | |||
- | |||
- | |||
<html> | <html> | ||
- | <div class="row team-left"> | + | <div class="teaser-img" id="team-img-complete"></div> |
- | <div class="team-img col-xs-12 col-md-6"> | + | <!-- |
- | <img src="https:// | + | <div id="team-img-complete"><img src="http://s17531757.onlinehome-server.info/iGEM/img/team/Team.jpg"></div> |
+ | --> | ||
+ | <div class="row team-left" id="team1"> | ||
+ | <div class="team-img col-xs-12 col-md-6" style="height:100%;position:relative;"> | ||
+ | <div style="height:100%;width:51%;position:absolute;left:0;" id="team-niko"></div> | ||
+ | <div style="height:100%;width:49%;position:absolute;left:51%;" id="team-judith"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/2/29/LMU14_team_NJ.jpg"> | ||
</div> | </div> | ||
- | <div class="team-data col-xs-12 col-md-6"> | + | <div class="team-data col-xs-12 col-md-6" id="team1"> |
- | + | <div id="team-judith" style="height:100%" class="member"> | |
+ | <div style="padding: 5%;font-size: 1.9em;line-height: 1; ">Judith, 24<br><small>Master Biology, 3rd Semester <br><br>Everybody's Darling - No one could ever be mad at her</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="0"></div></div> | ||
+ | </div> | ||
+ | <div id="team-niko" style="height:100%;visibility:hidden" class="member"> | ||
+ | <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Niko, 25<br><small>Master Biology, 3rd Semester <br><br>Godfather of BaKillus - Has rampant project and design ideas.</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="1"></div></div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="row team-right"> | + | <div class="row team-right" id="team2"> |
- | <div class="team-img col-xs-12 col-md-6 col-md-offset-6"> | + | <div class="team-img col-xs-12 col-md-6 col-md-offset-6" style="height:100%;position:relative;"> |
- | <img src="https:// | + | <div style="height:100%;width:37%;position:absolute;left:0;" id="team-philipp"></div> |
+ | <div style="height:100%;width:20%;position:absolute;left:37%;" id="team-caro"></div> | ||
+ | <div style="height:100%;width:43%;position:absolute;left:57%;" id="team-roman"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/d3/LMU14_team_PCR.jpg"> | ||
</div> | </div> | ||
- | <div class="team-data col-xs-12 col-md-6"> | + | <div class="team-data col-xs-12 col-md-6" id="team2"> |
- | + | <div id="team-philipp" style="height:100%" class="member"> | |
+ | <div style="padding: 5%;font-size: 1.9em;line-height: 1; ">Philipp, 25<br><small>Master Biology, 3rd Semester <br><br>The Labaholic - Virtually lives in the lab.</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="2"></div></div> | ||
+ | </div> | ||
+ | <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="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 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="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> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="row team-left"> | + | <div class="row team-left" id="team3"> |
- | <div class="team-img col-xs-12 col-md-6"> | + | <div class="team-img col-xs-12 col-md-6" style="height:100%;position:relative;"> |
- | <img src="https:// | + | <div style="height:100%;width:51%;position:absolute;left:0;" id="team-robert"></div> |
+ | <div style="height:100%;width:49%;position:absolute;left:51%;" id="team-mona"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/c3/LMU14_team_RM.jpg"> | ||
</div> | </div> | ||
- | <div class="team-data col-xs-12 col-md-6"> | + | <div class="team-data col-xs-12 col-md-6" id="team3"> |
- | + | <div id="team-robert" style="height:100%" class="member"> | |
+ | <div style="padding: 5%;font-size: 1.9em;line-height: 1; ">Robert, 24<br><small>Master Biochemistry, 3rd Semester <br><br>The Enthusiast - Drops everything for his idea.</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="5"></div></div> | ||
+ | </div> | ||
+ | <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="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> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="row team-right"> | + | <div class="row team-right" id="team4"> |
- | <div class="team-img col-xs-12 col-md-6 col-md-offset-6"> | + | <div class="team-img col-xs-12 col-md-6 col-md-offset-6" style="height:100%;position:relative;"> |
- | <img src="https:// | + | <div style="height:100%;width:35%;position:absolute;left:0;" id="team-anna"></div> |
+ | <div style="height:100%;width:23%;position:absolute;left:35%;" id="team-patrick"></div> | ||
+ | <div style="height:100%;width:42%;position:absolute;left:58%;" id="team-flo"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/7e/LMU14_team_APF.jpg"> | ||
</div> | </div> | ||
- | <div class="team-data col-xs-12 col-md-6"> | + | <div class="team-data col-xs-12 col-md-6" id="team4"> |
- | + | <div id="team-anna" style="height:100%;" class="member"> | |
+ | <div style="padding: 5%;font-size: 1.9em;line-height: 1; ">Anna, 24<br><small>Bachelor Biology, 7th Semester<br><br>The Bachelorette - Evaluates fluorescent proteins in all colors of the rainbow for her B.Sc. thesis.</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="7"></div></div> | ||
+ | </div> | ||
+ | <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="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> | ||
+ | <div id="team-flo" style="height:100%;visibility:hidden" class="member"> | ||
+ | <div style="padding: 5%;font-size: 1.9em;line-height: 1;">Flo, 21<br><small>Bachelor Biology, 7th Semester<br><br>The Entertainer - Never short of a catchy phrase.</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="9"></div></div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="row team-left"> | + | </div> |
- | <div class="team-img col-xs-12 col-md-6"> | + | <div class="row team-left" id="team5"> |
- | <img src="https:// | + | <div class="team-img col-xs-12 col-md-6" style="height:100%;position:relative;"> |
+ | <div style="height:100%;width:30%;position:absolute;left:0;" id="team-andi"></div> | ||
+ | <div style="height:100%;width:16%;position:absolute;left:30%;" id="team-lydia"></div> | ||
+ | <div style="height:100%;width:22%;position:absolute;left:46%;" id="team-tom"></div> | ||
+ | <div style="height:100%;width:32%;position:absolute;left:68%;" id="team-david"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/2/2c/LMU14_team_ALTD.jpg"> | ||
+ | </div> | ||
+ | <div class="team-data col-xs-12 col-md-6" id="team5"> | ||
+ | <div id="team-andi" style="height:100%;" class="member"> | ||
+ | <div style="padding: 5%;font-size: 1.9em;line-height: 1; ">Andi, 23<br><small>Master Marine Microbiology, 1st Semester <br><br>The Main Scenario Guy - Takes care of the collaboration with the Rathenau Institute.</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="10"></div></div> | ||
+ | </div> | ||
+ | <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="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 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="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 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="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> | </div> | ||
- | |||
- | |||
</div> | </div> | ||
</div> | </div> | ||
+ | <div class="row team-right"> | ||
+ | <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"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script> | ||
+ | $(function () { | ||
+ | var blueColors = []; | ||
+ | var redColors = []; | ||
+ | |||
+ | Highcharts.getOptions().plotOptions.pie.colors = (function () { | ||
+ | var colors = [], | ||
+ | base = Highcharts.getOptions().colors[5], | ||
+ | blue = '#32A7F5'; | ||
+ | red = '#A5101F'; | ||
+ | var i; | ||
+ | for (i = 0; i < 10; i += 1) { | ||
+ | // Start out with a darkened base color (negative brighten), and end | ||
+ | // up with a much brighter color | ||
+ | //colors.push(Highcharts.Color('#32A7F5').brighten((i - 2) / 7).get()); | ||
+ | blueColors.push(Highcharts.Color(blue).brighten((i - 2) / 7).get()); | ||
+ | redColors.push(Highcharts.Color(red).brighten((i - 2) / 7).get()); | ||
+ | } | ||
+ | return colors; | ||
+ | }()); | ||
+ | $('#team-judith .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: redColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Podiumsdiskussion', 26.8], | ||
+ | ['Sensing', 65], | ||
+ | ['Even unpopular tasks', 26.8] | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-niko .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: blueColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Writing of abstracts, proposals', 26.8], | ||
+ | ['Desparation', 15], | ||
+ | ['Sensing', 65], | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-philipp .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: blueColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Writing of abstracts, <br> proposals', 15], | ||
+ | ['Interlab study', 10], | ||
+ | ['Killing & Suicide Switch', 60], | ||
+ | ['Fundraising', 15], | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-caro .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: redColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Killing', 45.0], | ||
+ | ['Meetup of german <br/> iGEM teams', 26.8], | ||
+ | ['Fundraising', 8.5], | ||
+ | ['Safety and Application', 6.2], | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-roman .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: blueColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Killing & Suicide Switch', 65], | ||
+ | ['Safety & Application', 26.8], | ||
+ | ['Meetup of German iGEM teams', 8.2], | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-robert .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: blueColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Safety & Application', 30], | ||
+ | ['Adhesion', 70] | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-mona .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: redColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Adhesion', 40], | ||
+ | ['Safety & Application', 15], | ||
+ | ['Design', 25], | ||
+ | ['Wiki', 20], | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-anna .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: redColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Killing', 37], | ||
+ | ['Bacillus BioBrickBox', 45], | ||
+ | ['iGEM@school', 18] | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-patrick .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: blueColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Safety & Application', 35], | ||
+ | ['Bacillus BioBrickBox', 45], | ||
+ | ['Wiki', 20] | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-flo .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: redColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Bacillus BioBrickBox', 73], | ||
+ | ['iGEM@school', 27] | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-andi .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: blueColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Fundraising', 23], | ||
+ | ['Rathenau', 43], | ||
+ | ['Safety & Application', 34] | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-lydia .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: redColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Design', 55], | ||
+ | ['Bureaucracy', 35], | ||
+ | ['Food', 10] | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-tom .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: blueColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['iGEM@school', 12], | ||
+ | ['Modeling', 67], | ||
+ | ['Wiki', 21] | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $('#team-david .team-pie-chart').highcharts({ | ||
+ | chart: { | ||
+ | backgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: null | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | colors: redColors, | ||
+ | dataLabels: { | ||
+ | useHTML: true, | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>', | ||
+ | style: { | ||
+ | color:'black', | ||
+ | fontSize: "0.9em" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | tooltip:{ | ||
+ | enabled:false | ||
+ | }, | ||
+ | credits:false, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Browser share', | ||
+ | data: [ | ||
+ | ['Wiki', 40], | ||
+ | ['Modeling', 60] | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | $("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> | ||
</html> | </html> | ||
{{Template:Team:LMU-Munich/Playground/footer}} | {{Template:Team:LMU-Munich/Playground/footer}} | ||
<html><script>initiateNavigation("team");</script></html> | <html><script>initiateNavigation("team");</script></html> |
Latest revision as of 03:04, 18 October 2014
Master Biology, 3rd Semester
Everybody's Darling - No one could ever be mad at her
Master Biology, 3rd Semester
Godfather of BaKillus - Has rampant project and design ideas.
Master Biology, 3rd Semester
The Labaholic - Virtually lives in the lab.
Master Biology, 3rd Semester
The Communicator - Sees tasks, deadlines and problems before they even appear.
Aspiring Biology/Chemistry Teacher, 9th Semester
Mr. Nice Guy - Helpful to everyone and often calms down heated tempers.
Master Biochemistry, 3rd Semester
The Enthusiast - Drops everything for his idea.
Master Biology, 3rd Semester
The Perfectionist - For her, good is not good enough.
Bachelor Biology, 7th Semester
The Bachelorette - Evaluates fluorescent proteins in all colors of the rainbow for her B.Sc. thesis.
Master Biology, 1st Semester
The Pragmatist - Nothing sooner said than done.
Bachelor Biology, 7th Semester
The Entertainer - Never short of a catchy phrase.
Master Marine Microbiology, 1st Semester
The Main Scenario Guy - Takes care of the collaboration with the Rathenau Institute.
Bachelor Biology, 5th Semester
The Artist - Breathes life into our beloved BaKillus.
Bachelor Biology, 5th Semester
The Phan-Tom - Spooking through inscrutable levels of modeling.
Master Biology, 3rd Semester
The Individualist - Convinces people with his Austrian charm.
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.