Team:Heidelberg/Team
From 2013.igem.org
(Difference between revisions)
JuliaS1992 (Talk | contribs) m |
m |
||
Line 1: | Line 1: | ||
- | {{:Team:Heidelberg/Templates/ | + | {{:Team:Heidelberg/Templates/bootstrap-css}} |
+ | {{:Team:Heidelberg/Templates/basic-css}} | ||
+ | {{:Team:Heidelberg/Templates/style2-css}} | ||
+ | {{:Team:Heidelberg/Templates/team-css}} | ||
+ | {{:Team:Heidelberg/Templates/Navigation}} | ||
+ | <html> | ||
+ | <head> | ||
+ | <title>iGEM Team Heidelberg</title> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | ||
+ | <meta name="description" content="Heidelberg" /> | ||
+ | <meta name="keywords" content="jquery, circular menu, navigation, round, bubble"/> | ||
+ | <link rel="stylesheet" href="css/style-team.css" type="text/css" media="screen"/> | ||
+ | <link rel="stylesheet" href="css/style2.css" type="text/css" media="screen"/> | ||
- | |||
- | |||
+ | <!-- Bootstrap core CSS --> | ||
+ | <link href="bootstrap-3.0.0/dist/css/bootstrap.css" rel="stylesheet"> | ||
- | {{:Team:Heidelberg/ | + | |
+ | <!-- Custom styles for this template --> | ||
+ | <link href="bootstrap-3.0.0/examples/jumbotron/jumbotron.css" rel="stylesheet"> | ||
+ | <link href="bootstrap-3.0.0/examples/carousel/carousel.css" rel="stylesheet"> | ||
+ | <style> | ||
+ | |||
+ | *{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | body{ | ||
+ | background:#fff no-repeat top left; | ||
+ | } | ||
+ | .title{ | ||
+ | width:548px; | ||
+ | height:119px; | ||
+ | position:absolute; | ||
+ | top:400px; | ||
+ | left:150px; | ||
+ | } | ||
+ | #content{ | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="content"> | ||
+ | <div class="navigation"> | ||
+ | <a href="https://2013.igem.org" style="display:inline-block; margin-left:2%;"> | ||
+ | <img src="images/iGEM.png" style=" height:70px"> | ||
+ | </img> | ||
+ | </a> | ||
+ | <div class="item team"> | ||
+ | <div class="dropdown"> | ||
+ | <!--<img src="" alt="" width="199" height="199" class="circle"/>--> | ||
+ | <a data-toggle="dropdown" href="#" class="icon"> | ||
+ | <h2>Team</h2> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="#">Student Members</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="#">Advisors</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="#">Instructors</a> | ||
+ | </li> | ||
+ | <!--<li> | ||
+ | <a href="#">Student Members</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Advisors</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Instructors</a> | ||
+ | </li>--> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item project"> | ||
+ | <div class="dropdown"> | ||
+ | <!--<img src="" alt="" width="199" height="199" class="circle"/>--> | ||
+ | <a data-toggle="dropdown" href="#" class="icon"> | ||
+ | <h2>Project</h2> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> | ||
+ | <li role="presentation" class="dropdown-header">Lab Projects</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="1" href="#">Delftibactin</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="2" href="#">Indigoidine</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="3" href="#">Tyrocidine</a> | ||
+ | </li> | ||
+ | <!--<li role="presentation" class="divider"> | ||
+ | </li>--> | ||
+ | <li role="presentation" class="dropdown-header">Software Projects</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="4" href="#">iGEM42</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="5" href="#">NRPS Designer</a> | ||
+ | </li> | ||
+ | <!--<li role="presentation" class="divider"> | ||
+ | </li>--> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="6" href="#">Requirements</a> | ||
+ | </li> | ||
+ | <!--<a href="#" class="icon"> | ||
+ | </a> | ||
+ | <h2>Project</h2> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="#">Portfolio</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Services</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Contact</a> | ||
+ | </li>--> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item notebook"> | ||
+ | <div class="dropdown"> | ||
+ | <a data-toggle="dropdown" href="#" class="icon"> | ||
+ | <h2>Notebook</h2> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
+ | <li role="presentation" class="dropdown-header">Lab Projects</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="1" href="#">Delftibactin</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="2" href="#">Indigoidine</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="3" href="#">Tyrocidine</a> | ||
+ | </li> | ||
+ | <!--<li role="presentation" class="divider"> | ||
+ | </li>--> | ||
+ | <li role="presentation" class="dropdown-header">Software Projects</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="4" href="#">iGEM42</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="5" href="#">NRPS Designer</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!--a href="#" class="icon"> | ||
+ | </a> | ||
+ | <h2>Notebook</h2> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="#">Social</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Support</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Comments</a> | ||
+ | </li> | ||
+ | </ul>--> | ||
+ | </div> | ||
+ | <div class="item parts"> | ||
+ | <div class="dropdown"> | ||
+ | <a data-toggle="dropdown" href="#" class="icon"> | ||
+ | <h2>Parts</h2> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
+ | <li role="presentation" class="dropdown-header">Lab Projects</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="1" href="#">Delftibactin</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="2" href="#">Indigoidine</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="3" href="#">Tyrocidine</a> | ||
+ | </li> | ||
+ | <!--<li role="presentation" class="divider"> | ||
+ | </li>--> | ||
+ | <li role="presentation" class="dropdown-header">Software Projects</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="4" href="#">iGEM42</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="5" href="#">NRPS Designer</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!--<img src="" alt="" width="199" height="199" class="circle"/> | ||
+ | <a href="#" class="icon"> | ||
+ | </a> | ||
+ | <h2>Parts</h2> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="#">Catalogue</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Orders</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Offers</a> | ||
+ | </li> | ||
+ | </ul>--> | ||
+ | </div> | ||
+ | <div class="item software"> | ||
+ | <div class="dropdown"> | ||
+ | <a data-toggle="dropdown" href="#" class="icon"> | ||
+ | <h2>Software</h2> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
+ | <li role="presentation" class="dropdown-header">NRPS Designer</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="1" href="#">Documentation</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="2" href="#">Use it!</a> | ||
+ | </li> | ||
+ | |||
+ | <li role="presentation" class="dropdown-header">iGEM42</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="3" href="#">Documentation</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="4" href="#">Use it!</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!--<img src="" alt="" width="199" height="199" class="circle"/> | ||
+ | <a href="#" class="icon"> | ||
+ | </a> | ||
+ | <h2>Software</h2> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="#">Gallery</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Prints</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Submit</a> | ||
+ | </li> | ||
+ | </ul>--> | ||
+ | </div> | ||
+ | <div class="item safety"> | ||
+ | <div class="dropdown"> | ||
+ | <a data-toggle="dropdown" href="#" class="icon"> | ||
+ | <h2>Safety</h2> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
+ | <li role="presentation" class="dropdown-header">NRPS Designer</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="1" href="#">Documentation</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="2" href="#">Use it!</a> | ||
+ | </li> | ||
+ | |||
+ | <li role="presentation" class="dropdown-header">iGEM42</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="3" href="#">Documentation</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="4" href="#">Use it!</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!--<img src="" alt="" width="199" height="199" class="circle"/> | ||
+ | <a href="#" class="icon"> | ||
+ | </a> | ||
+ | <h2>Safety</h2> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="#">Social</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Support</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Comments</a> | ||
+ | </li> | ||
+ | </ul>--> | ||
+ | </div> | ||
+ | <div class="item human"> | ||
+ | <div class="dropdown"> | ||
+ | <a data-toggle="dropdown" href="#" class="icon"> | ||
+ | <h2>Human Practice</h2> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
+ | <li role="presentation" class="dropdown-header">NRPS Designer</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="1" href="#">Documentation</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="2" href="#">Use it!</a> | ||
+ | </li> | ||
+ | |||
+ | <li role="presentation" class="dropdown-header">iGEM42</li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="3" href="#">Documentation</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="4" href="#">Use it!</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!--<img src="" alt="" width="199" height="199" class="circle"/> | ||
+ | <a href="#" class="icon"> | ||
+ | </a> | ||
+ | <h2>Human Practice</h2> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="#">Social</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Support</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Comments</a> | ||
+ | </li> | ||
+ | </ul>--> | ||
+ | </div> | ||
+ | <div class="item logo"> | ||
+ | <a href="https://2013.igem.org/Team:Heidelberg" style="margin-right:2%;"> | ||
+ | <img src="images/TeamLogoGray.png" style="height:70px;"> | ||
+ | </img> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Teammembers --> | ||
+ | <div class="container" id="picscontainer" style="height:500px;position:relative;padding: 170px 150px 170px 150px"> | ||
+ | <div id="memberdesc" class="panel panel-danger" style="margin:3%; max-width:100%; max-height:100%;display:none"> | ||
+ | <div class="panel-heading"><h3></h3></div> | ||
+ | <div class="panel-body"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="RalfBeer" class="teamimage" data-name="Ralf Beer" data-desc="Ralf is a 3rd year bachelor student of Molecular Biotechnology at the University of Heidelberg. After an internship and practical trainings, iGEM is the first big opportunity to get real insights and expertise in the design and realization of scientific projects for him. Since there is almost no time for anything else until the Jamboree is over, he will be grateful to spend more time making music as a percussionist and doing something where fresh air, daylight and beautiful landscapes are involved, afterwards. In the iGEM project he is mainly involved in the domain shuffling wetlab subproject."> | ||
+ | </div> | ||
+ | |||
+ | <div id="TaniaChristiansen" class="teamimage" data-name="Tania Christiansen - Mrs. Design" data-desc="Tania is a 2nd year bachelor student of the Heidelberg’s program of Molecular Biotechnology. She has done a few internships so far but wanted to 'do her thing', which is why she joined the iGEM Team. Afterwards, she is going to spend a few weeks in the US for an internship and then studying in Denmark for one semester. Tania worked on the module shuffling project and put a lot of hours into the design and realization of the team`s website. She would recommed joining an iGEM Team to anyone! Everyone experienced a steep learning curve, not only improving wetlab skills, but also learning how project development works and how to adapt to constantly changing conditions as well as lack of sleep."> | ||
+ | </div> | ||
+ | |||
+ | <div id="KonradHerbst" class="teamimage" data-name="Konrad Herbst - Mr. Coffee" data-desc="Apart from participating in iGEM this summer, Konrad finished his Bachelor thesis in Molecular Biotechnology and is going to continue with his master studies in late autumn. He is not only curious about science and nature but also (computer) technology and engineering. For Konrad a good start in the morning strongly correlates with his first coffee, optimal applied in group with some of the other team members. The rest of the day mainly consists of experiments for the Indigoidine subproject or of computer work."> | ||
+ | </div> | ||
+ | |||
+ | <div id="NikolaosIgnatis" class="teamimage" data-name="Nikos Ignatiadis - Django Unchained" data-desc="Double majoring in Molecular Biotechnology and Mathematics, Nikos is very interested in interdisciplinary approaches to understanding biology. Previously, he applied this interdisciplinarity by working with constraints-based models of metabolism. Having also had experience with synthetic biology by designing a modular system for in-vivo mutagenesis, he is now very excited to join the iGEM team of Heidelberg. iGEM is a unique opportunity to put everything into practice in an environment promoting open science and collaborative effort. Nikos is also fascinated by the biology of Indigoidine, non-ribosomal peptides, as well as their modularity." > | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="IliaKats" class="teamimage" data-name="Ilia Kats - The Force" data-desc="Ilia has received his Bachelor`s degree in Biosciences at the University of Heidelberg, where he is now studying Systems Biology in his 2nd master semester. As a Linux user, he has contributed to several open source projects, most notably KDE NetworkManager and simpleSTORM, gaining experience in C++ programming and software design. He did several internships in Heidelberg`s labs over the past years, working both in bioinformatics as well as molecular biology. And yes, he is a nerdy geek. So don’t mess with him or your laptop might suddenly refuse to cooperate."> | ||
+ | </div> | ||
+ | |||
+ | <div id="NilsKurzawa" class="teamimage" data-name="Nils Kurzawa - Ilia's Padawan" data-desc="Nils just finished his 4th bachelor semester in Molecular Biotechnology. He is fascinated by the idea of iGEM and Synthetic Biology, as he likes the idea of standardizing biological parts and being able to engineer biological systems. He is pretty excited to support the team in the software project as well as in one of the wet lab projects. He hopes to have a nice summer with all the team members and looks forward to learn a lot more about Synthetic Biology, programming and organizing own projects. Nils is good fun and always makes you smile, whether on purpose or not. Apart from science, Nils is interested in all kinds of sports, photography and making music."> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="JohannaMeichsner" class="teamimage" data-name="Johanna Meichsner - Ms. Athletic" data-desc="Johanna is currently studying Molecular Biotechnology in the 6th bachelor semester in Heidelberg. During the past three years, she completed different internships (3 in total) in different laboratories all over the world (Berlin and Bogotá). Besides the fascinating theme of Life Science, she is hooked on sports like climbing, running, swimming and many more. She also likes reading various kinds of books and journals and cooking vegetarian food! Hanna is a great lab mate, stubborn enough to make anything work."> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="SophieRabe" class="teamimage" data-name="Sophie Rabe - Ms. Sunshine" data-desc="Sophie just received her Bachelor’s degree in Molecular Biotechnology at the University of Heidelberg and is going to continue with the Master’s program in autumn. She has already done several internships and has been working as a student research assistant at the medical faculty of Heidelberg for over a year. She is very happy to improve her laboratory skills when it comes to genetics and the handling of bacteria, as she has only been working in other research areas so far. Furthermore iGEM gives her the opportunity to experience and conquer the challenges of planning such a big project and the organisation of a team. One of her hobbies is making music - especially in a band or one of the weekly iJAM-sessions. As part of the Delftibactin project Sophie`s main focus is on constructing the DelRest plasmid."> | ||
+ | </div> | ||
+ | |||
+ | <div id="AnjaRiedel" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="JoshuaSachs" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="JuliaSchessner" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="FlorianSchmidt" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="PhilippWalch" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | <div id="FannyGeorgi" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | <div id="DominikNiopek" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | <div id="HannahMeyer" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | <div id="LorenzAdlung" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | <div id="TimHeinemann" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | <div id="KatharinaGenreith" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | <div id="RolandEils" class="teamimage"> | ||
+ | </div> | ||
+ | |||
+ | <!--<div id="BarbaraDiVentura" class="teamimage"> | ||
+ | </div>--> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!--</div> --> | ||
+ | </div> | ||
+ | <!-- The JavaScript --> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> | ||
+ | </script> | ||
+ | <script type="text/javascript" src="jquery.easing.1.3.js"></script> | ||
+ | |||
+ | <!-- moves around the first --> | ||
+ | <script> | ||
+ | var animated = true; | ||
+ | function getPicsPerSide() | ||
+ | { | ||
+ | var picsperWidth = Math.floor($('#picscontainer').width() / 150); | ||
+ | var picsperHeight = Math.ceil(($('.teamimage').length - 2 * picsperWidth) / 2) + 2; | ||
+ | return {h: picsperWidth, v: picsperHeight}; | ||
+ | } | ||
+ | |||
+ | $(function(){ | ||
+ | var images = $('.teamimage'); | ||
+ | var picsperside = getPicsPerSide(); | ||
+ | var height = picsperside.h * 170; | ||
+ | var width = $('#picscontainer').height(height).width(); | ||
+ | images.click(function(e){ | ||
+ | stopAnimation(); | ||
+ | var panel = $('#memberdesc'); | ||
+ | panel.find("h3").empty().text($(e.delegateTarget).attr("data-name")); | ||
+ | panel.find(".panel-body").empty().text($(e.delegateTarget).attr("data-desc")); | ||
+ | panel.fadeIn(); | ||
+ | }); | ||
+ | for (var i = 0; i < images.length; ++i) { | ||
+ | var leftpos = Math.random() * width; | ||
+ | var toppos = Math.random() * height; | ||
+ | $(images[i]).css({"left": leftpos, "top": toppos}); | ||
+ | } | ||
+ | for (var i = 0; i < images.length; ++i) { | ||
+ | animateDiv.call(images[i]); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | function makeNewPosition(){ | ||
+ | |||
+ | // Get viewport dimensions (remove the dimension of the div) | ||
+ | var h = 0.1*$(".container").height(); | ||
+ | var w = 0.1*$(".container").width(); | ||
+ | |||
+ | var nh = Math.floor(Math.random() * h); | ||
+ | var nw = Math.floor(Math.random() * w); | ||
+ | |||
+ | return [nh,nw]; | ||
+ | |||
+ | }; | ||
+ | |||
+ | function animateDiv(){ | ||
+ | if (animated) { | ||
+ | var newq = makeNewPosition(); | ||
+ | var oldq = $(this).offset(); | ||
+ | var speed = calcSpeed([oldq.top, oldq.left], newq); | ||
+ | |||
+ | $(this).animate({ top: newq[0], left: newq[1] }, speed, "linear",animateDiv); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | function stopAnimation() { | ||
+ | animated = false; | ||
+ | var images = $('.teamimage'); | ||
+ | images.stop(); | ||
+ | var picsperside = getPicsPerSide(); | ||
+ | var h = $('#picscontainer').innerHeight(); | ||
+ | var w = $("#picscontainer").innerWidth(); | ||
+ | var currpic = 0; | ||
+ | var wdiff = (w - picsperside.v * 150) / (picsperside.v - 1) | ||
+ | var rightmost = (picsperside.v - 1) * (150 + wdiff); | ||
+ | for (var i = 0; i < picsperside.v; ++i, ++currpic) { | ||
+ | $(images[currpic]).css({"left": '', "top": '', "right": '', "bottom": ''}); | ||
+ | $(images[currpic]).animate({"left": i * (150 + wdiff), "top": 0}); | ||
+ | } | ||
+ | for (var i = 1; i < picsperside.h; ++i, ++currpic) { | ||
+ | $(images[currpic]).css({"left": '', "top": '', "right": '', "bottom": ''}); | ||
+ | $(images[currpic]).animate({"left": 0, "top": i * 170}); | ||
+ | } | ||
+ | for (var i = 1; i < picsperside.h; ++i, ++currpic){ | ||
+ | $(images[currpic]).css({"left": '', "top": '', "right": '', "bottom": ''}); | ||
+ | $(images[currpic]).animate({"left": rightmost, "top": i * 170}); | ||
+ | } | ||
+ | for (var i = 0; i < picsperside.v; ++i, ++currpic) { | ||
+ | $(images[currpic]).css({"left": '', "top": '', "right": '', "bottom": ''}); | ||
+ | $(images[currpic]).animate({"left": i * (150 + wdiff), "bottom": 0}); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function calcSpeed(prev, next) { | ||
+ | |||
+ | var x = Math.abs(prev[1] - next[1]); | ||
+ | var y = Math.abs(prev[0] - next[0]); | ||
+ | |||
+ | var greatest = x > y ? x : y; | ||
+ | |||
+ | var speedModifier = 0.01; | ||
+ | |||
+ | var speed = Math.ceil(greatest/speedModifier); | ||
+ | |||
+ | return speed; | ||
+ | |||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <!-- Bootstrap core JavaScript | ||
+ | ================================================== --> | ||
+ | <!-- Placed at the end of the document so the pages load faster --> | ||
+ | <script src="bootstrap-3.0.0/dist/js/bootstrap.min.js"></script> | ||
+ | <script src="bootstrap-3.0.0/assets/js/holder.js"></script> | ||
+ | <script src="bootstrap-3.0.0/assets/js/transition.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $('#myCarousel').carousel({interval: false}); | ||
+ | //$('div').scrollspy({ target: '#scrollmenu' }); | ||
+ | $('div').scrollspy({ target: '#navbarExample' }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | // $('#AnjaRiedel').popover({trigger: 'click', title: "Anja Riedel - The Pup", content: 'Anja is studying Molecular Biotechnology, too. During iGEM, she not only became a coffee drinker, but also found out how long she actually can survive with a maximum of 6 h of sleep per day. If she is not in the computer cabinet or in the lab, she is at the phone, acquiring money - or trying to. She is really happy to do the fifth semester of her Bachelor`s degree, because there will be a lot of internships. She hopes to be able to use the experiences she made during iGEM. '}); | ||
+ | |||
+ | // $('#JoshuaSachs').popover({trigger: 'click', title: "Joshua Sachs - The Firefighter", content: 'Joshua received recently his Bachelor`s degree in Molecular Biotechnology at the University of Heidelberg. At several institutes and companies, he gained practical wet lab know-how and bioinformatics skills. He is very dedicated to the field of synthetic biology and the development of new integrated systems for the design of novel applications. Being in charge of a whole project with all its challenges is a great experience for him, which he would not want to miss. Following iGEM, he is planning to travel to several countries around the globe until proceeding with his studies. '}); | ||
+ | |||
+ | // $('#JuliaSchessner').popover({trigger: 'click', title: "Julia Schessner - The Bee", content: 'As many other team members, Julia just received her Bachelor`s degree in Molecular Biotechnology. She is always optimistic and friendly, which is reflected in her colorful lifestyle. For her, iGEM is the first scientific competition ever and the intensive team work and the high expectations are really motivating. Since her major was bioinformatics and because she felt like skipping bench work for a while, she is involved in the software tools and the homepage design. This means lots of coffee and heavy metal music to keep her brain running. She already learned at lot in this competition by now, which she will be able to apply in her future work - for her personally it was already worth participating! '}); | ||
+ | |||
+ | // $('#FlorianSchmidt').popover({trigger: 'click', title: "Florian Schmidt - The Optimus Prime(r)", content: 'Flo just started his 5th bachelor semester in Molecular Biotechnology and is enthusiastic to unveil the opportunities of synthetic biology. Although he doesn`t drink coffee, he does not mind working very late in the lab, mainly because he is very impatient. Therefore, Sophie frequently had to discover cyclers filled with PCRs from 4.30 a.m. Florian is part of the Delftibactin project where he worked on cloning-strategies, primer design, amplification and assembly of DelRest and DelH. Furthermore he worked on the recovery of gold from electronic waste and the characterization of Delftibactin. Apart from iGEM and science, he can often be found on the badminton court, loves sports cars, formula 1 and "The Simpsons". '}); | ||
+ | |||
+ | // $('#PhilippWalch').popover({trigger: 'click', title: "Philipp Walch - The Exprimator", content: 'Philipp also just finished his 4th bachelor semester in Molecular Biotechnology. But since this obviously does not occupy him fully (©reative input by Fanny - due to lacking constructiveness when writing about oneself in third person), he also studies Mathematics. As he tasted blood in several internships in genomics and proteomics all over the world (Heidelberg, Potsdam, Stanford and Berkeley), he is very excited to participate in iGEM. Philipp is always cheerful and friendly, no matter how confusing things are in the lab. He`s involved in the Tyrocidine project - i.e. shuffling modules - as well as the software projects. Hereby, he learned to use his strengths for a team and to develop parts of a project from the first scratch to the final validation. Outside the lab, he is a huge fan of playing chess, making music - either on the piano or by singing - debating and philosophy. '}); | ||
+ | |||
+ | // $('#FannyGeorgi').popover({trigger: 'click', title: "Fanny Georgi - Mrs. Fancy", content: 'Fanny is a master student of the Molecular Biotechnology program in Heidelberg, where she also received her Bachelor`s degree. Following iGEM, she is going to proceed with her Master’s thesis in Oncolytical Adenoviruses at the German Cancer Research Center. She worked on bioengineering and translational approaches like therapeutical vaccines or immunotoxins in several labs around the world from Texas to Bavaria. Fanny definitely carries the wanderlust gene, so if she is not in the lab, she travels the world and its kitchens. She supported the team in regards of financing and human practice, as well as lab organization and motivation. '}); | ||
+ | |||
+ | // $('#TimHeinemann').popover({trigger: 'click', title: "Tim Heinemann - Mr. Big Screen", content: 'Tim started his scientific education with the Bachelor program of Theoretical Biophysics at the Humboldt University Berlin. After three inspiring years of introduction into the world of Theoretical Biology, he moved to Heidelberg and joined the Master program of Molecular Biosciences with a major in Systems Biology at the University of Heidelberg. Currently, he is a Ph.D. student in the Theoretical Systems Biology group led by Prof. Thomas Höfer at the German Cancer Research Center. The focus of his studies lies on the mathematical modeling of nucleotide-excision DNA repair in mammalian cells. As an iGEM alumnus, he never really managed to let go from this exciting competition and is looking forward to spend thrilling months with the iGEM Team Heidelberg 2013. '}); | ||
+ | |||
+ | // $('#LorenzAdlung').popover({trigger: 'click', title: "Lorenz Adlung - mR. NA", content: 'An enthusiastic folk who always looks a bit tired though. He is pursuing his PhD in the Division Systems Biology of Signal Transduction at the German Cancer Research Center, enrolled at Heidelberg University where he studied Molecular Biosciences and completed his Master`s degree in Systems Biology at the BioQuant institute in 2012. He thinks of mathematics as an inherent property of nature as Pythagoras already did. His passion and his free time is limited but mostly dedicated to Synthetic Biology as he was a student member of two iGEM Teams in 2010 and a supervisor of the team that won the Grand Prize of the iGEM High School Division last year. '}); | ||
+ | |||
+ | // $('#KatharinaGenreith').popover({trigger: 'click', title: "Katharina Genreith - Ms. Creative", content: '............ '}); | ||
+ | |||
+ | // $('#HannahMeyer').popover({trigger: 'click', title: "Hannah Meyer - Mrs. Pastry", content: 'Hannah also is an iGEM veteran, having participated as a student member of the Heidelberg iGEM team 2009. As she really appreciated the idea of completely student-driven and designed projects and the creativity which is possible in the scope of the iGEM competition, she is really looking forward to supervise this years team. Hannah studied Molecular Biotechnology at the University of Heidelberg where she just recently finished her M.Sc. with a major in bioinformatics. In October, she is going to pursue her studies in the field of bioinformatics, starting a PhD in Ewan Birney`s group at the EBI in Cambridge. Apart from science, she really loves to cook and bake and the team often has to "suffer" from her eagerness to bring in cakes, cookies or other sweets. '}); | ||
+ | |||
+ | // $('#DominikNiopek').popover({trigger: 'click', title: "Dominik Niopek - The Veteran", content: '.......'}); | ||
+ | |||
+ | // $('#BarbaraDiVentura').popover({trigger: 'click', title: "Dr. Barbara Di Ventura -La Mamma", content: '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. Starting from 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 2013 team! <br/> Group: http://ibios.dkfz.de/tbi/index.php/synthetic-biology/2012-09-20-12-35-18 <br/> E-Mail: barbara[dot]div[at]enturabioquant[dot]uni-heidelberg[dot]de '}); | ||
+ | |||
+ | // $('#RolandEils').popover({trigger: 'click', title: "Prof. Dr. Roland Eils ", content: 'Prof. Eils is again the head of the iGEM Heidelberg team. He provides the laboratories and all the required equipment. Besides, he will sponsor the traveling and participation costs. Thank you very much! The research interests of Prof. Eils lies in the field of the analysis and mathematical modeling of complex pathways in molecular biology. He can look back at a very successful career, as he is the head of the Department of Theoretical Bioinformatics in the DKFZ and working on computational oncology. Furthermore, he is the director of the Department of Bioinformatics and Functional Genomics of the IPMB at the University of Heidelberg. Alongside Prof. Kräusslich and Prof. Wolfrum, he is one of three founding directors of the BioQuant, as well as the leader of the Systems Biology Center and the representative of the FORSYS-Initiative of Heidelberg’s research network, the ViroQuant. He has won numerous awards; in | ||
+ | particular he has been awarded the Biofuture price (approx. 1.2 Million €) by the BMBF for innovations allowing the graphical reconstruction of the eukaryotic mitosis process from 4D microscopy images and in the year 2005 he won the award for new innovative research by Helmholtz Society: “SystemsBiology of Complex Diseases”. Besides, he was one of the main organizers of the International Conference on Systems Biology in Heidelberg 2004 and he organized the German Symposium on Systems Biology 2009. His new engagement in the up-coming field of Synthetic Biology underlines the need for tight interdisciplinary work between experimentalists and theoreticians.<br/>Group: http://ibios.dkfz.de/tbi/<br/>Mail: r[dot]eils[at]dkfz[dot]de '}); | ||
+ | </script> | ||
+ | <!--<script src="bootstrap-3.0.0/assets/js/jquery.js"></script>--> | ||
+ | </body> | ||
+ | </html> |
Revision as of 21:15, 3 October 2013
![](https://static.igem.org/mediawiki/2013/a/a6/Heidelberg_go_up2.png)
![](https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_tour2_btn.png)