|
|
| Line 1: |
Line 1: |
| − | <html> | + | <html> |
| − | <script type="text/javascript"> | + | <head> |
| − | // The script below will remove all wikistylesheets, so you now have unlimited freedom for inline CSS.
| + | <style type="text/css"> |
| − | | + | body { |
| − | for ( i=0; i<document.styleSheets.length; i++) {
| + | background-color:white; |
| − | void(document.styleSheets.item(i).disabled=true); | + | } |
| | + | |
| | + | p.sansserif { |
| | + | font-family: Arial, Helvetica, sans-serif; |
| | + | } |
| | + | |
| | + | #rcorners1 { |
| | + | border-radius: 25px; |
| | + | background: #FFCE76; |
| | + | padding: 20px; |
| | + | width: 100px; |
| | + | height: 30px; |
| | + | } |
| | + | #rcorners1:hover { |
| | + | border-radius: 25px; |
| | + | background:#E8C560; |
| | + | padding: 20px; |
| | + | width: 100px; |
| | + | height: 30px; |
| | + | } |
| | + | a.one:link {color:2F6CB2;text-decoration:none;} |
| | + | a.one:visited {color:#0000ff;text-decoration:none;} |
| | + | a.one:hover {color:#FFE9C2;text-decoration:none;} |
| | + | |
| | + | p.ex { |
| | + | width: 270px; |
| | + | padding: 0px; |
| | + | margin: 0; |
| | + | } |
| | + | |
| | + | li { |
| | + | display: inline; |
| | + | } |
| | + | |
| | + | img.ex { |
| | + | margin-left: 50px; |
| | } | | } |
| | | | |
| − | </script>
| + | .floating-box { |
| − | </html>
| + | float: left; |
| − | | + | width: 200px; |
| − | {{Team:Berlin/AllCss}}
| + | height: 75px; |
| − | | + | margin: 50px; |
| − | <html lang="en">
| + | |
| − | <body>
| + | |
| − | | + | |
| − | <!-- Begin Cover -->
| + | |
| − | <div class="site-wrapper">
| + | |
| − | | + | |
| − | <!-- 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="https://2014.igem.org/Team:Berlin/Team" class="main-menue-links"><li>Team</li></a>
| + | |
| − | <a href="https://2014.igem.org/Team:Berlin/Safety" class="main-menue-links"><li>Safety</li></a>
| + | |
| − | <a href="https://2014.igem.org/Team:Berlin/Workshop" class="main-menue-links"><li>Workshop</li></a>
| + | |
| − | <a href="https://2014.igem.org/Team:Berlin/Blog" class="main-menue-links"><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>
| + | |
| − | <a style="margin-left:50px;" href="https://2014.igem.org/Team:Berlin" class="main-menue-links"><li style="font-size: 0.7em;">English</li></a>
| + | |
| − | <a href="https://2014.igem.org/Team:Berlin_es" class="main-menue-links"><li style="font-size: 0.7em;">Spanish</li></a> | + | |
| − | <a href="https://2014.igem.org/Team:Berlin_cn" class="main-menue-links"><li style="font-size: 0.7em;">Chinese</li></a> | + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <!-- Burger-Menu -->
| + | |
| − | <div class="navmenu navmenu-default navmenu-fixed-left offcanvas hidden-lg">
| + | |
| − | <a class="navmenu-brand" href="https://2014.igem.org/Team:Berlin"><h1>iGEM Berlin</h1></a>
| + | |
| − | <ul class="nav navmenu-nav">
| + | |
| − | <li><a href="https://2014.igem.org/Team:Berlin" class="active">Home</a></li> | + | |
| − | <li><a href="https://2014.igem.org/Team:Berlin/Project">Project</a></li>
| + | |
| − | <li><a href="https://2014.igem.org/Team:Berlin/Team">Team</a></li>
| + | |
| − | <li><a href="https://2014.igem.org/Team:Berlin/Safety">Safety</a></li>
| + | |
| − | <li><a href="https://2014.igem.org/Team:Berlin/Workshop">Workshop</a></li>
| + | |
| − | <li><a href="https://2014.igem.org/Team:Berlin/Blog">Blog</a></li>
| + | |
| − | <li><a href="https://igem.org/Main_Page" class="igem-link"><img class="igem-logo" src="https://static.igem.org/mediawiki/2014/d/d8/Team_Berlin_igem_logo.png"></a></li>
| + | |
| − | <li>Language:</li>
| + | |
| − | <li><a href="https://2014.igem.org/Team:Berlin"><li style="font-size: 0.9em;">English</a></li>
| + | |
| − | <li> <a href="https://2014.igem.org/Team:Berlin_es" ><li style="font-size: 0.9em;">Spanish</a></li>
| + | |
| − | <li> <a href="https://2014.igem.org/Team:Berlin_cn"><li style="font-size: 0.9em;">Chinese</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <!-- Burger Icon -->
| + | |
| − | <div class="navbar navbar-default navbar-fixed-top hidden-lg">
| + | |
| − | <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body">
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | </button>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="jumbotron jumbotron-home">
| + | |
| − | <h1 class="cover-heading green bubble">iGEM BERLIN</h1>
| + | |
| − | <p class="teaser">
| + | |
| − | Remote-controlled E. coli bacteria?
| + | |
| − | That’s the aim of the interdisciplinary iGEM Team Berlin! <br />
| + | |
| − | </p>
| + | |
| − | <div id="main-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src="https://static.igem.org/mediawiki/2014/9/9a/Team_Berlin_igem_arrow_down.png"> </a></div>
| + | |
| − | </div>
| + | |
| − | </div> <!-- End Cover -->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- Magnetic Ecoli Banner -->
| + | |
| − | <section data-speed="1" data-type="background">
| + | |
| − | <div class="container-fluid container-green" style="margin:0;">
| + | |
| − | <div class="row featurette" id="main-featurette-row">
| + | |
| − | | + | |
| − | <div class="col-xs-12">
| + | |
| − | <div class="start-text-container" id="container1">
| + | |
| − | <h2><img id="" src="https://static.igem.org/mediawiki/2014/f/ff/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />Magnetic E. coli?</h2>
| + | |
| − |
| + | |
| − | <p>
| + | |
| − | The bacteria shall be optimized for the absorption and synthesis of iron in order to
| + | |
| − | remote-control them magnetically. Small and efficient E. coli units with various areas
| + | |
| − | of use shall be the result.<br><br>These cells are attractive as they offer new solutions in bio therapeutics, bio materials and bio process engineering. Furthermore, we want to use these cells as remote controlled bacteria that can be controlled by a real time computer interface.</p>
| + | |
| − | <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button>
| + | |
| − | <a href="https://2014.igem.org/Team:Berlin/Project" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div id="ecoli-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src="https://static.igem.org/mediawiki/2014/3/37/Team_Berlin_igem_arrow_down_white.png"/> </a></div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <!-- Background Section 1 -->
| + | |
| − | <section id="background1" class="background-size hidden-xs hidden-sm hidden-md" data-speed="15" data-type="background" >
| + | |
| − | <div class="container"></div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- Iron Row (2) -->
| + | |
| − | <section data-speed="1" data-type="background">
| + | |
| − | <div class="container-fluid container-green" style="margin:0;">
| + | |
| − | <div class="row featurette" id="first-featurette-row">
| + | |
| − | | + | |
| − | <div class="col-xs-12">
| + | |
| − | <div class="start-text-container" id="container2">
| + | |
| − | <h2><img src="https://static.igem.org/mediawiki/2014/f/ff/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />Project</h2>
| + | |
| − |
| + | |
| − | <p>In October 2014, a team of Berlin students from a variety of backgrounds are participating
| + | |
| − | for the first time in the international genetically engineered machines competition.
| + | |
| − | For our project, the iGEM Berlin team has decided to make E. coli bacteria susceptible to
| + | |
| − | magnetic fields. By knocking out the iron efflux transporter (FieF) and iron uptake
| + | |
| − | suppressor (FUR), we want to increase the total iron level of the cytosol. By sequestering
| + | |
| − | iron in a ferritin protein, iron crystals are formed and the cell is detoxified. In order
| + | |
| − | to create ferromagnetic of super paramagnetic crystals, we will then use an intensive high
| + | |
| − | through put media optimization to discover the best conditions for the formation of magnetic
| + | |
| − | nanoparticles in E. coli. Furthermore, we will work with other metal binding proteins like
| + | |
| − | metallothioneins and phytochelatin synthases in order to achieve nanoparticle synthesis in
| + | |
| − | E. coli. Once we have discovered the best way to magnetize E. coli bacteria we will build
| + | |
| − | and characterize a suitable BioBrick that can be used by any research lab or iGEM team in
| + | |
| − | the world in order to remote control the movement of E. coli cells.</p>
| + | |
| − | <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button>
| + | |
| − | <a href="https://2014.igem.org/Team:Berlin/Project" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="project-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src="https://static.igem.org/mediawiki/2014/3/37/Team_Berlin_igem_arrow_down_white.png"> </a></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <!-- Background Section 2 -->
| + | |
| − | <section id="background2" class="background-size hidden-xs hidden-sm hidden-md" data-speed="15" data-type="background">
| + | |
| − | <div class="container"></div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <!-- Iron Row (2) -->
| + | |
| − | <section data-speed="1" data-type="background">
| + | |
| − | <div class="container-fluid container-green" style="margin:0;">
| + | |
| − | <div class="row featurette" id="team-featurette-row">
| + | |
| | | | |
| − | <div class="col-xs-12">
| + | } |
| − | <div class="start-text-container" id="container3">
| + | h1.ex { |
| − | <h2><img src="https://static.igem.org/mediawiki/2014/f/ff/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />Team</h2>
| + | margin-left: 50px |
| − |
| + | } |
| − | <p>Our team is made up of 17 undergraduates and postgraduates from a wide range of disciplines as well as our supervisors. The first iGEM Team Berlin 2014 is an assembly of highly motivated students from different universitys.
| + | |
| − | Due to the multidisciplinarity our team is able to find different strategies to solve complex problems in synthetic biology.
| + | |
| − | Hosted by Prof. Dr. Nediljko Budisa from the TU Berlin, our lab is
| + | |
| − | located at the Müller-Breslau-Straße 10, 10623 Berlin. Come by for a visit (Monday 5 pm).</p>
| + | |
| − | <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button>
| + | |
| − | <a href="https://2014.igem.org/Team:Berlin/Team" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="team-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src="https://static.igem.org/mediawiki/2014/3/37/Team_Berlin_igem_arrow_down_white.png"> </a></div>
| + | |
| − | </div> | + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <!-- Background Section 3 -->
| + | |
| − | <section id="background3" class="background-size hidden-xs hidden-sm hidden-md" data-speed="20" data-type="background">
| + | |
| − | <div class="container"></div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | | + | |
| − | <!-- Iron Row (2) -->
| + | |
| − | <section data-speed="1" data-type="background">
| + | |
| − | <div class="container-fluid container-green" style="margin:0;">
| + | |
| − | <div class="row featurette" id="blog-featurette-row">
| + | |
| − | | + | |
| − | <div class="col-xs-12">
| + | |
| − | <div class="start-text-container" id="container4">
| + | |
| − | <h2><img src="https://static.igem.org/mediawiki/2014/f/ff/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />Safety</h2>
| + | |
| − |
| + | |
| − | <p>
| + | |
| − | Our country uses a four-part „Safety Level“ rating system for laboratories. Level 4 is used for the most dangerous organisms.
| + | |
| − | This is equivalent to the WHO system. The Safety Level of our lab is Level 1 (low risk).
| + | |
| − | </p>
| + | |
| − | <!-- <p>Follow the activities around the iGEM Team Berlin. Interviews, reports and other news you will find here!</p> -->
| + | |
| − | <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button>
| + | |
| − | <a href="https://2014.igem.org/Team:Berlin/Safety" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
| + | |
| − | </div>
| + | |
| − | </div> | + | |
| − | | + | |
| − | </div> | + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | <!-- Background Section 4 -->
| + | |
| − | <section id="background4" class="background-size hidden-xs hidden-sm hidden-md" data-speed="27" data-type="background">
| + | |
| − | <div class="container"></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">
| + | .after-box { |
| − | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | + | clear: left; |
| − | <img src="https://static.igem.org/mediawiki/2014/8/86/Team_Berlin_roth_logo.png" class="img-responsive grayscale">
| + | } |
| − | </div>
| + | </style> |
| | + | </head> |
| | + | <body> |
| | | | |
| − | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | + | <table style="color:black;" class="sansserif" align=center> |
| − | <img src="https://static.igem.org/mediawiki/2014/c/cd/Team_Berlin_GvF_Logo.png" class="img-responsive grayscale">
| + | <tr> |
| − | </div>
| + | <td id="rcorners1" align=center > <a class="one" href="https://2015.igem.org/TEAM:METU_Turkey/">HOME</a></td> |
| − | | + | <td id="rcorners1" align=center> <a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_TEAM">TEAM</a> </td> |
| − | <div class="col-sm-2 col-sm-offset-1 col-xs-3">
| + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_PROJECT">PROJECT</a></td> |
| − | <img src="https://static.igem.org/mediawiki/2014/4/4a/Team_Berlin_BioLabs_logo.png" class="img-responsive grayscale">
| + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_PARTS">PARTS</a></td> |
| − | </div> | + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_NOTEBOOK">NOTEBOOK</a></td> |
| | + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_ATTRIBUTIONS">ATTRIBUTIONS</a></td> |
| | + | </tr> |
| | + | <tr> |
| | + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_COLLABORATIONS">COLLABORATIONS</a></td> |
| | + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_POLICY_PRACTICE">POLICY & PRACTICE</a></td> |
| | + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_SAFETY">SAFETY</a></td> |
| | + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_MODELING">MODELING</a></td> |
| | + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_MEASUREMENT">MEASUREMENT</a></td> |
| | + | <td id="rcorners1" align=center><a class="one" href="https://2015.igem.org/TEAM:METU_Turkey_ENTREPRENEURSHIP">ENTREPRENEURSHIP</a></td> |
| | + | </tr> |
| | + | </table> |
| | | | |
| − | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | + | <img align=center src="https://static.igem.org/mediawiki/2015/f/f9/LO_ODTU_METU_ACIK_RENKLI_ZEMIN.png" width="800"> |
| − | <img src="https://static.igem.org/mediawiki/ 2014/ c/ c1/ Team_Berlin_Promega_logo. png" class=" img-responsive grayscale"> | + | |
| − | </div> | + | <h1 class="ex">TEAM MEMBERS</h1> |
| − | </div>
| + | <div class="floating-box"> |
| − |
| + | <img src="https://static.igem.org/mediawiki/ 2015/ 7/ 71/ IGEM_ILKEM_2015_1. jpg" width=" 270px" height="270px"> |
| − | <div class=" row sponsor- img-row"> | + | <p class=ex align=center>ILKEM KUMRU<br>Hello dear iGEMers, it's Ilkem Kumru here, a senior student in Biology Department of Middle East Technical University. This is my third year in iGEM. I am the team leader of this year's team. I take part in WetLab, P&P, Modeling, wiki designing and everything else. I always wanted to be even a small piece of biological sciences from my childhood. I am extremely happy to take place in METU iGEM Team, where everyone works with enthusiasm and excitement to discover new frontiers. A biology laboratory where we work iGEM is the place where I can live and work till death , and it is also the only place where I feel as immortal as my love of science.</p> |
| − | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | + | </div> |
| − | <img src="https://static.igem.org/mediawiki/ 2014/7/ 71/ Team_Berlin_Agrarboerse_logo.png" class=" img-responsive grayscale"> | + | <div class=" floating- box"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/7/73/IGEM_DORUKCAN_2015_1.png" width=270px height="270px"> |
| | + | <p class=ex align=center>DORUKCAN OZKOSE<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae lacinia mauris. Aenean sed mi at nunc vestibulum aliquam. Maecenas id laoreet enim. Curabitur eleifend ac mauris quis molestie. Curabitur pulvinar pharetra dolor ut efficitur. Proin faucibus sit amet augue non bibendum. Vestibulum dictum massa et luctus volutpat.</p> |
| | </div> | | </div> |
| | + | <div class="floating-box"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/a/ab/IGEM_2015_UGURCAN_1.jpg" width="270px" height="270px"> |
| | + | <p class=ex align=center>UGURCAN SAKIZLI<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae lacinia mauris. Aenean sed mi at nunc vestibulum aliquam. Maecenas id laoreet enim. Curabitur eleifend ac mauris quis molestie. Curabitur pulvinar pharetra dolor ut efficitur. Proin faucibus sit amet augue non bibendum. Vestibulum dictum massa et luctus volutpat.</p> |
| | | | |
| − | <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>
| |
| − |
| |
| − | <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 class="col-sm-2 col-sm-offset-1 col-xs-3">
| |
| − | <img src="https://static.igem.org/mediawiki/parts/c/cb/Team_Berlin_florian_renner_logo.png" class="img-responsive grayscale">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div> <!-- End Sponsors -->
| |
| − | </section>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!-- Begin Footer -->
| |
| − | <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">
| |
| − | <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="https://2014.igem.org/Team:Berlin/Team"><li>Team |</li></a>
| |
| − | <a href="https://2014.igem.org/Team:Berlin/Safety">Safety |</li></a>
| |
| − | <a href="https://2014.igem.org/Team:Berlin/Workshop"><li>Workshop |</li></a>
| |
| − | <a href="https://2014.igem.org/Team:Berlin/Blog"><li>Blog</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="footer-imprint">
| |
| − | ©2014 iGem Berlin, Layout/Implementation: 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 | Home | @igem.org';
| |
| − | });
| |
| − | // 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");
| |
| − |
| |
| − | }
| |
| − | });
| |
| − | });
| |
| − |
| |
| − |
| |
| − | // my scroll to
| |
| − | $("#main-button").click(function() {
| |
| − | $('html, body').animate({
| |
| − | scrollTop: $("#main-featurette-row").offset().top - 57
| |
| − | }, 720);
| |
| − | });
| |
| − |
| |
| − | // my scroll to
| |
| − | $("#ecoli-button").click(function() {
| |
| − | $('html, body').animate({
| |
| − | scrollTop: $("#first-featurette-row").offset().top - 57
| |
| − | }, 800);
| |
| − | });
| |
| − |
| |
| − | // my scroll to
| |
| − | $("#project-button").click(function() {
| |
| − | $('html, body').animate({
| |
| − | scrollTop: $("#team-featurette-row").offset().top - 57
| |
| − | }, 800);
| |
| − | });
| |
| − |
| |
| − | // my scroll to
| |
| − | $("#team-button").click(function() {
| |
| − | $('html, body').animate({
| |
| − | scrollTop: $("#blog-featurette-row").offset().top - 57
| |
| − | }, 800);
| |
| − | });
| |
| − |
| |
| − |
| |
| − | $(document).ready(function(){
| |
| − | // cache the window object
| |
| − | $window = $(window);
| |
| − |
| |
| − | $('section[data-type="background"]').each(function(){
| |
| − | // declare the variable to affect the defined data-type
| |
| − | var $scroll = $(this);
| |
| − |
| |
| − | $(window).scroll(function() {
| |
| − | // HTML5 proves useful for helping with creating JS functions!
| |
| − | // also, negative value because we're scrolling upwards
| |
| − | var yPos = -($window.scrollTop() / $scroll.data('speed'));
| |
| − |
| |
| − | // background position
| |
| − | var coords = '80% '+ yPos + 'px';
| |
| − |
| |
| − | // move the background
| |
| − | $scroll.css({ backgroundPosition: coords });
| |
| − | }); // end window scroll
| |
| − | }); // end section function
| |
| − |
| |
| − | $("#section-B").hide();
| |
| − | $("#section-C").hide();
| |
| − | $("#C-up").hide();
| |
| − | $("#B-up").hide();
| |
| − |
| |
| − | $("#show-B").click(function(){
| |
| − | $("#section-B").slideToggle();
| |
| − | $("#B-up").toggle();
| |
| − | $("#B-down").toggle();
| |
| − | });
| |
| − |
| |
| − | $("#show-C").click(function(){
| |
| − | $("#section-C").slideToggle();
| |
| − | $("#C-up").toggle();
| |
| − | $("#C-down").toggle();
| |
| − | });
| |
| − |
| |
| − | }); // close out script
| |
| − |
| |
| − |
| |
| − | //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> | | </body> |
| − |
| |
| | </html> | | </html> |
