Team:Uppsala/bioart
From 2013.igem.org
(Difference between revisions)
(Created page with "{{Team:Uppsala/standard-style}} {{Team:Uppsala/index-style}} {{Team:Uppsala/favicon}} <html> <head> <meta charset="utf-8" /> <title>Uppsala iGEM 2013</title> <link rel="shor...") |
|||
(13 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{Team:Uppsala/standard-style}} | {{Team:Uppsala/standard-style}} | ||
- | {{Team:Uppsala/ | + | {{Team:Uppsala/bioart}} |
{{Team:Uppsala/favicon}} | {{Team:Uppsala/favicon}} | ||
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 62: | Line 83: | ||
<li><a href="https://2013.igem.org/Team:Uppsala/metabolic-engineering">Metabolic engineering</a> | <li><a href="https://2013.igem.org/Team:Uppsala/metabolic-engineering">Metabolic engineering</a> | ||
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/p-coumaric-acid"> | + | <li><a href="https://2013.igem.org/Team:Uppsala/p-coumaric-acid">p-Coumaric acid</a></li> |
<li><a href="https://2013.igem.org/Team:Uppsala/resveratrol">Resveratrol</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/resveratrol">Resveratrol</a></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/lycopene">Lycopene</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/lycopene">Lycopene</a></li> | ||
Line 83: | Line 104: | ||
<li><a href="https://2013.igem.org/Team:Uppsala/modeling" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/6/63/Uppsala2013_Modeling.png"></a> | <li><a href="https://2013.igem.org/Team:Uppsala/modeling" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/6/63/Uppsala2013_Modeling.png"></a> | ||
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/P-Coumaric-acid-pathway"> | + | <li><a href="https://2013.igem.org/Team:Uppsala/P-Coumaric-acid-pathway">Kinetic model</a></li> |
<li><a href="https://2013.igem.org/Team:Uppsala/modeling-tutorial">Modeling tutorial </a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/modeling-tutorial">Modeling tutorial </a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Uppsala/toxicity-model">Toxicity model</a></li> | ||
</ul></li> | </ul></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/parts" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/e/eb/Uppsala2013_parts.png"></a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/parts" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/e/eb/Uppsala2013_parts.png"></a></li> | ||
Line 103: | Line 126: | ||
<li><a href="https://2013.igem.org/Team:Uppsala/public-opinion">Public opinion </a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/public-opinion">Public opinion </a></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/Outreach">High school & media </a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/Outreach">High school & media </a></li> | ||
- | + | <li><a href="https://2013.igem.org/Team:Uppsala/bioart">BioArt</a></li> | |
+ | <li><a href="https://2013.igem.org/Team:Uppsala/LactonutritiousWorld">A LactoWorld</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Uppsala/killswitches">Killswitches</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Uppsala/realization">Patent</a></li> | ||
</ul></li> | </ul></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/attribution" id="list_type4"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/5/5d/Uppsala2013_Attributions.png"></a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/attribution" id="list_type4"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/5/5d/Uppsala2013_Attributions.png"></a></li> | ||
Line 118: | Line 144: | ||
<div id="main_content"> | <div id="main_content"> | ||
- | + | <h1 class="main-title">BioArt </h1> | |
+ | <div class="main_text_box"> | ||
+ | To explain what happens when a bacteria is genetically modified to the public is often challenging. It is often very abstract and the changes are invisible to the layman. To overcome this challenge we created bioart. Bioart is an easy and fun way to illustrate the result of modifying our bacteria. By using parts from our own <a href="https://2013.igem.org/Team:Uppsala/chromoproteins#l1">chromoprotein collection</a> we made sure that the result is visible to the naked eye and no UV-light is needed. We used them for creating a bioart exhibition at our <a href="https://2013.igem.org/Team:Uppsala/synbioday#refpoint1">SynBioday</a>. It was very effective at getting peoples attention. People were very curious of how we made the coloured bacteria. This gave us a natural way to introduce them to some basic synthetic biology. | ||
+ | </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="https://static.igem.org/mediawiki/2013/d/d7/Uppsala_bioart_pic1.jpg"></td><td onmouseover="bioGall(1)"><img src="https://static.igem.org/mediawiki/2013/4/4d/Uppsala_bioart_pic2.jpg"></td><td onmouseover="bioGall(2)"><img src="https://static.igem.org/mediawiki/2013/3/32/Uppsala_bioart_pic3.jpg"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td onmouseover="bioGall(3)"><img src="https://static.igem.org/mediawiki/2013/2/24/Uppsala_bioart_pic4.jpg"></td><td onmouseover="bioGall(4)"><img src="https://static.igem.org/mediawiki/2013/5/54/Uppsala2013_mange.jpg"></td><td onmouseover="bioGall(5)"><img src="https://static.igem.org/mediawiki/2013/f/f4/Uppsala_bioart_pic6.jpg"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td onmouseover="bioGall(6)"><img src="https://static.igem.org/mediawiki/2013/8/8e/Uppsala_bioart_pic7.jpg"></td><td onmouseover="bioGall(7)"><img src="https://static.igem.org/mediawiki/2013/8/8f/Uppsala_bioart_pic8.jpg"></td><td onmouseover="bioGall(8)"><img src="https://static.igem.org/mediawiki/2013/9/92/Uppsala_bioart_pic9.jpg"></td> | ||
+ | </tr> | ||
+ | </table> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | |||
- | |||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | |||
</div> | </div> | ||
- | <div id=" | + | <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> | |
Latest revision as of 22:52, 28 October 2013
BioArt
To explain what happens when a bacteria is genetically modified to the public is often challenging. It is often very abstract and the changes are invisible to the layman. To overcome this challenge we created bioart. Bioart is an easy and fun way to illustrate the result of modifying our bacteria. By using parts from our own chromoprotein collection we made sure that the result is visible to the naked eye and no UV-light is needed. We used them for creating a bioart exhibition at our SynBioday. It was very effective at getting peoples attention. People were very curious of how we made the coloured bacteria. This gave us a natural way to introduce them to some basic synthetic biology.