Team:Heidelberg/HumanPractice/Artists

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 6: Line 6:
     text-align:justify;
     text-align:justify;
}
}
-
    .item img {
+
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
-
          width: auto;
+
    display: block;
-
          height: 400px;
+
    height: auto;
-
          max-height: 400px;
+
    line-height: 1;
-
}
+
    max-width: 100%; 
 +
    max-height: 400px:
 +
}  
     .jumbotron {
     .jumbotron {
           font-size:14px;
           font-size:14px;
 +
}
 +
.vimeo_video {
 +
    margin-bottom: 3%;
 +
    text-align: center;
}
}
</style>
</style>
Line 18: Line 24:
<div class="container">
<div class="container">
<div>
<div>
-
                       <h1><span style="font-size:170%;color:#FFCC00;">Arts and Science.</span><span class="text-muted" style="font-family:Arial, sans-serif; font-size:100%"> An inspiring Cooperation.</span></h1>
+
                       <h1><span style="font-size:170%;color:#7137c8;">Arts and Science.</span><span class="text-muted" style="font-family:Arial, sans-serif; font-size:100%"> An Inspiring Cooperation.</span></h1>
             </div>
             </div>
Line 25: Line 31:
<p>
<p>
<br/>
<br/>
-
We built an inspiring cooperation with the artists participating in the joint project <b><a href='http://notinventedbynature.org/'>“not invented by nature”</a></b> by the </b><a href='https://www.dkfz.de/en/index.html'>DKFZ</a></b>, the <b><a href='http://www.uni-heidelberg.de/index_e.html'>Heidelberg University</a></b>, the <b><a href='https://www.life-science-lab.org/cms/'>Heidelberger Life Science Lab</a></b> as well as the <b><a href='http://www.uni-weimar.de/en/university/start/'>Bauhaus University Weimar</a></b>. <b>One may ask what art and synthetic biology have in common.</b> To answer this question is the very aim of this cooperation. The visiting artists were introduced to basic methods in synthetic biology such as working with bacteria and mammalian cells, cloning DNA, protein expression and analytical evaluation of their results by e.g. microscopy and gel-electrophoresis. After an introductory lab-course, they plan to work in our lab, gain experiences and work on their exhibits. Discussion rounds and mutual presentations accompany this collaboration.
+
We built an inspiring cooperation with the artists participating in the joint project <b><a href='http://notinventedbynature.org/'>“not invented by nature”</a></b> by the <b><a href='https://www.dkfz.de/en/index.html'>DKFZ</a></b>, the <b><a href='http://www.uni-heidelberg.de/index_e.html'>Heidelberg University</a></b>, the <b><a href='https://www.life-science-lab.org/cms/'>Heidelberger Life Science Lab</a></b> as well as the <b><a href='http://www.uni-weimar.de/en/university/start/'>Bauhaus University Weimar</a></b>. <b>One may ask what art and synthetic biology have in common.</b> To answer this question is the very aim of this cooperation. The visiting artists were introduced to basic methods in synthetic biology such as working with bacteria and mammalian cells, cloning DNA, protein expression and analytical evaluation of their results by e.g. microscopy and gel-electrophoresis. After an introductory lab-course, they plan to work in our lab, gain experiences and work on their exhibits. Discussion rounds and mutual presentations accompany this collaboration.
<br />
<br />
<br />
<br />
Line 37: Line 43:
                 <div>
                 <div>
-
                     <div id="myCarousel" class="carousel slide" style="margin-top:5%">
+
                     <div id="myCarouselA" class="carousel slide" style="margin-top:5%">
                         <!-- Indicators -->
                         <!-- Indicators -->
                       <ol class="carousel-indicators">
                       <ol class="carousel-indicators">
-
                             <li class="active" data-target="#myCarousel" data-slide-to="0"></li>
+
                             <li class="active" data-target="#myCarouselA" data-slide-to="0"></li>
-
                             <li data-target="#myCarousel" data-slide-to="1"></li>
+
                             <li data-target="#myCarouselA" data-slide-to="1"></li>
-
                             <li data-target="#myCarousel" data-slide-to="2"></li>
+
                             <li data-target="#myCarouselA" data-slide-to="2"></li>
-
                             <li data-target="#myCarousel" data-slide-to="3"></li>
+
                             <li data-target="#myCarouselA" data-slide-to="3"></li>
-
                             <li data-target="#myCarousel" data-slide-to="4"></li>
+
                             <li data-target="#myCarouselA" data-slide-to="4"></li>
-
                             <li data-target="#myCarousel" data-slide-to="5"></li>
+
                             <li data-target="#myCarouselA" data-slide-to="5"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="6"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="7"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="8"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="9"></li>
                            
                            
                         </ol>
                         </ol>
                         <div class="carousel-inner">
                         <div class="carousel-inner">
 +
                             <div class="item active first">
                             <div class="item active first">
-
                               <img src="http://2013.igem.org/wiki/images/2/23/Heidelberg_IMG_4387.JPG" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/0/09/Heidelberg_IMG_7911.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 58: Line 69:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/8/87/Heidelberg_IMG_4379.JPG" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/1/17/Heidelberg_IMG_7918.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
                           
 +
                            <div class="item">
 +
                              <img src="http://2013.igem.org/wiki/images/6/62/Heidelberg_IMG_8138.jpg.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 64: Line 81:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/1/14/Heidelberg_IMG_4380.JPG" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/e/e6/Heidelberg_IMG_8136.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 70: Line 87:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/e/e0/Heidelberg_IMG_4384.JPG" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/3/3e/Heidelberg_IMG_4387.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="http://2013.igem.org/wiki/images/8/86/Heidelberg_IMG_4379.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="http://2013.igem.org/wiki/images/1/13/Heidelberg_IMG_4380.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="http://2013.igem.org/wiki/images/1/15/Heidelberg_IMG_4384.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 76: Line 111:
                              
                              
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/8/8c/Heidelberg_IMG_4382.JPG" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/9/94/Heidelberg_IMG_4382.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 82: Line 117:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/c/c1/Heidelberg_IMG_4391.JPG" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/f/fc/Heidelberg_IMG_4391.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 89: Line 124:
                           </div>
                           </div>
-
                     <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
+
                     <a class="left carousel-control" href="#myCarouselA" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
-
                     <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
                     <a class="right carousel-control" href="#myCarouselA" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                 </div>
                 </div>
              
              
Line 116: Line 151:
<div class="row" >
<div class="row" >
-
<div class="col-sm-12 col-md-6">
 
-
<p>
 
-
<br />
 
-
<br />
 
-
<b>The artistic Project</b>
 
-
<br />
 
-
<br/>
 
-
My “Philosophers’ Stone” is a 3D stereoscopic narrative. In this case, looking through binoculars of  a virtual microscope we do not see bacterium <i>D. acidovorans</i> or <i>E. coli</i>, just as we cannot see molecular processes like synthetases or chelation. Instead we see a cloud of points – pixels of data. Gradually we can recognize a model of  Delftibactine (NRP) in the middle of the cloud. Thus, the isolated peptide suggests to be a part of some larger spatial system. This spatial formation is not static but animated be the movement of water, the metaphor for life. Slowly it changes into a precious and desired gold, a symbol of immortality, excellence, the highest value and beauty. However, the stone turns out to be made of notes, records and drawings accompanying the experimental phase of the scientific project. Slowly, the solid form diffuses itself into particles: dispersed carriers or seeds of information….
 
-
<br/>
 
-
<br/>
 
-
</p>
 
-
<p><b><a href='http://www.johoffmann.com/philosophers.stone.htm'>Visit her homepage here.</a></b></p>
 
-
</div>
 
<div class="col-sm-12 col-md-6"  >
<div class="col-sm-12 col-md-6"  >
                 <div>
                 <div>
-
                     <div id="myCarousel" class="carousel slide" style="margin-top:5%">
+
                     <div id="myCarouselB" class="carousel slide" style="margin-top:5%">
                         <!-- Indicators -->
                         <!-- Indicators -->
                       <ol class="carousel-indicators">
                       <ol class="carousel-indicators">
-
                             <li class="active" data-target="#myCarousel" data-slide-to="0"></li>
+
                             <li class="active" data-target="#myCarouselB" data-slide-to="0"></li>
-
                             <li data-target="#myCarousel" data-slide-to="1"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="1"></li>
-
                             <li data-target="#myCarousel" data-slide-to="2"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="2"></li>
-
                             <li data-target="#myCarousel" data-slide-to="3"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="3"></li>
-
                             <li data-target="#myCarousel" data-slide-to="4"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="4"></li>
-
                             <li data-target="#myCarousel" data-slide-to="5"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="5"></li>
-
                             <li data-target="#myCarousel" data-slide-to="6"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="6"></li>
-
                             <li data-target="#myCarousel" data-slide-to="7"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="7"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="8"></li>
                            
                            
                         </ol>
                         </ol>
Line 149: Line 172:
                             <div class="item active first">
                             <div class="item active first">
-
                               <img src="http://2013.igem.org/wiki/images/0/0a/Heidelberg_0.JHD.jpg" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/0/04/Heidelberg_0.JHD.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 155: Line 178:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/c/c8/Heidelberg_1.JHD.jpg" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/7/75/Heidelberg_1.JHD.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 162: Line 185:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/3/38/Heidelberg_2.JHD.jpg" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/b/b6/Heidelberg_2.JHD.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 168: Line 191:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/a/ad/Heidelberg_3a.JHD.jpg" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/8/89/Heidelberg_3.JHD.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 174: Line 197:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/d/d1/Heidelberg_3b.JHD.jpg" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/3/30/Heidelberg_3a.JHD.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="http://2013.igem.org/wiki/images/a/a8/Heidelberg_3b.JHD.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 180: Line 209:
                              
                              
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/d/d8/Heidelberg_4.JHD.jpg" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/1/17/Heidelberg_4.JHD.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 186: Line 215:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/8/85/Heidelberg_5.JHD.jpg" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/9/9f/Heidelberg_5.JHD.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 192: Line 221:
                             <div class="item">
                             <div class="item">
-
                               <img src="http://2013.igem.org/wiki/images/a/ab/Heidelberg_6.JHD.jpg" alt="" />
+
                               <img src="http://2013.igem.org/wiki/images/b/b0/Heidelberg_6.JHD.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 199: Line 228:
                           </div>
                           </div>
-
 
+
                    <a class="left carousel-control" href="#myCarouselB" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                    <a class="right carousel-control" href="#myCarouselB" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
Line 206: Line 236:
                                 </div>
                                 </div>
                             </div>
                             </div>
 +
<div class="col-sm-12 col-md-6">
 +
<p>
 +
<br />
 +
<br />
 +
<b>The artistic Project</b>
 +
<br />
 +
<br/>
 +
My “Philosophers’ Stone” is a 3D stereoscopic narrative. In this case, looking through binoculars of  a virtual microscope we do not see bacterium <i>D. acidovorans</i> or <i>E. coli</i>, just as we cannot see molecular processes like synthetases or chelation. Instead we see a cloud of points – pixels of data. Gradually we can recognize a model of  Delftibactine (NRP) in the middle of the cloud. Thus, the isolated peptide suggests to be a part of some larger spatial system. This spatial formation is not static but animated be the movement of water, the metaphor for life. Slowly it changes into a precious and desired gold, a symbol of immortality, excellence, the highest value and beauty. However, the stone turns out to be made of notes, records and drawings accompanying the experimental phase of the scientific project. Slowly, the solid form diffuses itself into particles: dispersed carriers or seeds of information….
 +
<br/>
 +
<br/>
 +
</p>
 +
<p><b><a href='http://www.johoffmann.com/philosophers.stone.htm'>Visit her homepage here!</a></b></p>
 +
</div>
   </div>
   </div>
-
</div>
+
            <div class="row">
-
 
+
                <!--graphical abstract-->
 +
                <div class="col-sm-12 vimeo_video">
 +
                  <iframe width="853" height="480" src="//player.vimeo.com/video/77907898" frameborder="0" allowfullscreen></iframe>
 +
                </div>
 +
            </div>
 +
    </div>
 +
</div>
 +
</div>

Latest revision as of 23:56, 27 October 2013

Arts and Science. An Inspiring Cooperation.


We built an inspiring cooperation with the artists participating in the joint project “not invented by nature” by the DKFZ, the Heidelberg University, the Heidelberger Life Science Lab as well as the Bauhaus University Weimar. One may ask what art and synthetic biology have in common. To answer this question is the very aim of this cooperation. The visiting artists were introduced to basic methods in synthetic biology such as working with bacteria and mammalian cells, cloning DNA, protein expression and analytical evaluation of their results by e.g. microscopy and gel-electrophoresis. After an introductory lab-course, they plan to work in our lab, gain experiences and work on their exhibits. Discussion rounds and mutual presentations accompany this collaboration.

We thank the international group of artists, participating in this project: Howard Boland, Joanna Hoffmann-Dietrich, Ji Hyun Park and Miguel Santos for their philosophical and creative input and a completely new point of view on synthetic biology which itself can be regarded as artistic: Out of existing small pieces, one creates something synthetic, thus entirely new. This would also implicate that in every project in synthetic biology one can find a piece of its scientific creator, which is, after all, a soothing thought.

Read about Joanna Hoffmann-Dietrich's experience and adaptation of our project:

NRPSs & The Philosophers’ Stone


The project calls attention to ecological and environmental issues. On one hand, it refers to the need of exploitation of natural resources, on the other hand, it underlines the growing problem of technological waste. Advances in synthetic biology depend on technology and it is important that young scientists reflect on this problem. Environmental and ecological aspects of the project surely prove a wider and interdisciplinary way of thinking. One can also point out that the recycled gold may help scientists to finance their research, which in the time of the economic crisis might be worth considering.

As an artist, I have been especially attracted by the project’s cultural and social contexts. The title of the project “Philosophers’ Stone” not only comprises the idea of changing something of no value (in this case the electronic waste) to something of a big value (gold). It refers to the ever-lasting human endeavors to comprehend the nature and to the tradition in which knowledge (guiding to wisdom) was the highest value. The intersection of contemporary scientific practices and their reach cultural contexts became the inspiration for my artistic work.

Indeed, philosophers’ stone (Latin: lapis philosophorum) is mostly associated with the legendary alchemic substance used for the transmutation of base metals into precious stones: gold or silver. However, for alchemists, the human greed was not the ground for their research. The Greek alchemist, Zosimos qualified the philosophers’ stone as xerion (Arabic. El Iksir, Latin. Elixir). Apart of transmutation, it was supposed to heal all forms of diseases, prolong life, secure agelessness and even immortality. Thus the philosophers’ stone expressed the deepest human desires to control and gain power over natural processes and, ultimately, to conquer the death.

In many interpretations however, the philosophers’ stone was not a real substance but a metaphor for enlightenment (full comprehension) and knowledge. The search for “Philosopher’s Stone” was in fact the search for the deeper knowledge and its power. It is worth to underline that lapis philosophorium was not considered as the possession or achievement of a singular scholar but a shared property of those who “love wisdom”.

Sharing ideas, experience and knowledge is one of the main objectives of the iGEM competition.



The artistic Project

My “Philosophers’ Stone” is a 3D stereoscopic narrative. In this case, looking through binoculars of a virtual microscope we do not see bacterium D. acidovorans or E. coli, just as we cannot see molecular processes like synthetases or chelation. Instead we see a cloud of points – pixels of data. Gradually we can recognize a model of Delftibactine (NRP) in the middle of the cloud. Thus, the isolated peptide suggests to be a part of some larger spatial system. This spatial formation is not static but animated be the movement of water, the metaphor for life. Slowly it changes into a precious and desired gold, a symbol of immortality, excellence, the highest value and beauty. However, the stone turns out to be made of notes, records and drawings accompanying the experimental phase of the scientific project. Slowly, the solid form diffuses itself into particles: dispersed carriers or seeds of information….

Visit her homepage here!

Thanks to