Template:ETHZ Basel10 Teaser

From 2010.igem.org

(Difference between revisions)
Line 103: Line 103:
.image_thumb ul li:hover {
.image_thumb ul li:hover {
background: #B6F3BF;
background: #B6F3BF;
-
cursor: hand;
+
cursor: pointer;
}
}
html .image_thumb ul li h2 {
html .image_thumb ul li h2 {
Line 139: Line 139:
<div id="main" class="container">
<div id="main" class="container">
<div class="main_image" id="motivation">
<div class="main_image" id="motivation">
 +
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Motivation" class="teaserlink">
<img src="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png">
<img src="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png">
<div class="desc" style="display: block; ">
<div class="desc" style="display: block; ">
<div class="block">
<div class="block">
-
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Motivation" class="teaserlink">
 
<h2>Motivation & Project Idea</h2>
<h2>Motivation & Project Idea</h2>
<small>What is E. lemming?</small>
<small>What is E. lemming?</small>
<p>E. lemming is the 2010 iGEM project of ETH Zurich. We intend to control movement of a single <i>E. coli</i> bacterium by hijacking chemotaxis and monitoring of position and direction of the bacterium by image processing algorithms, which are linked to a controller device. Find out more about our motivation and project idea!</p>
<p>E. lemming is the 2010 iGEM project of ETH Zurich. We intend to control movement of a single <i>E. coli</i> bacterium by hijacking chemotaxis and monitoring of position and direction of the bacterium by image processing algorithms, which are linked to a controller device. Find out more about our motivation and project idea!</p>
-
</a>
+
</div>
</div>
</div>
-
</div>
+
</a>
</div>
</div>
<div class="main_image" id="movie">
<div class="main_image" id="movie">
-
<img src="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png">
+
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Movie" class="teaserlink">
-
<div class="desc" style="display: block; ">
+
<img src="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png">
-
<div class="block">
+
<div class="desc" style="display: block; ">
-
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Movie" class="teaserlink">
+
<div class="block">
-
<h2>E. lemming - The Movie</h2>
+
<h2>E. lemming - The Movie</h2>
-
<small>Watch a short animation of the project idea!</small>
+
<small>Watch a short animation of the project idea!</small>
-
+
-
<p>We created a short animation about the project idea and general concept of E. lemming. Find out, how we combine biology and information processing to create E. lemming.</p>
+
<p>We created a short animation about the project idea and general concept of E. lemming. Find out, how we combine biology and information processing to create E. lemming.</p>
-
</a>
+
</div>
</div>
</div>
-
</div>
+
</a>
</div>
</div>
<div class="main_image" id="biology">
<div class="main_image" id="biology">
-
<img src="https://static.igem.org/mediawiki/2010/3/3f/ETHZ_Basel_teaser_biology.png">
+
<a href="https://2010.igem.org/Team:ETHZ_Basel/Biology" class="teaserlink">
-
<div class="desc" style="display: block; ">
+
<img src="https://static.igem.org/mediawiki/2010/3/3f/ETHZ_Basel_teaser_biology.png">
-
<div class="block">
+
<div class="desc" style="display: block; ">
-
<a href="https://2010.igem.org/Team:ETHZ_Basel/Biology" class="teaserlink">
+
<div class="block">
-
<h2>Biology & Wet Laboratory</h2>
+
<h2>Biology & Wet Laboratory</h2>
-
<small>How is it implemented?</small>
+
<small>How is it implemented?</small>
-
+
-
<p>By coupling proteins of the chemotaxis pathway to a synthetic light-sensitive spatial localization system, their activity can be controlled reversibly. To find out more about our project on the molecular level and to find information regarding the biological implementation and an overview about the conducted wet laboratory experiments, visit this section.</p>
+
<p>By coupling proteins of the chemotaxis pathway to a synthetic light-sensitive spatial localization system, their activity can be controlled reversibly. To find out more about our project on the molecular level and to find information regarding the biological implementation and an overview about the conducted wet laboratory experiments, visit this section.</p>
-
</a>
+
</div>
</div>
</div>
-
</div>
+
</a>
</div>
</div>
<div class="main_image" id="modeling">
<div class="main_image" id="modeling">
-
<img src="https://static.igem.org/mediawiki/2010/1/16/ETHZ_Basel_teaser_molecular_models.png">
+
<a href="https://2010.igem.org/Team:ETHZ_Basel/Modeling" class="teaserlink">
-
<div class="desc" style="display: block; ">
+
<img src="https://static.igem.org/mediawiki/2010/1/16/ETHZ_Basel_teaser_molecular_models.png">
-
<div class="block">
+
<div class="desc" style="display: block; ">
-
<a href="https://2010.igem.org/Team:ETHZ_Basel/Modeling" class="teaserlink">
+
<div class="block">
-
<h2>Mathematical Modeling</h2>
+
<h2>Mathematical Modeling</h2>
-
<small>How does modeling help?</small>
+
<small>How does modeling help?</small>
-
+
-
<p>Mathematical modeling supports analysis of biological systems since the advent of synthetic biology. Find out, how this not only supported wet laboratory experiments by providing time and effort alleviating network structure and experimental setup selection, but also provided a test bench for the information processing part.</p>
+
<p>Mathematical modeling supports analysis of biological systems since the advent of synthetic biology. Find out, how this not only supported wet laboratory experiments by providing time and effort alleviating network structure and experimental setup selection, but also provided a test bench for the information processing part.</p>
-
</a>
+
</div>
</div>
</div>
-
</div>
+
</a>
</div>
</div>
<div class="main_image" id="information">
<div class="main_image" id="information">
-
<img src="https://static.igem.org/mediawiki/2010/2/21/ETHZ_Basel_teaser_information_processing.png">
+
<a href="https://2010.igem.org/Team:ETHZ_Basel/InformationProcessing" class="teaserlink">
-
<div class="desc" style="display: block; ">
+
<img src="https://static.igem.org/mediawiki/2010/2/21/ETHZ_Basel_teaser_information_processing.png">
-
<div class="block">
+
<div class="desc" style="display: block; ">
-
<a href="https://2010.igem.org/Team:ETHZ_Basel/InformationProcessing" class="teaserlink">
+
<div class="block">
-
<h2>Information Processing</h2>
+
<h2>Information Processing</h2>
-
<small>How is it controlled?</small>
+
<small>How is it controlled?</small>
-
+
-
<p>Implementation of a comprehensive information processing workflow for controlling E. lemming was achieved by combination of microscopy, image processing, cell detection and a controller. Find out more about how this not only created E. lemming but also created a new application for synthetic biology: Gaming!</p>
+
<p>Implementation of a comprehensive information processing workflow for controlling E. lemming was achieved by combination of microscopy, image processing, cell detection and a controller. Find out more about how this not only created E. lemming but also created a new application for synthetic biology: Gaming!</p>
-
</a>
+
</div>
</div>
</div>
-
</div>
+
</a>
</div>
</div>
<div class="main_image" id="achievements">
<div class="main_image" id="achievements">
-
<img src="https://static.igem.org/mediawiki/2010/9/90/ETHZ_Basel_teaser_achievements.png">
+
<a href="https://2010.igem.org/Team:ETHZ_Basel/Achievements" class="teaserlink">
-
<div class="desc" style="display: block; ">
+
<img src="https://static.igem.org/mediawiki/2010/9/90/ETHZ_Basel_teaser_achievements.png">
-
<div class="block">
+
<div class="desc" style="display: block; ">
-
<a href="https://2010.igem.org/Team:ETHZ_Basel/Achievements" class="teaserlink">
+
<div class="block">
-
<h2>Achievements</h2>
+
<h2>Achievements</h2>
-
<small>What was achieved?</small>
+
<small>What was achieved?</small>
-
+
-
<p>We created for E. lemming a BioBrick and a Matlab Toolkit. Find out, how this tools can be used for similar projects and learn more about the unique interworking between computer science and biology, which was necessary for the success of E. lemming.</p>
+
<p>We created for E. lemming a BioBrick and a Matlab Toolkit. Find out, how this tools can be used for similar projects and learn more about the unique interworking between computer science and biology, which was necessary for the success of E. lemming.</p>
-
</a>
+
</div>
</div>
</div>
-
</div>
+
</a>
</div>
</div>
<div class="image_thumb">
<div class="image_thumb">

Revision as of 20:17, 20 October 2010

  • Motivation & Project Idea

    What is E. lemming?
  • E. lemming - The Movie

    Watch a short animation of the project idea!
  • Biology & Wet Laboratory

    How is it implemented?
  • Mathematical Modeling

    How does modeling help?
  • Information Processing

    How is it controlled?
  • Achievements

    What was achieved?