Team:Osaka/WORKS

From 2009.igem.org

(Difference between revisions)
 
(30 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">
-
<a href="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg" title="タイトル1"><img src="https://static.igem.org/mediawiki/2009/8/87/Mandala1s.jpg" style="margin:5px -1px 0px 0px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/8/87/Mandala1s.jpg" onclick="showimg1(1)" style="margin:5px -1px 0px 0px" />
-
<a href="https://static.igem.org/mediawiki/2009/a/af/Mandala2.jpg" title="タイトル2"><img src="https://static.igem.org/mediawiki/2009/d/d3/Mandala2s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/d/d3/Mandala2s.jpg" onclick="showimg1(2)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/7/74/Mandala3.jpg" title="タイトル3"><img src="https://static.igem.org/mediawiki/2009/5/52/Mandala3s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/5/52/Mandala3s.jpg" onclick="showimg1(3)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/e/e8/Mandala4.jpg" title="タイトル4"><img src="https://static.igem.org/mediawiki/2009/7/79/Mandala4s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/7/79/Mandala4s.jpg" onclick="showimg1(4)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/6/61/Mandala5.jpg" title="タイトル5"><img src="https://static.igem.org/mediawiki/2009/6/6a/Mandala5s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/6/6a/Mandala5s.jpg" onclick="showimg1(5)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/e/e0/Mandala6.jpg" title="タイトル6"><img src="https://static.igem.org/mediawiki/2009/9/96/Mandala6s.jpg" style="margin:5px 0px 0px -1px" /></a>
+
<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">
+
<div align="center" class=""obj">
-
<img src="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg" style="margin:1px 0px 5px 0px" />
+
<img name="obj1" src="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg" style="margin:1px 0px 5px 0px" />
</div><br>  
</div><br>  
   </div>  
   </div>  
Line 24: 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">
-
<a href="https://static.igem.org/mediawiki/2009/4/40/Mario1.gif" title="タイトル1"><img src="https://static.igem.org/mediawiki/2009/f/fd/Mario1s.jpg" style="margin:5px -1px 0px 0px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/f/fd/Mario1s.jpg" onclick="showimg2(1)" style="margin:5px -1px 0px 0px" />
-
<a href="https://static.igem.org/mediawiki/2009/b/be/Mario2.jpg" title="タイトル2"><img src="https://static.igem.org/mediawiki/2009/b/b7/Mario2s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/b/b7/Mario2s.jpg" onclick="showimg2(2)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/0/0e/Mario3.jpg" title="タイトル3"><img src="https://static.igem.org/mediawiki/2009/6/69/Mario3s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/6/69/Mario3s.jpg" onclick="showimg2(3)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/d/d0/Invader1.jpg" title="タイトル4"><img src="https://static.igem.org/mediawiki/2009/d/d1/Invader1s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/d/d1/Invader1s.jpg" onclick="showimg2(4)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/6/60/Invader2.jpg" title="タイトル5"><img src="https://static.igem.org/mediawiki/2009/0/09/Invader2s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/0/09/Invader2s.jpg" onclick="showimg2(5)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/1/1b/Invader3.jpg" title="タイトル6"><img src="https://static.igem.org/mediawiki/2009/a/ad/Invader3s.jpg" style="margin:5px 0px 0px -1px" /></a>
+
<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 src="https://static.igem.org/mediawiki/2009/4/40/Mario1.gif" style="margin:1px 0px 5px 0px">
+
<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 42: 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">
-
<img src="https://static.igem.org/mediawiki/2009/6/65/Rinne.gif" style="margin:5px 0px 5px 0px">
+
<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>  
Line 52: Line 52:
   <div class="CollapsiblePanelTab" tabindex="0">  
   <div class="CollapsiblePanelTab" tabindex="0">  
     <h2>Pyramid</h2></div>  
     <h2>Pyramid</h2></div>  
-
   <div class="CollapsiblePanelContent" id="pyramid">  
+
   <div class="CollapsiblePanelContent">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<a href="https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg" title="タイトル1"><img src="https://static.igem.org/mediawiki/2009/9/93/Pyramid1s.jpg" style="margin:5px -1px 0px 0px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/9/93/Pyramid1s.jpg" onclick="showimg3(1)"style="margin:5px -1px 0px 0px" />
-
<a href="https://static.igem.org/mediawiki/2009/3/30/Pyramid2.jpg" title="タイトル2"><img src="https://static.igem.org/mediawiki/2009/6/63/Pyramid2s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/6/63/Pyramid2s.jpg" onclick="showimg3(2)"style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/1/1c/Pyramid3.jpg" title="タイトル3"><img src="https://static.igem.org/mediawiki/2009/7/77/Pyramid3s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/7/77/Pyramid3s.jpg" onclick="showimg3(3)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/7/7a/Pyramid4.jpg" title="タイトル4"><img src="https://static.igem.org/mediawiki/2009/b/bd/Pyramid4s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/b/bd/Pyramid4s.jpg" onclick="showimg3(4)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/9/97/Pyramid5.jpg" title="タイトル5"><img src="https://static.igem.org/mediawiki/2009/2/21/Pyramid5s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/2/21/Pyramid5s.jpg" onclick="showimg3(5)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/b/bf/Pyramid6.jpg" title="タイトル6"><img src="https://static.igem.org/mediawiki/2009/a/a3/Pyramid6s.jpg" style="margin:5px 0px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/a/a3/Pyramid6s.jpg" onclick="showimg3(6)" style="margin:5px 0px 0px -1px" />
</div>
</div>
-
<div align="center" class=""target">
+
<div align="center" class=""obj">
-
<img src="https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg" style="margin:1px 0px 5px 0px" />
+
<img name="obj3" src="https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg" style="margin:1px 0px 5px 0px" />
</div><br>  
</div><br>  
   </div>  
   </div>  
Line 72: Line 72:
   <div class="CollapsiblePanelContent" id="cocktail">  
   <div class="CollapsiblePanelContent" id="cocktail">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<a href="https://static.igem.org/mediawiki/2009/e/e0/Cocktail1.jpg" title="タイトル1"><img src="https://static.igem.org/mediawiki/2009/5/59/Cocktail1s.jpg" style="margin:5px -1px 0px 0px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/5/59/Cocktail1s.jpg" onclick="showimg4(1)" style="margin:5px -1px 0px 0px" />
-
<a href="https://static.igem.org/mediawiki/2009/f/ff/Cocktail2.jpg" title="タイトル2"><img src="https://static.igem.org/mediawiki/2009/3/34/Cocktail2s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/3/34/Cocktail2s.jpg" onclick="showimg4(2)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/7/71/Cocktail3.jpg" title="タイトル3"><img src="https://static.igem.org/mediawiki/2009/e/ed/Cocktail3s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/e/ed/Cocktail3s.jpg" onclick="showimg4(3)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/d/d8/Cocktail4.jpg" title="タイトル4"><img src="https://static.igem.org/mediawiki/2009/7/7e/Cocktail4s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/7/7e/Cocktail4s.jpg" onclick="showimg4(4)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/d/d7/Cocktail5.jpg" title="タイトル5"><img src="https://static.igem.org/mediawiki/2009/a/a4/Cocktail5s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/a/a4/Cocktail5s.jpg" onclick="showimg4(5)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/6/6d/Cocktail6.jpg" title="タイトル6"><img src="https://static.igem.org/mediawiki/2009/9/95/Cocktail6s.jpg" style="margin:5px 0px 0px -1px" /></a>
+
<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 src="https://static.igem.org/mediawiki/2009/e/e0/Cocktail1.jpg" style="margin:1px 0px 5px 0px" />
+
<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>  
Line 88: Line 88:
   <div class="CollapsiblePanelTab" tabindex="0">  
   <div class="CollapsiblePanelTab" tabindex="0">  
     <h2>GFP Paper Bunny</h2></div>  
     <h2>GFP Paper Bunny</h2></div>  
-
   <div class="CollapsiblePanelContent" id="bunny">  
+
   <div class="CollapsiblePanelContent">  
<div align="center" class="thumbnail">
<div align="center" class="thumbnail">
-
<a href="https://static.igem.org/mediawiki/2009/b/b4/GFP_paper_bunny1.jpg" title="タイトル1"><img src="https://static.igem.org/mediawiki/2009/3/3c/GFP_paper_bunny1s.jpg" style="margin:5px -1px 0px 0px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/3/3c/GFP_paper_bunny1s.jpg" onclick="showimg5(1)" style="margin:5px -1px 0px 0px" />
-
<a href="https://static.igem.org/mediawiki/2009/3/3b/GFP_paper_bunny2.jpg" title="タイトル2"><img src="https://static.igem.org/mediawiki/2009/d/dc/GFP_paper_bunny2s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/d/dc/GFP_paper_bunny2s.jpg" onclick="showimg5(2)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/7/7c/GFP_paper_bunny3.jpg" title="タイトル3"><img src="https://static.igem.org/mediawiki/2009/f/f7/GFP_paper_bunny3s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/f/f7/GFP_paper_bunny3s.jpg" onclick="showimg5(3)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/6/67/GFP_paper_bunny4.jpg" title="タイトル4"><img src="https://static.igem.org/mediawiki/2009/9/98/GFP_paper_bunny4s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/9/98/GFP_paper_bunny4s.jpg" onclick="showimg5(4)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/a/a3/GFP_paper_bunny5.jpg" title="タイトル5"><img src="https://static.igem.org/mediawiki/2009/0/0a/GFP_paper_bunny5s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/0/0a/GFP_paper_bunny5s.jpg" onclick="showimg5(5)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/0/03/GFP_paper_bunny6.jpg" title="タイトル6"><img src="https://static.igem.org/mediawiki/2009/c/cd/GFP_paper_bunny6s.jpg" style="margin:5px 0px 0px -1px" /></a>
+
<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 src="https://static.igem.org/mediawiki/2009/b/b4/GFP_paper_bunny1.jpg" style="margin:1px 0px 5px 0px" />
+
<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>  
Line 106: Line 106:
   <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">
-
<a href="https://static.igem.org/mediawiki/2009/d/da/Tomb1.jpg" title="タイトル1"><img src="https://static.igem.org/mediawiki/2009/e/ec/Tomb1s.jpg" style="margin:5px -1px 0px 0px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/e/ec/Tomb1s.jpg" onclick="showimg6(1)" style="margin:5px -1px 0px 0px" />
-
<a href="https://static.igem.org/mediawiki/2009/8/85/Tomb2.jpg" title="タイトル2"><img src="https://static.igem.org/mediawiki/2009/8/88/Tomb2s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/8/88/Tomb2s.jpg" onclick="showimg6(2)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/0/08/Tomb3.jpg" title="タイトル3"><img src="https://static.igem.org/mediawiki/2009/f/f7/Tomb3s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/f/f7/Tomb3s.jpg" onclick="showimg6(3)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/7/74/Tomb4.jpg" title="タイトル4"><img src="https://static.igem.org/mediawiki/2009/4/44/Tomb4s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/4/44/Tomb4s.jpg" onclick="showimg6(4)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/e/e5/Tomb5.jpg" title="タイトル5"><img src="https://static.igem.org/mediawiki/2009/9/9e/Tomb5s.jpg" style="margin:5px -1px 0px -1px" /></a>
+
<img src="https://static.igem.org/mediawiki/2009/9/9e/Tomb5s.jpg" onclick="showimg6(5)" style="margin:5px -1px 0px -1px" />
-
<a href="https://static.igem.org/mediawiki/2009/6/69/Tomb6.jpg" title="タイトル6"><img src="https://static.igem.org/mediawiki/2009/6/61/Tomb6s.jpg" style="margin:5px 0px 0px -1px" /></a>
+
<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 src="https://static.igem.org/mediawiki/2009/d/da/Tomb1.jpg" style="margin:1px 0px 5px 0px" />
 
-
</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 130: 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