Team:Bonn/Team/about
From 2013.igem.org
(Difference between revisions)
(21 intermediate revisions not shown) | |||
Line 75: | Line 75: | ||
member.course = "Bachelor Biology"; | member.course = "Bachelor Biology"; | ||
member.semester = "2nd semester"; | member.semester = "2nd semester"; | ||
- | member.tasks = "labwork, financing"; | + | member.tasks = "labwork, school presentations, financing"; |
break; | break; | ||
case "Marc": | case "Marc": | ||
Line 88: | Line 88: | ||
member.course = "Bachelor Molecular Biomedicine"; | member.course = "Bachelor Molecular Biomedicine"; | ||
member.semester = "4th semester"; | member.semester = "4th semester"; | ||
- | member.tasks = "labwork, jamboree presentation, webdesign, design"; | + | member.tasks = "labwork, jamboree presentation, jamboree poster, webdesign, design"; |
break; | break; | ||
Line 102: | Line 102: | ||
member.course = "Bachelor Molecular Biomedicine"; | member.course = "Bachelor Molecular Biomedicine"; | ||
member.semester = "2nd semester"; | member.semester = "2nd semester"; | ||
- | member.tasks = "labwork, jamboree presentation, meetings, financing"; | + | member.tasks = "labwork, jamboree presentation, school presentations, meetings, financing"; |
break; | break; | ||
case "Matthias": | case "Matthias": | ||
Line 114: | Line 114: | ||
member.course = "Bachelor Molecular Biomedicine"; | member.course = "Bachelor Molecular Biomedicine"; | ||
member.semester = "2nd semester"; | member.semester = "2nd semester"; | ||
- | member.tasks = "management, labwork, jamboree presentation, webdesign, school presentations"; | + | member.tasks = "management, labwork, jamboree presentation, jamboree poster, webdesign, school presentations"; |
break; | break; | ||
case "Maria": | case "Maria": | ||
Line 186: | Line 186: | ||
member.course = "PhD student"; | member.course = "PhD student"; | ||
member.semester = ""; | member.semester = ""; | ||
- | member.tasks = " | + | member.tasks = "advisor"; |
break; | break; | ||
case "Sebastian": | case "Sebastian": | ||
Line 198: | Line 198: | ||
member.course = "PhD student"; | member.course = "PhD student"; | ||
member.semester = ""; | member.semester = ""; | ||
- | member.tasks = " | + | member.tasks = "advisor"; |
break; | break; | ||
case "Jan": | case "Jan": | ||
Line 216: | Line 216: | ||
member.course = "PhD student"; | member.course = "PhD student"; | ||
member.semester = ""; | member.semester = ""; | ||
- | member.tasks = " | + | member.tasks = "advisor"; |
break; | break; | ||
case "Florian": | case "Florian": | ||
Line 234: | Line 234: | ||
var detailsSemester = document.getElementById("aboutus-group-details-semester"); | var detailsSemester = document.getElementById("aboutus-group-details-semester"); | ||
var detailsTasks = document.getElementById("aboutus-group-details-tasks"); | var detailsTasks = document.getElementById("aboutus-group-details-tasks"); | ||
- | details. | + | $("#aboutus-group-move").stop().fadeOut(); |
+ | $("#aboutus-group-details").stop().fadeIn(); | ||
+ | $("#aboutus-group-move").fadeOut(); | ||
+ | $("#aboutus-group-details").fadeIn(); | ||
getMemberInfo(name); | getMemberInfo(name); | ||
detailsName.innerHTML = member.name; | detailsName.innerHTML = member.name; | ||
Line 245: | Line 248: | ||
var details = document.getElementById("aboutus-group-details"); | var details = document.getElementById("aboutus-group-details"); | ||
details.style.display = "none"; | details.style.display = "none"; | ||
+ | $("#aboutus-group-move").stop().fadeIn(); | ||
+ | $("#aboutus-group-details").stop().fadeOut(); | ||
+ | $("#aboutus-group-move").fadeIn(); | ||
+ | $("#aboutus-group-details").fadeOut(); | ||
} | } | ||
</script> | </script> | ||
Line 257: | Line 264: | ||
- | <div id="aboutus-group-kristina" onmouseover=showMemberDetails("Kristina") onmouseout=hideMemberDetails() style="position:absolute;top:160px;left:57px;width:30px;height:30px | + | <div id="aboutus-group-kristina" onmouseover=showMemberDetails("Kristina") onmouseout=hideMemberDetails() style="position:absolute;top:160px;left:57px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-dustin" onmouseover=showMemberDetails("Dustin") onmouseout=hideMemberDetails() style="position:absolute;top:153px;left:130px;width:30px;height:30px | + | <div id="aboutus-group-dustin" onmouseover=showMemberDetails("Dustin") onmouseout=hideMemberDetails() style="position:absolute;top:153px;left:130px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-marc" onmouseover=showMemberDetails("Marc") onmouseout=hideMemberDetails() style="position:absolute;top:275px;left:124px;width:30px;height:30px | + | <div id="aboutus-group-marc" onmouseover=showMemberDetails("Marc") onmouseout=hideMemberDetails() style="position:absolute;top:275px;left:124px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-niklas" onmouseover=showMemberDetails("Niklas") onmouseout=hideMemberDetails() style="position:absolute;top:139px;left:174px;width:30px;height:30px | + | <div id="aboutus-group-niklas" onmouseover=showMemberDetails("Niklas") onmouseout=hideMemberDetails() style="position:absolute;top:139px;left:174px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-ben" onmouseover=showMemberDetails("Ben") onmouseout=hideMemberDetails() style="position:absolute;top:158px;left:197px;width:30px;height:30px | + | <div id="aboutus-group-ben" onmouseover=showMemberDetails("Ben") onmouseout=hideMemberDetails() style="position:absolute;top:158px;left:197px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-annika" onmouseover=showMemberDetails("Annika") onmouseout=hideMemberDetails() style="position:absolute;top:278px;left:220px;width:30px;height:30px | + | <div id="aboutus-group-annika" onmouseover=showMemberDetails("Annika") onmouseout=hideMemberDetails() style="position:absolute;top:278px;left:220px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-matthias" onmouseover=showMemberDetails("Matthias") onmouseout=hideMemberDetails() style="position:absolute;top:153px;left:252px;width:30px;height:30px | + | <div id="aboutus-group-matthias" onmouseover=showMemberDetails("Matthias") onmouseout=hideMemberDetails() style="position:absolute;top:153px;left:252px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-max" onmouseover=showMemberDetails("Max") onmouseout=hideMemberDetails() style="position:absolute;top:159px;left:282px;width:30px;height:30px | + | <div id="aboutus-group-max" onmouseover=showMemberDetails("Max") onmouseout=hideMemberDetails() style="position:absolute;top:159px;left:282px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-maria" onmouseover=showMemberDetails("Maria") onmouseout=hideMemberDetails() style="position:absolute;top:273px;left:289px;width:30px;height:30px | + | <div id="aboutus-group-maria" onmouseover=showMemberDetails("Maria") onmouseout=hideMemberDetails() style="position:absolute;top:273px;left:289px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-sadrija" onmouseover=showMemberDetails("Sadrija") onmouseout=hideMemberDetails() style="position:absolute;top:160px;left:358px;width:30px;height:30px | + | <div id="aboutus-group-sadrija" onmouseover=showMemberDetails("Sadrija") onmouseout=hideMemberDetails() style="position:absolute;top:160px;left:358px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-franzi" onmouseover=showMemberDetails("Franzi") onmouseout=hideMemberDetails() style="position:absolute;top:277px;left:355px;width:30px;height:30px | + | <div id="aboutus-group-franzi" onmouseover=showMemberDetails("Franzi") onmouseout=hideMemberDetails() style="position:absolute;top:277px;left:355px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-cori" onmouseover=showMemberDetails("Cori") onmouseout=hideMemberDetails() style="position:absolute;top:172px;left:420px;width:30px;height:30px | + | <div id="aboutus-group-cori" onmouseover=showMemberDetails("Cori") onmouseout=hideMemberDetails() style="position:absolute;top:172px;left:420px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-pauline" onmouseover=showMemberDetails("Pauline") onmouseout=hideMemberDetails() style="position:absolute;top:282px;left:421px;width:30px;height:30px | + | <div id="aboutus-group-pauline" onmouseover=showMemberDetails("Pauline") onmouseout=hideMemberDetails() style="position:absolute;top:282px;left:421px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-olli" onmouseover=showMemberDetails("Olli") onmouseout=hideMemberDetails() style="position:absolute;top:163px;left:472px;width:30px;height:30px | + | <div id="aboutus-group-olli" onmouseover=showMemberDetails("Olli") onmouseout=hideMemberDetails() style="position:absolute;top:163px;left:472px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-nina" onmouseover=showMemberDetails("Nina") onmouseout=hideMemberDetails() style="position:absolute;top:277px;left:489px;width:30px;height:30px | + | <div id="aboutus-group-nina" onmouseover=showMemberDetails("Nina") onmouseout=hideMemberDetails() style="position:absolute;top:277px;left:489px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-miriam" onmouseover=showMemberDetails("Miriam") onmouseout=hideMemberDetails() style="position:absolute;top:163px;left:506px;width:30px;height:30px | + | <div id="aboutus-group-miriam" onmouseover=showMemberDetails("Miriam") onmouseout=hideMemberDetails() style="position:absolute;top:163px;left:506px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-thomas" onmouseover=showMemberDetails("Thomas") onmouseout=hideMemberDetails() style="position:absolute;top:140px;left:535px;width:30px;height:30px | + | <div id="aboutus-group-thomas" onmouseover=showMemberDetails("Thomas") onmouseout=hideMemberDetails() style="position:absolute;top:140px;left:535px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-katharina" onmouseover=showMemberDetails("Katharina") onmouseout=hideMemberDetails() style="position:absolute;top:276px;left:557px;width:30px;height:30px | + | <div id="aboutus-group-katharina" onmouseover=showMemberDetails("Katharina") onmouseout=hideMemberDetails() style="position:absolute;top:276px;left:557px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-philipp" onmouseover=showMemberDetails("Philipp") onmouseout=hideMemberDetails() style="position:absolute;top:147px;left:591px;width:30px;height:30px | + | <div id="aboutus-group-philipp" onmouseover=showMemberDetails("Philipp") onmouseout=hideMemberDetails() style="position:absolute;top:147px;left:591px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-martina" onmouseover=showMemberDetails("MartinaB") onmouseout=hideMemberDetails() style="position:absolute;top:162px;left:622px;width:30px;height:30px | + | <div id="aboutus-group-martina" onmouseover=showMemberDetails("MartinaB") onmouseout=hideMemberDetails() style="position:absolute;top:162px;left:622px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-sebastian" onmouseover=showMemberDetails("Sebastian") onmouseout=hideMemberDetails() style="position:absolute;top:153px;left:664px;width:30px;height:30px | + | <div id="aboutus-group-sebastian" onmouseover=showMemberDetails("Sebastian") onmouseout=hideMemberDetails() style="position:absolute;top:153px;left:664px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-annikag" onmouseover=showMemberDetails("AnnikaG") onmouseout=hideMemberDetails() style="position:absolute;top:150px;left:703px;width:30px;height:30px | + | <div id="aboutus-group-annikag" onmouseover=showMemberDetails("AnnikaG") onmouseout=hideMemberDetails() style="position:absolute;top:150px;left:703px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-jan" onmouseover=showMemberDetails("Jan") onmouseout=hideMemberDetails() style="position:absolute;top:136px;left:769px;width:30px;height:30px | + | <div id="aboutus-group-jan" onmouseover=showMemberDetails("Jan") onmouseout=hideMemberDetails() style="position:absolute;top:136px;left:769px;width:30px;height:30px;z-index:5;"> |
</div> | </div> | ||
- | <div id="aboutus-group-details" style="background-color:black;opacity:0.8 | + | <div id="aboutus-group-details" style="background-color:black;opacity:0.8;position:absolute;height:80px;width=870px;top:0px;left:0px;right:-24px;z-index:2;"> |
- | <div id="aboutus-group-details-name"> | + | <div id="aboutus-group-details-name" style="color:white"> |
</div> | </div> | ||
- | <div id="aboutus-group-details-course"> | + | <div id="aboutus-group-details-course" style="color:white"> |
</div> | </div> | ||
- | <div id="aboutus-group-details-semester"> | + | <div id="aboutus-group-details-semester" style="color:white"> |
</div> | </div> | ||
- | <div id="aboutus-group-details-tasks"> | + | <div id="aboutus-group-details-tasks" style="color:white"> |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div id="aboutus-group-move" style="background-color:black;opacity:0.8;position:absolute;height:20px;width=870px;top:0px;left:0px;right:-24px;z-index:2;"> | ||
+ | <div id="aboutus-group-about" style="color:white"> | ||
+ | Hover over faces to show group member details. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
Line 364: | Line 378: | ||
</div> | </div> | ||
<div class="job"> | <div class="job"> | ||
- | labwork, financing | + | labwork, school presentations, financing |
</div> | </div> | ||
</div> | </div> | ||
Line 380: | Line 394: | ||
</div> | </div> | ||
<div class="job"> | <div class="job"> | ||
- | startup | + | startup advice |
</div> | </div> | ||
</div> | </div> | ||
Line 556: | Line 570: | ||
</div> | </div> | ||
<div class="job"> | <div class="job"> | ||
- | management, labwork, jamboree presentation, webdesign, school presentations | + | management, labwork, jamboree presentation, jamboree poster, webdesign, school presentations |
</div> | </div> | ||
</div> | </div> | ||
Line 570: | Line 584: | ||
</div> | </div> | ||
<div class="job"> | <div class="job"> | ||
- | labwork, jamboree presentation, webdesign, design | + | labwork, jamboree presentation, jamboree poster, webdesign, design |
</div> | </div> | ||
</div> | </div> | ||
Line 600: | Line 614: | ||
</div> | </div> | ||
<div class="job"> | <div class="job"> | ||
- | labwork, jamboree presentation, meetings, financing | + | labwork, jamboree presentation, school presentations, meetings, financing |
</div> | </div> | ||
</div> | </div> |
Latest revision as of 14:17, 4 October 2013
Back Category: Team
About Us
Hover over faces to show group member details.
Thomas Berger
Bachelor Molecular Biomedicine
2nd semester
labwork, jamboree presentation, school presentations
Sadrija Cukoski
Bachelor Molecular Biomedicine
4th semester
science slam
Dustin Dankelmann
Bachelor Biology
2nd semester
labwork, school presentations, financing
Katharina Düker
Bachelor Molecular Biomedicine
4th semester
startup advice
Maria Gädeke
Bachelor Biology
2nd semester
labwork
Jan Hansen
Bachelor Molecular Biomedicine
2nd semester
labwork, webdesign, lov-wars shooter, design, comic, school presentations, pictures
Kristina Klein
Bachelor Molecular Biomedicine
2nd semester
labwork
Matthias Klumpp
Bachelor Molecular Biomedicine
4th semester
webmaster
Franziska Kohl
Bachelor Molecular Biomedicine
4th semester
survey and evaluation, school presentations
Sebastian Martin
Bachelor Molecular Biomedicine
4th semester
safety
Miriam Melake
Bachelor Molecular Biomedicine
2nd semester
science slam
Nina Offermann
Bachelor Molecular Biomedicine
2nd semester
labwork, comic, school presentations
Oliver Rippel
Bachelor Molecular Biomedicine
2nd semester
labwork, school presentations
Philipp Sander
Bachelor Molecular Biomedicine
4th semester
startup advisory
Florian Schäfer
Bachelor Mathematics
6th semester
modelling
Max Schelski
Bachelor Molecular Biomedicine
4th semester
management, labwork, jamboree presentation, jamboree poster, webdesign, school presentations
Niklas Schmacke
Bachelor Molecular Biomedicine
4th semester
labwork, jamboree presentation, jamboree poster, webdesign, design
Corinna Schmalohr
Bachelor Molecular Biomedicine
2nd semester
labwork, comic, school presentation, design
Annika Schneider
Bachelor Molecular Biomedicine
2nd semester
labwork, jamboree presentation, school presentations, meetings, financing
Marc Schulte
Master Molecular Biotechnology
4th semester
labwork, design
Benjamin Syllwasschy
Bachelor Molecular Biomedicine
2nd semester
labwork, school presentations
Pauline Ulmke
Bachelor Applied Biology
2nd semester
labwork, school presentation
Leonie von Berlin
Bachelor Biology
2nd semester
labwork