Team:Osaka/WORKS

From 2009.igem.org

(Difference between revisions)
 
(41 intermediate revisions not shown)
Line 6: Line 6:
   <div class="CollapsiblePanelTab" tabindex="0">
   <div class="CollapsiblePanelTab" tabindex="0">
     <h2>Mandala</h2></div>  
     <h2>Mandala</h2></div>  
-
   <div class="CollapsiblePanelContent" id="mandala">  
+
   <div class="CollapsiblePanelContent">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<img src="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/a/af/Mandala2.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/7/74/Mandala3.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/e/e8/Mandala4.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/61/Mandala5.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/e/e0/Mandala6.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<img src="https://static.igem.org/mediawiki/2009/9/96/Mandala6s.jpg" onclick="showimg1(6)" style="margin:5px 0px 0px -1px" />
</div>
</div>
-
<div align="center" class=""target" class="main">
+
<div align="center" class=""obj">
-
<img width="605px" height="605px" src="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg" style="margin:5px 5px 5px 5px" />
+
<img name="obj1" src="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg" style="margin:1px 0px 5px 0px" />
-
<span class="title">test</span>
+
</div><br>  
</div><br>  
   </div>  
   </div>  
Line 25: Line 24:
   <div class="CollapsiblePanelTab" tabindex="0">  
   <div class="CollapsiblePanelTab" tabindex="0">  
     <h2>BioMario</h2></div>  
     <h2>BioMario</h2></div>  
-
   <div class="CollapsiblePanelContent" id="biomario">  
+
   <div class="CollapsiblePanelContent">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<img src="https://static.igem.org/mediawiki/2009/5/54/Mario_run2.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/b/be/Mario2.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/0/0e/Mario3.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/d0/Invader1.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/6/60/Invader2.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/1/1b/Invader3.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<img src="https://static.igem.org/mediawiki/2009/a/ad/Invader3s.jpg" onclick="showimg2(6)" style="margin:5px 0px 0px -1px" />
</div>
</div>
-
<div align="center" class=""target">
+
<div align="center" class=""obj">
-
<img width="605px" height="605px" src="https://static.igem.org/mediawiki/2009/4/40/Mario1.gif" style="margin:5px 5px 5px 5px">
+
<img name="obj2" src="https://static.igem.org/mediawiki/2009/4/40/Mario1.gif" style="margin:1px 0px 5px 0px">
</div><br>
</div><br>
   </div>  
   </div>  
Line 43: Line 42:
   <div class="CollapsiblePanelTab" tabindex="0">  
   <div class="CollapsiblePanelTab" tabindex="0">  
     <h2>Rinne</h2></div>  
     <h2>Rinne</h2></div>  
-
   <div class="CollapsiblePanelContent" id="rinne">  
+
   <div class="CollapsiblePanelContent">  
-
    <div align="center">
+
<div align="center">
-
<embed src="https://static.igem.org/mediawiki/2009/7/72/Rinne.mov" width="605px" height="620px" autoplay="false" controller="true" pluginspage="http://www.apple.com/quicktime/download/"></embed>
+
<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>
</div><br>
</div><br>
 +
  </div>
 +
  </div>
 +
 +
  <div id="CollapsiblePanel3" class="CollapsiblePanel">
 +
  <div class="CollapsiblePanelTab" tabindex="0">
 +
    <h2>Pyramid</h2></div>
 +
  <div class="CollapsiblePanelContent">
 +
<div align="center" class="thumbnail">
 +
<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/6/63/Pyramid2s.jpg" onclick="showimg3(2)"style="margin:5px -1px 0px -1px" />
 +
<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/b/bd/Pyramid4s.jpg" onclick="showimg3(4)" style="margin:5px -1px 0px -1px" />
 +
<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/a/a3/Pyramid6s.jpg" onclick="showimg3(6)" style="margin:5px 0px 0px -1px" />
 +
</div>
 +
<div align="center" class=""obj">
 +
<img name="obj3" src="https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg" style="margin:1px 0px 5px 0px" />
 +
</div><br>
   </div>  
   </div>  
   </div>  
   </div>  
Line 55: Line 72:
   <div class="CollapsiblePanelContent" id="cocktail">  
   <div class="CollapsiblePanelContent" id="cocktail">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<img src="https://static.igem.org/mediawiki/2009/e/e0/Cocktail1.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/f/ff/Cocktail2.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/7/71/Cocktail3.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/d/d8/Cocktail4.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/d/d7/Cocktail5.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/6/6d/Cocktail6.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<img src="https://static.igem.org/mediawiki/2009/9/95/Cocktail6s.jpg" onclick="showimg4(6)" style="margin:5px 0px 0px -1px" />
</div>
</div>
-
<div align="center" class=""target">
+
<div align="center" class=""obj">
-
<img width="605px" height="605px" src="https://static.igem.org/mediawiki/2009/e/e0/Cocktail1.jpg" style="margin:5px 5px 5px 5px" />
+
<img name="obj4" src="https://static.igem.org/mediawiki/2009/e/e0/Cocktail1.jpg" style="margin:1px 0px 5px 0px" />
-
</div><br>  </div>  
+
</div><br>
 +
   </div>  
   </div>
   </div>
-
   <div id="CollapsiblePanel3" class="CollapsiblePanel">  
+
   <div id="CollapsiblePanel5" class="CollapsiblePanel">  
   <div class="CollapsiblePanelTab" tabindex="0">  
   <div class="CollapsiblePanelTab" tabindex="0">  
-
     <h2>Pyramid</h2></div>  
+
     <h2>GFP Paper Bunny</h2></div>  
-
   <div class="CollapsiblePanelContent" id="pyramid">  
+
   <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="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/3/30/Pyramid2.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/1/1c/Pyramid3.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/7a/Pyramid4.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/9/97/Pyramid5.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/b/bf/Pyramid6.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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>
-
<div align="center" class=""target">
+
<div align="center" class="obj">
-
<img width="605px" height="605px" src="https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg" style="margin:5px 5px 5px 5px" />
+
<img name="obj5" src="https://static.igem.org/mediawiki/2009/b/b4/GFP_paper_bunny1.jpg" style="margin:1px 0px 5px 0px" />
</div><br>  
</div><br>  
   </div>  
   </div>  
-
   </div>  
+
   </div>
-
   <div id="CollapsiblePanel5" class="CollapsiblePanel">  
+
   <div id="CollapsiblePanel6" class="CollapsiblePanel">  
   <div class="CollapsiblePanelTab" tabindex="0">  
   <div class="CollapsiblePanelTab" tabindex="0">  
     <h2>Tomb</h2></div>  
     <h2>Tomb</h2></div>  
-
   <div class="CollapsiblePanelContent" id="tomb">  
+
   <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="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/85/Tomb2.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/0/08/Tomb3.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/7/74/Tomb4.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/e/e5/Tomb5.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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/69/Tomb6.jpg" width="90" height="90" style="margin:5px 5px 5px 5px" />
+
<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 align="center" class=""target">
 
-
<img width="605px" height="605px" src="https://static.igem.org/mediawiki/2009/d/da/Tomb1.jpg" style="margin:5px 5px 5px 5px" />
 
-
</div><br>
 
   </div>  
   </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">  
<!--
<!--
Line 112: Line 157:
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 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