Team:Osaka/WORKS

From 2009.igem.org

(Difference between revisions)
 
(92 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
{{Template:WORKS_top}}
 +
<html>
 +
<h1 style="text-align: left">WORKS</h1>
-
<head>
+
  <div id="CollapsiblePanel2" class="CollapsiblePanel">  
-
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
+
  <div class="CollapsiblePanelTab" tabindex="0">
-
<title>Home of iGEMOSAKA wiki</title>
+
    <h2>Mandala</h2></div>
-
<link href="https://2009.igem.org/wiki/index.php?title=User:KazutoIKEDA/wiki/iGEMOSAKAwiki.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
  <div class="CollapsiblePanelContent">
-
<link href="https://2009.igem.org/User:KazutoIKEDA/wiki/linkwhite.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
<div align="center" class="thumbnail">
 +
<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/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 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>  
-
<script language="JavaScript">
+
  <div id="CollapsiblePanel0" class="CollapsiblePanel">  
-
<!--
+
  <div class="CollapsiblePanelTab" tabindex="0">
-
img = new Array("https://static.igem.org/mediawiki/2009/b/bc/Scicon＿r10.png","https://static.igem.org/mediawiki/2009/7/75/Scicon＿r20.png","https://static.igem.org/mediawiki/2009/9/98/Scicon＿r30.png","https://static.igem.org/mediawiki/2009/0/08/Scicon_c10.png","https://static.igem.org/mediawiki/2009/5/5e/Scicon_c11.png","https://static.igem.org/mediawiki/2009/b/bc/Scicon_c12.png","https://static.igem.org/mediawiki/2009/5/59/Scicon_c20.png","https://static.igem.org/mediawiki/2009/6/60/Scicon_c30.png","https://static.igem.org/mediawiki/2009/d/d1/Scicon＿l10.png","https://2009.igem.org/Image:Scicon＿l20.png","https://static.igem.org/mediawiki/2009/5/5e/Scicon＿l30.png","https://static.igem.org/mediawiki/2009/8/8c/Scicon＿l31.png","https://static.igem.org/mediawiki/2009/2/2a/Scicon＿l32.png","https://static.igem.org/mediawiki/2009/2/28/Scicon＿l33.png");
+
    <h2>BioMario</h2></div>
-
bfImg = new Array();
+
  <div class="CollapsiblePanelContent">
-
for(i=0; i<img.length; i++) {
+
<div align="center" class="thumbnail">
-
   bfImg[i] = new Image();
+
<img src="https://static.igem.org/mediawiki/2009/f/fd/Mario1s.jpg" onclick="showimg2(1)" style="margin:5px -1px 0px 0px" />
-
  bfImg[i].src = img[i];
+
<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" />
-
</script>
+
<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>  
-
</head>
+
<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>  
-
<body>
+
  <div id="CollapsiblePanel3" class="CollapsiblePanel">  
-
<div id="head">
+
  <div class="CollapsiblePanelTab" tabindex="0">  
-
<img src="https://static.igem.org/mediawiki/igem.org/5/50/Bilboard.png" style="margin-left: auto; margin-right: auto">
+
    <h2>Pyramid</h2></div>  
-
</div>
+
  <div class="CollapsiblePanelContent">  
-
<div id="contents">
+
<div align="center" class="thumbnail">
-
<div id="left_menu">
+
<img src="https://static.igem.org/mediawiki/2009/9/93/Pyramid1s.jpg" onclick="showimg3(1)"style="margin:5px -1px 0px 0px" />
-
<table border="0" cellpadding="0px" cellspacing="0px">
+
<img src="https://static.igem.org/mediawiki/2009/6/63/Pyramid2s.jpg" onclick="showimg3(2)"style="margin:5px -1px 0px -1px" />
-
<tr>
+
<img src="https://static.igem.org/mediawiki/2009/7/77/Pyramid3s.jpg" onclick="showimg3(3)" style="margin:5px -1px 0px -1px" />
-
<td valign="top" align="center">
+
<img src="https://static.igem.org/mediawiki/2009/b/bd/Pyramid4s.jpg" onclick="showimg3(4)" style="margin:5px -1px 0px -1px" />
-
<a href="home2" onMouseover="document.ia.src='https://static.igem.org/mediawiki/2009/d/d1/Scicon＿l10.png'" onMouseout="document.ia.src='https://static.igem.org/mediawiki/2009/e/e6/Sgicon＿l10.png'">
+
<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/e/e6/Sgicon＿l10.png" name="ia"></a>
+
<img src="https://static.igem.org/mediawiki/2009/a/a3/Pyramid6s.jpg" onclick="showimg3(6)" style="margin:5px 0px 0px -1px" />
-
</td>
+
</div>
-
<td valign="top" align="center">
+
<div align="center" class=""obj">
-
<a href="home3" onMouseover="document.ib.src='https://static.igem.org/mediawiki/2009/0/08/Scicon_c10.png'" onMouseout="document.ib.src='https://static.igem.org/mediawiki/2009/f/f2/Sgicon_c10.png'">
+
<img name="obj3" src="https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg" style="margin:1px 0px 5px 0px" />
-
<img src="https://static.igem.org/mediawiki/2009/f/f2/Sgicon_c10.png" name="ib"></a>
+
</div><br>  
-
</td>
+
  </div>  
-
<td valign="top" align="center">
+
  </div>  
-
<a href="home4" onMouseover="document.ic.src='https://static.igem.org/mediawiki/2009/b/bc/Scicon＿r10.png'" onMouseout="document.ic.src='https://static.igem.org/mediawiki/2009/b/bf/Sgicon＿r10.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/b/bf/Sgicon＿r10.png" name="ic"></a>
+
-
</td>
+
-
</tr>
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<a href="home5">
+
-
<img src="https://static.igem.org/mediawiki/2009/6/67/Scicon＿l20.png"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home6" onMouseover="document.ie.src='https://static.igem.org/mediawiki/2009/5/59/Scicon_c20.png'" onMouseout="document.ie.src='https://static.igem.org/mediawiki/2009/a/a3/Sgicon_c20.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/a/a3/Sgicon_c20.png" name="ie"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home7" onMouseover="document.ij.src='https://static.igem.org/mediawiki/2009/7/75/Scicon＿r20.png'" onMouseout="document.ij.src='https://static.igem.org/mediawiki/2009/5/5d/Sgicon＿r20.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/5/5d/Sgicon＿r20.png" name="ij"></a>
+
-
</tr>
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<a href="home8" onMouseover="document.ig.src='https://static.igem.org/mediawiki/2009/5/5e/Scicon＿l30.png'" onMouseout="document.ig.src='https://static.igem.org/mediawiki/2009/a/ae/Sgicon＿l30.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/a/ae/Sgicon＿l30.png" name="ig"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home9" onMouseover="document.ih.src='https://static.igem.org/mediawiki/2009/6/60/Scicon_c30.png'" onMouseout="document.ih.src='https://static.igem.org/mediawiki/2009/c/c7/Sgicon_c30.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/c/c7/Sgicon_c30.png" name="ih"></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<a href="home10" onMouseover="document.ii.src='https://static.igem.org/mediawiki/2009/9/98/Scicon＿r30.png'" onMouseout="document.ii.src='https://static.igem.org/mediawiki/2009/f/f1/Sgicon＿r30.png'">
+
-
<img src="https://static.igem.org/mediawiki/2009/f/f1/Sgicon＿r30.png" name="ii"></a>
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
<!--<a href="home2">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/3b/Etc.png" class="normal_box" style="margin-top: 15px"></a><br>
+
-
<a href="home2">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/3b/Etc.png" class="normal_box"></a><br>
+
-
<a href="home2">
+
-
<img src="https://static.igem.org/mediawiki/2009/3/3b/Etc.png" class="normal_box" style="margin-bottom: 20px"></a>-->
+
-
</div>
+
-
<div id="right_contents" style="background-color: #FFFFF2">
+
-
<h1 style="text-align: left">Theme</h1>
+
-
<span>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</span>
+
-
</div>
+
-
</div>
+
-
        <br>
+
-
        <br>
+
-
        <br>
+
-
<!--<div id="bottom">
+
-
<table border="0" cellpadding="10px" cellspacing="0" style="width: 790px; height: 150px; margin-left: auto; margin-right: auto">
+
-
<tr>
+
-
<td valign="top" align="center">
+
-
<h3>
+
-
<a href="home2">
+
-
<span class="row1">
+
-
category1</span></a><br></h3>
+
-
<hr />
+
-
<a href="home2">
+
-
<span class="row1">
+
-
contents1</span></a><br>
+
-
<a href="home2">
+
-
<span class="row1">
+
-
contents2</span></a><br>
+
-
<a href="home2">
+
-
<span class="row1">
+
-
contents3</span></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<h3>
+
-
<a href="home2">
+
-
<span class="row2">
+
-
category2</span></a><br></h3>
+
-
<hr />
+
-
<a href="home2">
+
-
<span class="row2">
+
-
contents4</span></a><br>
+
-
<a href="home2">
+
-
<span class="row2">
+
-
contents5</span></a><br>
+
-
<a href="home2">
+
-
<span class="row2">
+
-
contents6</span></a>
+
-
</td>
+
-
<td valign="top" align="center">
+
-
<h3>
+
-
<a href="home2">
+
-
<span class="row3">
+
-
category3</span></a></h3>
+
-
<hr />
+
-
<a href="home2">
+
-
<span class="row3">
+
-
contents7</span></a><br>
+
-
<a href="home2">
+
-
<span class="row3">
+
-
contents8</span></a><br>
+
-
<a href="home2">
+
-
<span class="row3">
+
-
contents9</span></a>
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
</div>-->
+
-
+
-
+
-
</body>
+
 +
  <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>
 +
<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">
 +
<!--
 +
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>
</html>
</html>
 +
{{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



Retrieved from "http://2009.igem.org/Team:Osaka/WORKS"