Team:Berlin/Team
From 2014.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | {{ | + | <html> |
+ | <script type="text/javascript"> | ||
+ | // The script below will remove all wikistylesheets, so you now have unlimited freedom for inline CSS. | ||
+ | |||
+ | for ( i=0; i<document.styleSheets.length; i++) { | ||
+ | void(document.styleSheets.item(i).disabled=true); | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | </html> | ||
+ | |||
+ | {{Team:Berlin/AllCss}} | ||
+ | |||
+ | <html lang="en"> | ||
+ | <body> | ||
+ | |||
+ | <!-- Begin Cover --> | ||
+ | <div class="site-wrapper-sub-team"> | ||
+ | |||
+ | <!-- Main Menu --> | ||
+ | <div class="main-menue clearfix navbar-fixed-top hidden-xs hidden-sm hidden-md" style="margin-top:20px;"> | ||
+ | <ul class="main-menue-ul"> | ||
+ | <a href="https://2014.igem.org/Team:Berlin" class="main-menue-links"><li>Home</li></a> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Project" class="main-menue-links"><li>Project</li></a> | ||
+ | <a href="http://igem.berlin/team.php" class="main-menue-links"><li>Team</li></a> | ||
+ | <a href="http://igem.berlin/safety.php" class="main-menue-links"><li>Safety</li></a> | ||
+ | <a href="http://igem.berlin/contact.php" class="main-menue-links"><li>Contact</li></a> | ||
+ | <a href="http://igem.berlin/workshop2014_neu.php" class="main-menue-links"><li>Workshop</li></a> | ||
+ | <a href="http://igem.berlin/blog.php"><li>Blog</li></a> | ||
+ | <a href="https://igem.org/Main_Page" class="igem-link"><li><img class="igem-logo" src="https://static.igem.org/mediawiki/2014/d/d8/Team_Berlin_igem_logo.png"></li></a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <!-- Our Project Row (1) --> | ||
+ | <section data-speed="200" data-type="background" id="section-sub"> | ||
+ | <div class="container-fluid container-green"> | ||
+ | <div class="row featurette" id="main-featurette-row"> | ||
+ | |||
+ | <div class="start-text-container"> | ||
+ | <h2 style="margin-top:10px; margin-left:10px;"><img src="img/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />MEET THE TEAM</h2> | ||
+ | <div class="teaser-text-sub"> | ||
+ | <div class="col-xs-12"> | ||
+ | The iGEM Team Berlin consists of 17 students from various universities in Berlin. Represented are the Technische Universität Berlin, University of Applied Sciences Berlin, Freie Universität, University of the Arts as well as the Humboldt University. The team members come from diverse disciplines. From biotechnology, biochemistry, computer science, mathematics, mechanical engineering to the history of science and technology, everything is represented. Just the interdisciplinary nature of the team allows us to jointly develop solution strategies from different perspectives.<br/> | ||
+ | <br/> | ||
+ | Hosted by Prof. Dr. Nediljko Budisa from the TU Berlin, our lab is located at the Müller-Breslau-Straße 10, 10623 Berlin. <br/> | ||
+ | <br/> | ||
+ | <strong>Come by for a visit (Monday 5 pm).</strong> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--<a href="#" class="more-informations-white">More informations</a>--> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="subside-content"> | ||
+ | |||
+ | <div class="row project-steps top"> | ||
+ | |||
+ | <div class="col-md-4" style="padding-bottom:20px;"> | ||
+ | <div class="project-steps-img"> | ||
+ | <img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_04.png"/> | ||
+ | </div> | ||
+ | |||
+ | <h5>Johann Bauerfeind</h5> | ||
+ | Master student in Life Science Engineering at the University of Applied Sciences (HTW) in Berlin.</br>Team leader and initiator of iGEM Berlin 2014.</br> | ||
+ | <a href="mailto:j.bauerfeind@igem.berlin">j.bauerfeind@igem.berlin</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4" style="padding-bottom:20px;"> | ||
+ | <div class="project-steps-img"> | ||
+ | <img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_07.png"/> | ||
+ | </div> | ||
+ | <h5>Klara Kaden</h5>Medical student at the Charité.</br> Currently working on the topics support and coordination tasks.</br> | ||
+ | <a href="mailto:k.kaden@igem.berlin">k.kaden@igem.berlin</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4" style="padding-bottom:20px;"> | ||
+ | <div class="project-steps-img"> | ||
+ | <img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_08.png"/> | ||
+ | </div> | ||
+ | <h5>Saba Najoumi</h5>Graduated chemistry student at the Technische Universität Berlin.</br> Chief team leader and co-initiator of iGEM Berlin 2014. Laboratory supervision.</br> | ||
+ | <a href="mailto:s.nojoumi@igem.berlin">s.nojoumi@igem.berlin</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row project-steps top"> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_15.png"/></div> <h5>Marius Wessel</h5>Student of Computer Science at the Technical University of Berlin.</br> Website development team leader and responsible for the website as a whole. </br><a href="mailto:m.wessel@igem.berlin">m.wessel@igem.berlin</a></div> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_05.png"/></div> <h5>Valerian Blos</h5>Student of Visual Communication at the University of Arts.</br> As collaborative Designer and Artist, he supports the team with creative input.</br><a href="mailto:v.blos@igem.berlin">v.blos@igem.berlin</a></div> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_06.png"/></div> <h5>Leon Kokkoliadis</h5>Studies the History of Science and Technology at the Technische Universität Berlin.</br> Working on the investigation of papers and articles, deals with safety laws and regulations, ethical discussion about synthetic biology, writes texts for the website. </br><a href="mailto:l.kokkoliadis@igem.berlin">l.kokkoliadis@igem.berlin</a></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row project-steps top"> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_10.png"/></div> <h5>Aritra Chakraborty</h5>Student of Biotechnology at Technische Universität Berlin.</br> Helping the iGEM team with core lab chores.</br><a href="mailto:a.chakraborty@igem.berlin">a.chakraborty@igem.berlin</a></div> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_11.png"/></div> <h5>Andrés Salazar</h5>Physics student at the Technical University of Berlin.</br> Working on control of magnetic fields and translating for our website.</br><a href="mailto:a.salazar@igem.berlin">a.salazar@igem.berlin</a></div> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_03.png"/></div> <h5>Fabian Schildhauer</h5>Student of Life Science Engineering at the Universit of Applied Sciences (HTW) in Berlin.</br> Helps the iGEM Team with lab chores.</br><a href="mailto:f.schildhauer@igem.berlin">f.schildhauer@igem.berlin</a></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row project-steps top"> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_02.png"/></div> <h5>Ammar Al-Shameri</h5>Student in Engineering of Biotechnology at the Technische Universität Berlin.</br> He supports the iGEM Berlin with his lab experience and bioprocessing skills.</br><a href="mailto:a.al-shameri@igem.berlin">a.al-shameri@igem.berlin</a></div> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_09.png"/></div> <h5>Willi Hauck</h5>Graduated Biotechnology Student at the Technische Universität Berlin. </br> Mainly laboratory supervisor and general drudge. </br><a href="mailto:w.hauck@igem.berlin">w.hauck@igem.berlin</a></div> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_12.png"/></div> <h5>Sascha Kaufmann</h5>Studies food technology at the Technische Universität Berlin.</br> He is involved in organisational issues and laboratory work.</br><a href="mailto:s.kaufmann@igem.berlin">s.kaufmann@igem.berlin</a></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row project-steps top"> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_13.png"/></div> <h5>Ali Salaheddine</h5>Diploma student in Engineering of Biotechnology at the Technische Universität Berlin.</br>He takes over tasks of lab and organizational issues. His special interest is Bioengineering and Molecular Medicine.</br><a href="mailto:a.salaheddine@igem.berlin">a.salaheddine@igem.berlin</a></div> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_14.png"/></div> <h5>Virginia Waitschies</h5>Is pursuing a master porgramm in Life Science Engineering at the Universit of Applied Sciences (HTW) in Berlin.</br> Helps the iGEM Team with lab chores and is working on the topics support and coordination tasks.</br><a href="mailto:v.waitschies@igem.berlin3">v.waitschies@igem.berlin</a></div> | ||
+ | <div class="col-md-4" style="padding-bottom:20px;"><div class="project-steps-img"><img style="max-heigth:500px; max-width:315px;" src="img/portraits/Team_Berlin_portrait_01.png"/></div> <h5>Christina Riemenschneider</h5>Diploma student in Engineering of Medical Biotechnology at the Technical University Berlin.</br>Helping the iGEM Team with lab chores. Her special interest is Regenerative Medicine and Tissue Engineering.</br><a href="mailto:c.riemenschneider@igem.berlin">c.riemenschneider@igem.berlin</a></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </section> | ||
+ | |||
+ | |||
+ | |||
- | |||
- | <!-- | + | <!-- Begin Sponsors --> |
- | < | + | <section data-speed="1" data-type="background"> |
+ | <div class="container-fluid sponsor-wrapper"> | ||
+ | <div class="row sponsor-heading-row"> | ||
+ | <div class="col-xs-12"> | ||
+ | <h3>Sponsors</h3> | ||
+ | </div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <div class="row sponsor-img-row"> |
- | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/0/0e/Team_Berlin_biocat_logo.png" class="img-responsive grayscale"> |
+ | </div> | ||
- | < | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/b/bb/Team_Berlin_bayer_logo.png" class="img-responsive grayscale"> |
+ | </div> | ||
- | < | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/9/90/Team_Berlin_adares_logo.png" class="img-responsive grayscale"> |
- | + | </div> | |
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/4/48/Team_Berlin_ibb_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
- | < | + | </div> |
- | < | + | |
+ | <div class="row sponsor-img-row"> | ||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/8/86/Team_Berlin_roth_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/cd/Team_Berlin_GvF_Logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
- | < | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/4/4a/Team_Berlin_BioLabs_logo.png" class="img-responsive grayscale"> |
+ | </div> | ||
+ | |||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/c1/Team_Berlin_Promega_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row sponsor-img-row"> | ||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/71/Team_Berlin_Agrarboerse_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/99/Team_Berlin_GenExpress_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
- | < | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/9/9b/Team_Berlin_era-synbio_logo.png" class="img-responsive grayscale"> |
+ | </div> | ||
+ | |||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/b1/Team_Berlin_unicat_logo.jpg" class="img-responsive grayscale"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row sponsor-img-row"> | ||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/79/Team_Berlin_tuberlin_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> <!-- End Sponsors --> | ||
+ | </section> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <!-- Begin Footer --> |
- | <a href=" | + | <div class="footer"> |
+ | <div class="row"> | ||
+ | <div class="col-sm-2">Müller-Breslau-Str. 10 <br />10623 Berlin</div> | ||
+ | <div class="col-sm-2">Phone: +49 1778800244 <br /> Mail: <a href="mailto:mail@igem.berlin">mail@igem.berlin</a></div> | ||
- | < | + | <div class="col-sm-2 footer-icon-bar"> |
- | < | + | <a href="https://twitter.com/iGEM_Berlin" target="blank"><img src="https://static.igem.org/mediawiki/2014/c/cc/Team_Berlin_icon_twitter.png" /></a> |
+ | <a href="https://www.facebook.com/igem.berlin?fref=ts" target="blank"><img src="https://static.igem.org/mediawiki/2014/c/c4/Team_Berlin_facebook-icon.png" /></a> | ||
+ | </div> | ||
- | < | + | <div class="col-sm-6"> |
- | <a href="https://2014.igem.org/Team:Berlin/ | + | <div class="footer-sitemap"> |
+ | <ul> | ||
+ | <a href="https://2014.igem.org/Team:Berlin" class="active"><li>Home |</li></a> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Project"><li>Project |</li></a> | ||
+ | <a href="http://igem.berlin/team.php"><li>Team |</li></a> | ||
+ | <a href="http://igem.berlin/safety.php">Safety |</li></a> | ||
+ | <a href="http://igem.berlin/contact.php"><li>Contact |</li></a> | ||
+ | <a href="http://igem.berlin/workshop2014_neu.php"><li>Workshop |</li></a> | ||
+ | <a href="http://igem.berlin/blog.php"><li>Blog</li></a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="footer-imprint"> | ||
+ | ©2014 iGem Berlin, Layout/Umsetzung: Valerian Blos, Marius Wessel | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
- | < | + | <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> |
- | </ | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> |
- | </ | + | <script src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script> |
- | < | + | <script> |
- | + | $(document).ready(function() { | |
- | + | document.title = 'iGEM Berlin 2014 | Team'; | |
- | + | }); | |
- | + | // NAVBAR STYLE | |
- | + | ||
- | + | ||
- | + | $(document).ready(function(){ | |
- | + | // this will get the full URL at the address bar | |
- | + | var url = window.location.href; | |
- | + | // passes on every "a" tag | |
+ | $(".main-menue-ul a").each(function() { | ||
+ | // checks if its the same on the address bar | ||
+ | if(url == (this.href)) { | ||
+ | $(this).children("li").addClass("active"); | ||
+ | $(this).removeClass("main-menue-links"); | ||
- | + | } | |
- | + | }); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | //NAVBAR STYLE | |
+ | $(".main-menue").css("background-color", "transparent"); | ||
+ | $(window).scroll(function() { | ||
+ | if ($(this).scrollTop() >= 240) { | ||
+ | $(".main-menue").css("background-color","rgb(255, 255, 255)"); | ||
+ | } | ||
+ | |||
+ | if ($(this).scrollTop() < 240) { // this refers to window | ||
+ | $(".main-menue").css("background-color","transparent"); | ||
+ | } | ||
+ | |||
+ | }); | ||
- | + | var windowSize = $(window).height(); | |
- | + | $(".site-wrapper").css( "height" , windowSize ); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | // Change iGEM.ORG Wiki Style | |
+ | $("#top-section").addClass("navbar-fixed-top hidden-xs hidden-sm hidden-md"); | ||
+ | $("#top-section").css("background-color","white"); | ||
+ | $(".left-menu").css("float","left"); | ||
+ | $(".right-menu").css("float","right"); | ||
- | + | $( ".left-menu ul li" ).each(function() { | |
- | + | $( this ).css( "margin-right","10px" ); | |
- | + | }); | |
- | + | ||
+ | $( ".right-menu ul li" ).each(function() { | ||
+ | $( this ).css( "margin-left","10px" ); | ||
+ | }); | ||
- | + | $( ".right-menu ul li:last-child" ).css( "margin-right","10px" ); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | $( "html" ).css( "margin-top","-10px" ); | |
- | |||
- | |||
- | </ | + | </script> |
+ | </body> | ||
- | |||
</html> | </html> |
Revision as of 17:43, 5 October 2014