Team:Osaka/WORKS

From 2009.igem.org

(Difference between revisions)
 
(73 intermediate revisions not shown)
Line 3: Line 3:
<h1 style="text-align: left">WORKS</h1>
<h1 style="text-align: left">WORKS</h1>
-
<div align="center" class="thumbnail" width="640px">
+
  <div id="CollapsiblePanel2" class="CollapsiblePanel">
-
<img src="https://static.igem.org/mediawiki/2009/b/b8/P1010800.JPG" width="100" height="100" alt="テスト画像1" />
+
  <div class="CollapsiblePanelTab" tabindex="0">
-
<img src="https://static.igem.org/mediawiki/2009/b/b8/P1010800.JPG" width="100" height="100" alt="テスト画像2" />
+
    <h2>Mandala</h2></div>
-
<img src="https://static.igem.org/mediawiki/2009/b/b8/P1010800.JPG" width="100" height="100" alt="テスト画像3" />
+
  <div class="CollapsiblePanelContent">
-
<img src="https://static.igem.org/mediawiki/2009/b/b8/P1010800.JPG" width="100" height="100" alt="テスト画像4" />
+
<div align="center" class="thumbnail">
-
<img src="https://static.igem.org/mediawiki/2009/b/b8/P1010800.JPG" width="100" height="100" alt="テスト画像5" />
+
<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/b8/P1010800.JPG" width="100" height="100" alt="テスト画像5" />
+
<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/5/52/Mandala3s.jpg" onclick="showimg1(3)" style="margin:5px -1px 0px -1px" />
 +
<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/6a/Mandala5s.jpg" onclick="showimg1(5)" style="margin:5px -1px 0px -1px" />
 +
<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=""obj">
 +
<img name="obj1" src="https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg" style="margin:1px 0px 5px 0px" />
 +
</div><br>
 +
  </div>
 +
  </div>
 +
 +
  <div id="CollapsiblePanel0" class="CollapsiblePanel">
 +
  <div class="CollapsiblePanelTab" tabindex="0">
 +
    <h2>BioMario</h2></div>
 +
  <div class="CollapsiblePanelContent">
 +
<div align="center" class="thumbnail">
 +
<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/b7/Mario2s.jpg" onclick="showimg2(2)" style="margin:5px -1px 0px -1px" />
 +
<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/d1/Invader1s.jpg" onclick="showimg2(4)" style="margin:5px -1px 0px -1px" />
 +
<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/a/ad/Invader3s.jpg" onclick="showimg2(6)" style="margin:5px 0px 0px -1px" />
 +
</div>
 +
<div align="center" class=""obj">
 +
<img name="obj2" src="https://static.igem.org/mediawiki/2009/4/40/Mario1.gif" style="margin:1px 0px 5px 0px">
 +
</div><br>
 +
  </div>
 +
  </div>
 +
 +
<div id="CollapsiblePanel4" class="CollapsiblePanel">
 +
  <div class="CollapsiblePanelTab" tabindex="0">
 +
    <h2>Rinne</h2></div>
 +
  <div class="CollapsiblePanelContent">
 +
<div align="center">
 +
<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>
 +
  </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 id="CollapsiblePanel1" class="CollapsiblePanel">
 +
  <div class="CollapsiblePanelTab" tabindex="0">
 +
    <h2>Cocktail</div>
 +
  <div class="CollapsiblePanelContent" id="cocktail">
 +
<div align="center" class="thumbnail">
 +
<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>
 +
  </div>
 +
 +
  <div id="CollapsiblePanel5" class="CollapsiblePanel">
 +
  <div class="CollapsiblePanelTab" tabindex="0">
 +
    <h2>GFP Paper Bunny</h2></div>
 +
  <div class="CollapsiblePanelContent">
 +
<div align="center" class="thumbnail">
 +
<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/d/dc/GFP_paper_bunny2s.jpg" onclick="showimg5(2)" style="margin:5px -1px 0px -1px" />
 +
<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/9/98/GFP_paper_bunny4s.jpg" onclick="showimg5(4)" style="margin:5px -1px 0px -1px" />
 +
<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/c/cd/GFP_paper_bunny6s.jpg" onclick="showimg5(6)" style="margin:5px 0px 0px -1px" />
 +
</div>
 +
<div align="center" class="obj">
 +
<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>
 +
  </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>
<br>
-
<div align="center" class=""target">
+
<h3>Tomb</h3>
-
<img width="600px" height="600px" src="https://static.igem.org/mediawiki/2009/b/b8/P1010800.JPG">
+
<p>Ancient burial mound like product for bacteria made by plate used for growth of bacteria</p>
-
</div>  
+
<br>  
 +
  </div>
 +
  </div>
 +
<script type="text/javascript">
 +
<!--
 +
var CollapsiblePanel0 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel0", {contentIsOpen:false});
 +
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
 +
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2");
 +
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
 +
var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {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>
<br>
<br>
</html>
</html>
{{Template:WORKS_bottom}}
{{Template:WORKS_bottom}}

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