Team:Heidelberg/js/teampage

From 2014.igem.org

Revision as of 00:57, 18 October 2014 by Bunnech (Talk | contribs)

var memberData = {

 "Max_H": { 
   "Name" : "Max Horn",  
   "img" : "/wiki/images/a/a7/Heidelberg_MaxH.jpg",
   "Description" : ""But after this has finished, I also want to do something in the wetlab", was one of the sentences most characterizing Max. He is definitely the software guy of the team. Compared to his programming, what we others coded was playing around with code blocks. For him it was always, the lower the level, the better. Therefore he is writing pure C code, as C++ does already too much by itself, he thinks.

But still, he was somehow pressed to this role, as normally he is studying molecular biotechnology in 5th semester now. As iGEM@home was running, and he thought he would have a break from programming, the wiki as a project came upon him. On top, he is a perfectionist on software sides, so not only once he called out: "Nils, look how smooth the ring is moving!" "

 },
 "Charlotte": {
   "Name" : "Charlotte Bunne", 
   "img" : "/wiki/images/6/69/Heidelberg_Charlotte.jpg",
   "Description" : "Charlotte is our youngest team member and already participated in iGEM in Germany´s first High School team in 2012. Studying Biosciences in her third semester, she impresses all team members with her energy, curiosity and ambition. She is the creative head behind nearly all artworks of our project. The wiki design originates from her imaginations and the BOINC video as well as the cover picture for our theme night “Religion and Synthetic Biology” arose from her hands. In team effort with Nils, she is conducting the linker screening experiments for the lysozyme circularization. In the course of these experiments Charlotte learned huge organisational skills that directs her abilities and energy into the right channels. In this way Charlotte became an indispensable team member."
 },
 "Nils": {
   "Name": "Nils Klughammer", 
   "img" : "/wiki/images/f/ff/Heidelberg_Nils.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Silvan": {
   "Name": "Silvan Schmitz",
   "img" : "/wiki/images/c/cf/Heidelberg_Silvan.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Jan": {
   "Name": "Jan Gleixner",
   "img" : "/wiki/images/d/dd/Heidelberg_Jan.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Magdalena": {
   "Name": "Magdalena Büscher",
   "img" : "/wiki/images/f/f7/Heidelberg_Magdalena.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Carolin": {
   "Name": "Carolin Schmelas",
   "img" : "/wiki/images/4/49/Heidelberg_Carolin.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Elisabeth": {
   "Name": "Elisabeth Schäfer",
   "img" : "/wiki/images/7/71/Heidelberg_Elisabeth.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Jakob": {
   "Name": "Jakob Kreft",
   "img" : "/wiki/images/9/92/Heidelberg_Jakob.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Max_W": {
   "Name": "Max Waldhauer",
   "img" : "/wiki/images/5/5a/Heidelberg_MaxW.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Anna": {
   "Name": "Anna Huhn",
   "img" : "/wiki/images/c/c9/Heidelberg_Anna.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Constantin": {
   "Name": "Constantin Ahlmann", 
   "img" : "/wiki/images/5/5a/Heidelberg_Constantin.jpg",
   "Description" : "Constantin is a hybrid of programming and lab guy: Not only has iGEM@home been his idea and he could demonstrate his programming skills working on this project, but also he managed to circularize Xylanase – again his idea. In his free time he gives Java classes to high-school students. His secret talent: dancing."
 },
 "Julia": {
   "Name": "Julia Neugebauer",
   "img" : "/wiki/images/b/b6/Heidelberg_Julia.jpg",
   "Description" : "I have done my bachelor and master studies in molecular biosciences at the University of Heidelberg. Currently, I am developing new confocal microscopy based screening methods using 3D cell culture. In the iGEM project, I was mainly involved  in the DNMT1 project and helped in the setup of the different assays to measure xylanase, lysozyme and DNMT1 activity."
 },
 "Joel": {
   "Name": "Joel Beaudouin",
   "img" : "/wiki/images/7/7f/Heidelberg_Joel.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Stefen": {
   "Name": "Stefen Krämer",
   "img" : "/wiki/images/c/c0/Heidelberg_Stefen.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Pierre": {
   "Name": "Pierre Wehler", 
   "img" : "/wiki/images/d/d5/Heidelberg_Piere.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Philipp": {
   "Name": "Philipp Bayer", 
   "img" : "/wiki/images/0/09/Heidelberg_Philipp.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 },
 "Barbara": {
   "Name": "Dr. Barbara Di Ventura", 
   "img" : "/wiki/images/c/c5/Heidelberg_Barbara_DiVentura.jpg",
   "Description" : "Computer engineer by university training (carried out in the

University of Rome “La Sapienza”), Barbara has done her Ph.D. in molecular biology in the laboratory of Luis Serrano, at the EMBL. Her Ph.D. project consisted in constructing a synthetic human p53 network in the yeast Saccharomyces cerevisiae. She was post-doc in the laboratory of Victor Sourjik, at the ZMBH. During this time she investigated the self-organizing properties of the Min system, the protein machinery that in Escherichia coli defines mid-cell. Since November 2011, Barbara heads the Synthetic Biology group in the department of Roland Eils, at the BioQuant. Barbara believes in the power of synthetic biology to create new functional devises and to teach important lessons about real biological systems. She also thinks that combining theory and experiments is the best strategy to understand the molecular mechanisms driving biological processes. Barbara finds the iGEM competition truly exciting and she is very happy to mentor the young, motivated and enthusiastic students of the Heidelberg iGEM 2014 team!"

 },
 "Eils": {
   "Name": "Prof. Dr. Roland Eils", 
   "img" : "/wiki/images/1/19/Heidelberg_Roland_Eils.jpg",
   "Description" : "Ludwig XIV. gilt als klassischer Vertreter des höfischen Absolutismus. Der Leitsatz des Absolutismus, L’État, c’est moi! (Der Staat bin ich!) wird ihm jedoch fälschlicherweise zugeschrieben.[1] Er festigte die Macht der Krone durch den Ausbau der Verwaltung, die Bekämpfung der Opposition in Kreisen des Adels sowie durch die Förderung der französischen Wirtschaft. Die Hofkultur wurde ganz auf die Person des Herrschers zugeschnitten. Zum Symbol für dessen herausragende Stellung wurde sein prunkvolles Auftreten. Der König förderte Künste und Wissenschaften, was eine Blütezeit der französischen Kultur zur Folge hatte. Ludwig XIV. vertrat eine expansive und kriegerische Außenpolitik, durch die Frankreich unter seiner Regentschaft eine dominierende Stellung in Europa gewann und seine Großmachtstellung in der Neuzeit etablierte."
 }

};


var teamView = true;


function updateHeights(){

 $('#memberSelector').stop(true);
 var height = 0;
 if(teamView){
   height = $('.team-overlay').outerHeight();
 }
 else {
   height = $('#memberImage').height();
 }
 $('#memberSelector').animate({height: height}, 300, "swing", function(){
   updateSlick($('#memberSelector').height());
 });

}

function updateSlick(height){

 elementHeight = $('#memberSelector .row:first').outerHeight();
 numElements = Math.floor(height/elementHeight);
 memberselector = $('#memberSelector');
 memberselector.slickSetOption("slidesToShow", numElements, false);
 memberselector.slickSetOption("slidesToScroll", numElements, true);

}

function smoothLoadImage(src){

 $('.imageBorder').height($('#memberImage').height());
 $('#memberImageOverlay').attr("src", src);
 $('#memberImageOverlay').load(function(){
   $(this).fadeIn(400, "swing", function(){
     $('#memberImage').attr("src", src);
     $('#memberImage').load(function(){
       $('#memberImageOverlay').hide();
       $('.imageBorder').css("height", "");
     });
   });
 });

}

function hideTeamOverlay(callback){

 $('.team-overlay').animate({ opacity: 0}, 200, "swing", function(){$('.team-overlay').css("display","none");});
 $('.memberview').animate({ opacity: 1}, 200, "swing", function(){
   teamView = false;
   updateHeights();
 });

}


$(document).ready(function(){

 $('#memberImage').load(function(){
   updateHeights();
 });

$('.team-overlay img').load(function(){

   updateHeights();
 });
 $('#memberSelector a').click(function(){
   if(teamView){
     hideTeamOverlay();
     $('#FilterButtons label').removeClass("active");
     if($(this).parent().parent().hasClass("Team"))
       $('#Teammembers-btn').addClass("active");
     else
       $('#Supervisors-btn').addClass("active");
   }
   $('#memberSelector a').removeClass("active");
   $(this).addClass("active");
   var memberKey = this.id.split("-")[1];
   member = memberData[memberKey];
   $("#Name").text(member.Name);
   
   smoothLoadImage(member.img);
   $('#Description').text(member.Description);
 });
 $('#Teamfoto-btn').click(function(){
   if(teamView == false){
     $('.team-overlay').css("display", "block");
     $('.team-overlay').animate({ opacity: 1}, 200);
     $('.memberview').animate({ opacity: 0}, 200);
     teamView = true;
     updateHeights();
   }
 });
 memberselector = $('#memberSelector');
 $('#Teammembers-btn').click(function(){
   $('#memberSelector a').removeClass("active");
   $('#Supervisors-btn').removeClass("active");
   $(this).addClass("active");
   memberselector.slickFilter('.Team');
 });
 $('#Supervisors-btn').click(function(){
   $('#memberSelector a').removeClass("active");
   $('#Teammembers-btn').removeClass("active");
   $(this).addClass("active");
   memberselector.slickFilter('.Supervisor');
 });
 $('#memberSelector').slick({
   prevArrow: '<img src="/wiki/images/3/3f/Heidelberg_prev-arrow.png" alt="prev-arrow" class="arrow arrow-prev"/>',
   nextArrow: '<img src="/wiki/images/e/e0/Heidelberg_next-arrow.png" alt="next-arrow" class="arrow arrow-next"/>',
   vertical: true,
   infinite: false,
   slidesToShow: 5,
   slidesToScroll: 5
 });
 $('#memberSelector').slickFilter('.Team');

});

$(window).resize(function(){

 updateHeights();

});