Team:Uppsala/bioart

From 2013.igem.org

(Difference between revisions)
Line 17: Line 17:
/*Add favicon*/ $("link[rel='shortcut icon']").remove(); $("head").append("<link rel='shortcut icon' type='image/png' href='https://static.igem.org/mediawiki/2013/6/6d/Uppsalas-cow-con.png'>"); });
/*Add favicon*/ $("link[rel='shortcut icon']").remove(); $("head").append("<link rel='shortcut icon' type='image/png' href='https://static.igem.org/mediawiki/2013/6/6d/Uppsalas-cow-con.png'>"); });
</script>
</script>
 +
 +
 +
<!--Script Of bioartPic  no-repeat center center ' -->
 +
<script type="text/javascript">
 +
 +
var myBios = ['https://static.igem.org/mediawiki/2013/d/d7/Uppsala_bioart_pic1.jpg','https://static.igem.org/mediawiki/2013/4/4d/Uppsala_bioart_pic2.jpg','https://static.igem.org/mediawiki/2013/3/32/Uppsala_bioart_pic3.jpg','https://static.igem.org/mediawiki/2013/2/24/Uppsala_bioart_pic4.jpg','https://static.igem.org/mediawiki/2013/5/54/Uppsala2013_mange.jpg','https://static.igem.org/mediawiki/2013/f/f4/Uppsala_bioart_pic6.jpg','https://static.igem.org/mediawiki/2013/8/8e/Uppsala_bioart_pic7.jpg','https://static.igem.org/mediawiki/2013/8/8f/Uppsala_bioart_pic8.jpg', 'https://static.igem.org/mediawiki/2013/9/92/Uppsala_bioart_pic9.jpg'];
 +
 +
function bioGall(nr){
 +
document.getElementById('big_mama').style.backgroundImage = 'url(' + myBios[nr] + ')';
 +
document.getElementById('big_mama').style.backgroundSize = "500px 400px";
 +
}
 +
</script>
 +
 +
<script type="text/javascript">
 +
var newimages=[]
 +
    var arr=(typeof arr!="object")? [arr] : arr //force arr parameter to always be an array
 +
    for (var i=0; i<arr.length; i++){
 +
        newimages[i]=new Image()
 +
        newimages[i].src=arr[i]
 +
</script>
 +
</head>
</head>
Line 117: Line 138:
<div id="main_content">  
<div id="main_content">  
 +
 +
<h1 id="main_title">BioArt  </h1>
 +
<div class="main_text_box">
 +
To understand what happens when modifining a bacteria can often be challanging to understand for the public. It is too abstract and can easily become boring because you don´t see anything special. To overcome this challange we created bioart. With bioart it is easy and fun to see the result of modifing our bacteria. By using our own chromoprotiens we make sure that the result is visable with the pure eye and no UV-light needed.
 +
 +
During our SynBio day we had a stand with bioart plates. The stand resulted in people getting intressted in synthetic biology. There where a lot of curiosity of how we made the bacteria, and because of this we had an natural way to introduce synthetic biology, catalyst by thier own interest and curiosity.
 +
</div>
 +
<div id="box_of_art_pic">
 +
<div id="big_mama"></div>
 +
 +
<table class="table_of_art_pic">
 +
<tr>
 +
<td onmouseover="bioGall(0)"><img src="Uppsala_bioart_pic1.jpg"></td><td onmouseover="bioGall(1)"><img src="Uppsala_bioart_pic2.jpg"></td><td onmouseover="bioGall(2)"><img src="Uppsala_bioart_pic3.jpg"></td>
 +
</tr>
 +
<tr>
 +
<td onmouseover="bioGall(3)"><img src="Uppsala_bioart_pic4.jpg"></td><td onmouseover="bioGall(4)"><img src="Uppsala2013_mange.jpg"></td><td onmouseover="bioGall(5)"><img src="Uppsala_bioart_pic6.jpg"></td>
 +
</tr>
 +
<tr>
 +
<td onmouseover="bioGall(6)"><img src="Uppsala_bioart_pic7.jpg"></td><td onmouseover="bioGall(7)"><img src="Uppsala_bioart_pic8.jpg"></td><td onmouseover="bioGall(8)"><img src="Uppsala_bioart_pic9.jpg"></td>
 +
</tr>
 +
</table>
 +
 +
</div>
 +
Line 124: Line 169:
<div id="bottom-pic">
<div id="bottom-pic">
</div>
</div>
 +
 +
<script type="text/javascript">
 +
preloadimages(['https://static.igem.org/mediawiki/2013/d/d7/Uppsala_bioart_pic1.jpg','https://static.igem.org/mediawiki/2013/4/4d/Uppsala_bioart_pic2.jpg','https://static.igem.org/mediawiki/2013/3/32/Uppsala_bioart_pic3.jpg','https://static.igem.org/mediawiki/2013/2/24/Uppsala_bioart_pic4.jpg','https://static.igem.org/mediawiki/2013/5/54/Uppsala2013_mange.jpg','https://static.igem.org/mediawiki/2013/f/f4/Uppsala_bioart_pic6.jpg','https://static.igem.org/mediawiki/2013/8/8e/Uppsala_bioart_pic7.jpg','https://static.igem.org/mediawiki/2013/8/8f/Uppsala_bioart_pic8.jpg', 'https://static.igem.org/mediawiki/2013/9/92/Uppsala_bioart_pic9.jpg']);
 +
</script>

Revision as of 16:20, 26 October 2013


Uppsala iGEM 2013

BioArt

To understand what happens when modifining a bacteria can often be challanging to understand for the public. It is too abstract and can easily become boring because you don´t see anything special. To overcome this challange we created bioart. With bioart it is easy and fun to see the result of modifing our bacteria. By using our own chromoprotiens we make sure that the result is visable with the pure eye and no UV-light needed. During our SynBio day we had a stand with bioart plates. The stand resulted in people getting intressted in synthetic biology. There where a lot of curiosity of how we made the bacteria, and because of this we had an natural way to introduce synthetic biology, catalyst by thier own interest and curiosity.

Retrieved from "http://2013.igem.org/Team:Uppsala/bioart"