Team:ETH Zurich/Templates/Test2

From 2013.igem.org

(Difference between revisions)
 
(7 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="min-width:50%; float: left;">
+
-
<div style="max-width:600px; margin: auto;">
+
-
  <ul class="bxslider" >
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/f/f7/Team_picture.JPG" />
+
-
    </li>
+
-
<li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/thumb/3/37/Infoprofinal.png/799px-Infoprofinal.png" usemap="#map" id="imagemap"/>
+
-
<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>
+
-
    </li>
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/thumb/6/64/Team_pic_no_me_2.jpg/800px-Team_pic_no_me_2.jpg" />
+
-
    </li>
+
-
 
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/thumb/7/7e/Spiral_plate.jpg/800px-Spiral_plate.jpg" />
+
-
    </li>
+
-
 
+
-
  <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/3/30/Lab1.png" />
+
-
    </li>
+
-
 
+
-
  </ul>
+
-
</div></div>
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
  $('.bxslider').bxSlider();
+
-
});
+
-
</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: