Team:Osaka/WORKS

From 2009.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 3: Line 3:
<h1 style="text-align: left">WORKS</h1>
<h1 style="text-align: left">WORKS</h1>
-
   <div id="CollapsiblePanel0" class="CollapsiblePanel">  
+
   <div id="CollapsiblePanel2" class="CollapsiblePanel">  
-
   <div class="CollapsiblePanelTab" tabindex="0">  
+
   <div class="CollapsiblePanelTab" tabindex="0">
-
     <h2>BioMario</h2></div>  
+
     <h2>Mandala</h2></div>  
   <div class="CollapsiblePanelContent">  
   <div class="CollapsiblePanelContent">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<img src="https://static.igem.org/mediawiki/2009/4/40/Mario1.gif" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/8/87/Mandala1s.jpg" onclick="showimg1(1)" style="margin:5px -1px 0px 0px" />
-
<img src="https://static.igem.org/mediawiki/2009/b/be/Mario2.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/d/d3/Mandala2s.jpg" onclick="showimg1(2)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/0/0e/Mario3.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/5/52/Mandala3s.jpg" onclick="showimg1(3)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/d/d0/Invader1.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/7/79/Mandala4s.jpg" onclick="showimg1(4)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/6/60/Invader2.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/6/6a/Mandala5s.jpg" onclick="showimg1(5)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/1/1b/Invader3.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/9/96/Mandala6s.jpg" onclick="showimg1(6)" style="margin:5px 0px 0px -1px" />
</div>
</div>
-
<br>
+
<div align="center" class=""obj">
-
<div align="center" class=""target">
+
<img name="obj1" src="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg" style="margin:1px 0px 5px 0px" />
-
<img width="500px" height="500px" src="https://static.igem.org/mediawiki/2009/4/40/Mario1.gif">
+
</div><br>  
-
</div><br> </div>  
+
  </div>  
   </div>  
   </div>  
-
 
+
   <div id="CollapsiblePanel0" class="CollapsiblePanel">  
-
   <div id="CollapsiblePanel1" class="CollapsiblePanel">  
+
   <div class="CollapsiblePanelTab" tabindex="0">  
   <div class="CollapsiblePanelTab" tabindex="0">  
-
     <h2>Cocktail</div>  
+
     <h2>BioMario</h2></div>  
   <div class="CollapsiblePanelContent">  
   <div class="CollapsiblePanelContent">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<img src="https://static.igem.org/mediawiki/2009/e/e0/Cocktail1.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/f/fd/Mario1s.jpg" onclick="showimg2(1)" style="margin:5px -1px 0px 0px" />
-
<img src="https://static.igem.org/mediawiki/2009/f/ff/Cocktail2.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/b/b7/Mario2s.jpg" onclick="showimg2(2)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/7/71/Cocktail3.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/6/69/Mario3s.jpg" onclick="showimg2(3)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/d/d8/Cocktail4.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/d/d1/Invader1s.jpg" onclick="showimg2(4)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/d/d7/Cocktail5.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/0/09/Invader2s.jpg" onclick="showimg2(5)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/6/6d/Cocktail6.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/a/ad/Invader3s.jpg" onclick="showimg2(6)" style="margin:5px 0px 0px -1px" />
</div>
</div>
-
<br>
+
<div align="center" class=""obj">
-
<div align="center" class=""target">
+
<img name="obj2" src="https://static.igem.org/mediawiki/2009/4/40/Mario1.gif" style="margin:1px 0px 5px 0px">
-
<img width="500px" height="500px" src="https://static.igem.org/mediawiki/2009/e/e0/Cocktail1.jpg">
+
</div><br>
-
</div><br>  </div>  
+
   </div>  
-
   </div>
+
   </div>  
-
  <div id="CollapsiblePanel2" class="CollapsiblePanel">  
+
<div id="CollapsiblePanel4" class="CollapsiblePanel">  
-
   <div class="CollapsiblePanelTab" tabindex="0">
+
   <div class="CollapsiblePanelTab" tabindex="0">  
-
     <h2>Mandala</h2></div>  
+
     <h2>Rinne</h2></div>  
   <div class="CollapsiblePanelContent">  
   <div class="CollapsiblePanelContent">  
-
<div align="center" class="thumbnail">
+
<div align="center">
-
<img src="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg" width="100" height="100" />
+
<embed src="https://static.igem.org/mediawiki/2009/7/72/Rinne.mov" width="605px" height="615px" style="margin:5px 0px 5px 0px" autoplay="false" controller="true" pluginspage="http://www.apple.com/quicktime/download/"></embed><br><a href="https://static.igem.org/mediawiki/2009/6/65/Rinne.gif"><b>Link to Gif Anime</b></a>
-
<img src="https://static.igem.org/mediawiki/2009/a/af/Mandala2.jpg" width="100" height="100" />
+
</div><br>
-
<img src="https://static.igem.org/mediawiki/2009/7/74/Mandala3.jpg" width="100" height="100" />
+
  </div>  
-
<img src="https://static.igem.org/mediawiki/2009/e/e8/Mandala4.jpg" width="100" height="100" />
+
-
<img src="https://static.igem.org/mediawiki/2009/6/61/Mandala5.jpg" width="100" height="100" />
+
-
<img src="https://static.igem.org/mediawiki/2009/e/e0/Mandala6.jpg" width="100" height="100" />
+
-
</div>
+
-
<br>
+
-
<div align="center" class=""target">
+
-
<img width="500px" height="500px" src="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg">
+
-
</div><br>  
+
   </div>  
   </div>  
-
  </div> 
 
   <div id="CollapsiblePanel3" class="CollapsiblePanel">  
   <div id="CollapsiblePanel3" class="CollapsiblePanel">  
Line 64: Line 54:
   <div class="CollapsiblePanelContent">  
   <div class="CollapsiblePanelContent">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<img src="https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/9/93/Pyramid1s.jpg" onclick="showimg3(1)"style="margin:5px -1px 0px 0px" />
-
<img src="https://static.igem.org/mediawiki/2009/3/30/Pyramid2.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/6/63/Pyramid2s.jpg" onclick="showimg3(2)"style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/1/1c/Pyramid3.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/7/77/Pyramid3s.jpg" onclick="showimg3(3)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/7/7a/Pyramid4.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/b/bd/Pyramid4s.jpg" onclick="showimg3(4)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/9/97/Pyramid5.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/2/21/Pyramid5s.jpg" onclick="showimg3(5)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/b/bf/Pyramid6.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/a/a3/Pyramid6s.jpg" onclick="showimg3(6)" style="margin:5px 0px 0px -1px" />
</div>
</div>
-
<br>
+
<div align="center" class=""obj">
-
<div align="center" class=""target">
+
<img name="obj3" src="https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg" style="margin:1px 0px 5px 0px" />
-
<img width="500px" height="500px" src="https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg">
+
</div><br>  
</div><br>  
   </div>  
   </div>  
   </div>  
   </div>  
-
   <div id="CollapsiblePanel4" class="CollapsiblePanel">  
+
   <div id="CollapsiblePanel1" class="CollapsiblePanel">  
   <div class="CollapsiblePanelTab" tabindex="0">  
   <div class="CollapsiblePanelTab" tabindex="0">  
-
     <h2>Rinne</h2></div>  
+
     <h2>Cocktail</div>  
-
   <div class="CollapsiblePanelContent">  
+
   <div class="CollapsiblePanelContent" id="cocktail">  
-
    <div align="center">
+
<div align="center" class="thumbnail">
-
<embed src="https://static.igem.org/mediawiki/2009/7/72/Rinne.mov" width="620px" height="630px" autoplay="false" controller="true" pluginspage="http://www.apple.com/quicktime/download/"></embed>
+
<img src="https://static.igem.org/mediawiki/2009/5/59/Cocktail1s.jpg" onclick="showimg4(1)" style="margin:5px -1px 0px 0px" />
 +
<img src="https://static.igem.org/mediawiki/2009/3/34/Cocktail2s.jpg" onclick="showimg4(2)" style="margin:5px -1px 0px -1px" />
 +
<img src="https://static.igem.org/mediawiki/2009/e/ed/Cocktail3s.jpg" onclick="showimg4(3)" style="margin:5px -1px 0px -1px" />
 +
<img src="https://static.igem.org/mediawiki/2009/7/7e/Cocktail4s.jpg" onclick="showimg4(4)" style="margin:5px -1px 0px -1px" />
 +
<img src="https://static.igem.org/mediawiki/2009/a/a4/Cocktail5s.jpg" onclick="showimg4(5)" style="margin:5px -1px 0px -1px" />
 +
<img src="https://static.igem.org/mediawiki/2009/9/95/Cocktail6s.jpg" onclick="showimg4(6)" style="margin:5px 0px 0px -1px" />
 +
</div>
 +
<div align="center" class=""obj">
 +
<img name="obj4" src="https://static.igem.org/mediawiki/2009/e/e0/Cocktail1.jpg" style="margin:1px 0px 5px 0px" />
</div><br>
</div><br>
   </div>  
   </div>  
-
   </div>  
+
   </div>
   <div id="CollapsiblePanel5" class="CollapsiblePanel">  
   <div id="CollapsiblePanel5" class="CollapsiblePanel">  
   <div class="CollapsiblePanelTab" tabindex="0">  
   <div class="CollapsiblePanelTab" tabindex="0">  
-
     <h2>Tomb</h2></div>  
+
     <h2>GFP Paper Bunny</h2></div>  
   <div class="CollapsiblePanelContent">  
   <div class="CollapsiblePanelContent">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<img src="https://static.igem.org/mediawiki/2009/d/da/Tomb1.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/3/3c/GFP_paper_bunny1s.jpg" onclick="showimg5(1)" style="margin:5px -1px 0px 0px" />
-
<img src="https://static.igem.org/mediawiki/2009/8/85/Tomb2.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/d/dc/GFP_paper_bunny2s.jpg" onclick="showimg5(2)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/0/08/Tomb3.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/f/f7/GFP_paper_bunny3s.jpg" onclick="showimg5(3)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/7/74/Tomb4.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/9/98/GFP_paper_bunny4s.jpg" onclick="showimg5(4)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/e/e5/Tomb5.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/0/0a/GFP_paper_bunny5s.jpg" onclick="showimg5(5)" style="margin:5px -1px 0px -1px" />
-
<img src="https://static.igem.org/mediawiki/2009/6/69/Tomb6.jpg" width="100" height="100" />
+
<img src="https://static.igem.org/mediawiki/2009/c/cd/GFP_paper_bunny6s.jpg" onclick="showimg5(6)" style="margin:5px 0px 0px -1px" />
</div>
</div>
-
<br>
+
<div align="center" class="obj">
-
<div align="center" class=""target">
+
<img name="obj5" src="https://static.igem.org/mediawiki/2009/b/b4/GFP_paper_bunny1.jpg" style="margin:1px 0px 5px 0px" />
-
<img width="500px" height="500px" src="https://static.igem.org/mediawiki/2009/d/da/Tomb1.jpg">
+
</div><br>  
</div><br>  
   </div>  
   </div>  
   </div>
   </div>
 +
  <div id="CollapsiblePanel6" class="CollapsiblePanel">
 +
  <div class="CollapsiblePanelTab" tabindex="0">
 +
    <h2>Tomb</h2></div>
 +
  <div class="CollapsiblePanelContent">
 +
<div align="center" class="thumbnail">
 +
<img src="https://static.igem.org/mediawiki/2009/e/ec/Tomb1s.jpg" onclick="showimg6(1)" style="margin:5px -1px 0px 0px" />
 +
<img src="https://static.igem.org/mediawiki/2009/8/88/Tomb2s.jpg" onclick="showimg6(2)" style="margin:5px -1px 0px -1px" />
 +
<img src="https://static.igem.org/mediawiki/2009/f/f7/Tomb3s.jpg" onclick="showimg6(3)" style="margin:5px -1px 0px -1px" />
 +
<img src="https://static.igem.org/mediawiki/2009/4/44/Tomb4s.jpg" onclick="showimg6(4)" style="margin:5px -1px 0px -1px" />
 +
<img src="https://static.igem.org/mediawiki/2009/9/9e/Tomb5s.jpg" onclick="showimg6(5)" style="margin:5px -1px 0px -1px" />
 +
<img src="https://static.igem.org/mediawiki/2009/6/61/Tomb6s.jpg" onclick="showimg6(6)" style="margin:5px 0px 0px -1px" />
 +
</div>
 +
<div align="center" class="obj">
 +
<img name="obj6" src="https://static.igem.org/mediawiki/2009/d/da/Tomb1.jpg" style="margin:1px 0px 5px 0px" />
 +
</div>
 +
  </div>
 +
  </div>
 +
 +
<div id="CollapsiblePanel7" class="CollapsiblePanel">
 +
  <div class="CollapsiblePanelTab" tabindex="0">
 +
    <h2>Brief Description about our work</h2></div>
 +
  <div class="CollapsiblePanelContent" id="tomb">
 +
<h3>Mandala</h3>
 +
<p>We use innate motility of <i>Salmonella Typhimurium</i> that expressing fluorescence protein.</p><br>
 +
<h3>BioMario</h3>
 +
<p>The expansion of mandala art. We create GIF anime. </p>
 +
<br>
 +
<h3>Rinne</h3>
 +
<p>Combination of traditional germ painting with GIF anime.</p>
 +
<br>
 +
<h3>Pyramid</h3>
 +
<p>Three dimensional art using the cell.</p>
 +
<br>
 +
<h3>Cocktail</h3>
 +
<p>Almost alcoholic drink made by bacteria.</p>
 +
<br>
 +
<h3>GFP paper bunny</h3>
 +
<p>This bunny made from GFP expressing bacteria.</p>
 +
<br>
 +
<h3>Tomb</h3>
 +
<p>Ancient burial mound like product for bacteria made by plate used for growth of bacteria</p>
 +
<br>
 +
 +
  </div>
 +
  </div>
<script type="text/javascript">  
<script type="text/javascript">  
<!--
<!--
var CollapsiblePanel0 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel0", {contentIsOpen:false});
var CollapsiblePanel0 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel0", {contentIsOpen:false});
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
-
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
+
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2");
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false});
var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false});
var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false});
var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false});
 +
var CollapsiblePanel6 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel6", {contentIsOpen:false});
 +
var CollapsiblePanel7 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel7", {contentIsOpen:false});
//-->
//-->
</script>
</script>

Latest revision as of 03:15, 22 October 2009

Home of iGEMOSAKA wiki

WORKS

Mandala


BioMario


Pyramid


Cocktail


GFP Paper Bunny


Tomb

Brief Description about our work

Mandala

We use innate motility of Salmonella Typhimurium that expressing fluorescence protein.


BioMario

The expansion of mandala art. We create GIF anime.


Rinne

Combination of traditional germ painting with GIF anime.


Pyramid

Three dimensional art using the cell.


Cocktail

Almost alcoholic drink made by bacteria.


GFP paper bunny

This bunny made from GFP expressing bacteria.


Tomb

Ancient burial mound like product for bacteria made by plate used for growth of bacteria