Team:ETH Zurich/Templates/Test2

From 2013.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 2: Line 2:
{{:Team:ETH_Zurich/Templates/stylesheet}}
{{:Team:ETH_Zurich/Templates/stylesheet}}
 +
Testvideos:
-
<html>
+
{{:Team:ETH Zurich/Templates/Video|
-
<style type="text/css">
+
width=640px|
-
#picture {
+
id=video1|
-
  -webkit-transform: rotate(10deg);
+
ratio=16/9|
-
  -moz-transform: rotate(10deg);
+
srcMP4=<html>http://praegnanz.de/html5video/player/video_SD.mp4</html>|
-
  transform: rotate(10deg);
+
srcWEBM=<html>http://praegnanz.de/html5video/player/video_SD.webm</html>}}
-
  padding:40px;
+
-
  float:right;
+
-
}
+
-
#pipette {
+
-
position:static;
+
-
margin-top:500px;
+
-
margin-left:300px;
+
-
}
+
-
ul.bxslider
+
-
{
+
-
    margin: auto;
+
-
}
+
-
</style>
+
-
</html>
+
-
<html>
+
{{:Team:ETH Zurich/Templates/Video|
-
<div style="float:left;font-style:verdana;font-size:40px;color:white">ETH's Colisweeper!</div><br><br>
+
width=800px|
-
<div style="position:static;margin-left:20%;color:white;font-size:32px;">- beware not to step on a mine</div>
+
id=video2|
-
</html>
+
ratio=16/9|
-
 
+
srcMP4=<html>http://uberelectron.s3.amazonaws.com/uberelectron1.mp4</html>}}
-
 
+
-
<html>
+
-
<div style="width: 100%; max-width: 660px; float: left;">
+
-
  <ul class="bxslider" >
+
-
    <li>
+
-
      <a href="https://2013.igem.org/Team:ETH_Zurich/Team"><img src="https://static.igem.org/mediawiki/2013/f/f7/Team_picture.JPG" /></a>
+
-
      <p style="font-size:16px"><b>Team</b><br>We are a team of seven Bachelor- and Master Students at the ETH Zurich with backgrounds in Biotechnology,  Biomedical Engineering, Neurobiology and Bioinformatics. The iGEM project is located at the Department for Biosystems and Engineering in Basel.If you're around Basel, be sure to visit our team's lab to play some really fun Colisweeper!</p>
+
-
    </li>
+
-
      <li>
+
-
      <a href="https://2013.igem.org/Team:ETH_Zurich/Project"<img src=""/></a>
+
-
      <p style="font-size:15px"><b>From Minesweeper to Colisweeper</b><br>Almost all the features known from the original Minesweeper game can be found in Colisweeper as well. The gamefield is replaced by mine and non-mine colonies on a agar plate.Due to AHL communication and signal processing, they express different hydrolase enzymes. Through pipetting the colorless substrate solutions turn into different colors which indicates the role of the played colony. You always have the possibility to mark colonies as mines with flags using the second substrate solution.
+
-
</p>
+
-
      </li>
+
-
<li>
+
-
 
+
-
      <img src="https://static.igem.org/mediawiki/2013/thumb/3/37/Infoprofinal.png/799px-Infoprofinal.png" usemap="#map" id="imagemap" height="550"/>
+
-
<map id="map" name="map"><area id="img1" shape="poly" alt="" title="Project" coords="53,81,31,91,18,115,10,136,12,162,30,189,49,201,79,196,98,175,103,138,97,112,87,94,70,80" href="https://2013.igem.org/Team:ETH_Zurich/Project" target=""/><area shape="poly" alt="" title="Diffusion tests" coords="113,86,258,81,260,73,282,96,260,117,260,108,108,107,110,97" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_2" target="" /><area shape="poly" alt="" title="Constructs" coords="481,146,458,147,433,197,439,233,460,261,487,268,512,256,525,235,530,199,518,164,495,145,482,143" href="https://2013.igem.org/Team:ETH_Zurich/Experiments" target="" /><area shape="poly" alt="" title="Enzyme-substrates" coords="452,312,425,291,388,278,364,277,318,298,297,327,308,360,328,377,359,388,400,387,433,376,453,357,459,331" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_3" target="" /><area shape="poly" alt="" title="Gameplay" coords="201,235,197,254,323,258,323,235,259,234,225,233" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_6" target="" /><area shape="circle" alt="" title="Phoa" coords="103,303,19" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="GusA" coords="165,291,19" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="LacZ" coords="93,356,18" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="" coords="157,351,1" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="LacZ" coords="141,328,19" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /><area shape="circle" alt="" title="Aes" coords="169,370,18" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7" target="" /></map>
+
-
 
+
-
    <p style="font-size:15px"><b>Information Processing</b><br> Our non-mine cells are able to distinguish between different concentrations of AHL and to translate this information into the expression of different sets of enzymes. They use LuxR promoters with different sensitivities as highpass filters. The promoters were created using site-saturation mutagenesis. Through Mutation of the LuxR binding sites the affinities were changed successfully.</p>
+
-
    </li>
+
-
 
+
-
    <li>
+
-
      <a href="https://2013.igem.org/Team:ETH_Zurich/Experiments_7"><img src=""/></a>   
+
-
      <p style="font-size:15px"><b>Hydrolase Reactions</b><br> Enabling a fast interaction with our system,the hydrolytic enzymes generated as a signal response are an important feature of our game. We used Alkaline Phosphatase(PhoA), Beta-galactosidase(LacZ), Acetyl esterase(Aes), Glycoside hydrolase(NagZ) and Beta-glucuronidase(GusA) and their respective substrates to achieve fast and colorful outputs.</p>
+
-
    </li>
+
-
        <li>
+
-
      <a href="https://2013.igem.org/Team:ETH_Zurich/GFP"><img src=""/></a>   
+
-
      <p style="font-size:15px"><b>The Model</b><br>We constantly tried to validate and improve our system using a spatio-temporal model.
+
-
</p>
+
-
    </li>
+
-
        <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/a/af/Experimentslide3.png" usemap="#map2" map id="imagemap2" height="550"/>
+
-
<map id="imagemap2" name="#map2"><area shape="rect" alt="" title="PluxRmutations" coords="16,14,421,308" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_5" target="" /><area shape="rect" alt="" title="Diffusion tests" coords="441,18,855,315" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_2" target="" /><area shape="rect" alt="" title="Enzyme substrate tests" coords="23,321,444,725" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_3" target="" /><area shape="rect" alt="" title="Gameplay" coords="459,317,851,724" href="https://2013.igem.org/Team:ETH_Zurich/Experiments_6" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>
+
-
+
-
      <p style="font-size:15px"><b>Experiments</b><br>Starting with characterization of the AHL diffusion in agar plates we soon went on to test different sender and receiver-cell set ups using GFP as a readable output. In parallel the promoter mutagenesis and screening as well as the testing and characterizing of different substrates on the hydrolases was done.</p>
+
-
    </li>
+
-
 
+
-
      <li>
+
-
      <a href="https://2013.igem.org/Team:ETH_Zurich/Human"><img src="https://static.igem.org/mediawiki/2013/d/d5/Human_practices1.png" /></a>
+
-
      <p style="font-size:15px"><b>Human practices</b><br>As a continuation of our laboratory project we analyzed the relationship between synthetic biology and games. For one thing synthetic biology can be used to play common games in a new way, possibly for educational purposes or as a basis for proof-of-principle experiments for new circuits. More recently synthetic biologists also started to use games as a research tool, an innovative approach to make use of crowdsourcing and distributed computing. We want to find correlations and discuss possible consequences for Synthetic Biology.</p>
+
-
    </li>
+
-
 
+
-
  </ul>
+
-
</div>
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
  slider = $('.bxslider').bxSlider();
+
-
  $('.bx-viewport').bind('mousewheel', function(event, delta, deltaX, deltaY) {
+
-
            event.preventDefault();
+
-
            if (delta < 0) {slider.goToNextSlide();}
+
-
            else {slider.goToPrevSlide();}
+
-
          });
+
-
});
+
-
 
+
-
</script>
+
-
<div style="min-width:50%;  float: right;">
+
-
<div style="max-width:640px; margin-left: auto; margin-right: auto;">
+
-
    <video id="player_a" class="projekktor" poster="media/intro.png" title="this is Projekktor" width="640" height="360" controls>
+
-
<source src="http://praegnanz.de/html5video/player/video_SD.mp4" type="video/mp4" />       
+
-
<source src="http://praegnanz.de/html5video/player/video_SD.webm" type="video/webm" />
+
-
    </video>
+
-
</div>
+
-
</div>
+
-
 
+
-
    <script type="text/javascript">
+
-
$(document).ready(function() {
+
-
    projekktor(
+
-
                '#player_a', // destination-container-selector-fuzz a la jQuery
+
-
                {}, // an empty Projekktor-ccofig-object
+
-
                function(player) { // "onready" callback -
+
-
                   
+
-
                }
+
-
    );
+
-
});
+
-
    </script>
+
-
 
+
-
</html>
+

Latest revision as of 12:53, 23 September 2013

Header2.png
80px-Eth igem logo.png

Testvideos: