Team:BIOSINT Mexico/art

From 2014.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:BIOSINT_Mexico/Header2}}
{{:Team:BIOSINT_Mexico/Header2}}
-
<html>
+
[[File:BSMexArt.png|800px|center]]
-
<head>
+
-
<style type="text/css">
+
-
.home_second_block_div{width:265px;
+
-
float:left;
+
-
border:2px solid #ccc;
+
-
background-color:#fff;
+
-
padding:5px 10px;
+
-
margin:10px;
+
-
}
+
<html><h1>SYNBIO ART Attack!!!</h1> </html>
-
.home_second_block_div h2{
+
-
font-weight:bold;
+
-
}
+
-
.home_second_block_div p a{
+
-
text-decoration:none;
+
-
color:blue;}
+
-
.logo{
+
-
float:right;
+
-
}
+
-
.menu {
+
-
margin-top: 14px;
+
-
font-family: arial,sans-serif;
+
-
height: 50px;
+
-
margin: 0 auto 30px;
+
-
width: 980px;
+
-
}
+
-
.menu ul {
+
-
padding:0;
+
-
margin:0;
+
-
list-style: none;
+
-
}
+
-
.menu ul li {
+
-
float:left;
+
-
position:relative;
+
-
}
 
-
.menu ul li a, .menu ul li a:visited {
 
-
display:block;
 
-
text-align:center;
 
-
text-decoration:none;
 
-
padding-left:25px;
 
-
padding-right:25px;
 
-
height:30px;
 
-
color:#000;
 
-
border:1px solid #fff;
 
-
border-width:1px 1px 0 0;
 
-
line-height:40px;
 
-
font-size:15px;
 
-
}
 
-
.menu ul li ul {
 
-
display: none;
 
-
z-index:10;
 
-
}
 
-
.menu ul li:hover a {
 
-
color:#000;
 
-
height:50px;
 
-
display:block;
 
-
background:#ecffeb;
 
-
}
 
-
.menu ul li:hover ul {
 
-
display:block;
 
-
position:absolute;
 
-
top:50px;
 
-
left:0;
 
-
width:105px;
 
-
height:50px;
 
-
}
 
-
.menu ul li:hover ul li a {
 
-
display:block;
 
-
color:#000;
 
-
height:30px;
 
-
width:100px;
 
-
background:#fff;
 
-
margin-top:-2px;
 
-
line-height:30px;
 
-
}
 
-
.menu ul li:hover ul li a:hover {
 
-
background:#dfc184;
 
-
color:#000;
 
-
}
 
-
.caret {
 
-
    border-left: 4px solid transparent;
 
-
    border-right: 4px solid transparent;
 
-
    border-top: 4px solid;
 
-
    display: inline-block;
 
-
    height: 0;
 
-
    margin-left: 2px;
 
-
    width: 0;
 
-
vertical-align:middle !important;
 
-
}
 
-
</style>
 
-
</head>
 
-
<style>
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 
-
</style>
 
-
<!--  here ends the section that changes the default wiki template to a white full width background -->
+
<html>
Line 108: Line 16:
<body  style="background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)">
<body  style="background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)">
-
<!-- menu -->
 
-
<div class="menu">
 
-
 
-
<!---吉大logo---->
 
-
<div class="logo">
 
-
<a href="https://2014.igem.org/Team:Jilin_China"><img style="height:80px;"src="https://static.igem.org/mediawiki/2014/a/a3/Uea_igem-logo.png"></a>
 
-
</div>
 
-
<!---比赛logo---->
 
-
<div style="float:left;">
 
-
<a href="https://2014.igem.org/Main_Page"><img style="height:80px;"src="https://static.igem.org/mediawiki/2014/6/60/Jilin_China_igem_logo.gif"></a>
 
-
</div>
 
-
 
-
<table id="menu" cellspacing="0" height="135px">
 
-
<ul>
 
-
<li><a style="margin-top:20px;" class="hide" href="https://2014.igem.org/Team:Jilin_China">HOME</a></li>
 
-
<li><a style="margin-top:20px;" class="hide">TEAM<span class="caret"></span></a>
 
-
<ul>
 
-
<li><a  style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Team Members" title="Cross browser fixed layout">OUR TEAM</a></li>
 
-
<li><a href="https://2014.igem.org/Team:Jilin_China/ATTRIBUTION" title="Cross browser fixed layout">ATTRIBUTION</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a style="margin-top:20px;" class="hide">PROJECT<span class="caret"></span></a>
 
-
<ul>
 
-
<li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Outline" title="a coded list of spies">OUTLINE</a></li>
 
-
<li><a href="https://2014.igem.org/Team:Jilin_China/RESULT" title="a horizontal vertical menu">CONTRUST</a></li>
 
-
<li><a href="https://2014.igem.org/Team:Jilin_China/NOTEBOOK" title="a horizontal vertical menu">TEST</a></li>
 
-
<li><a href="https://2014.igem.org/Team:Jilin_China/Blueprint" title="a horizontal vertical menu">BLUEPRINT</a></li> 
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a style="margin-top:20px;" class="hide">IDEA<span class="caret"></span></a> 
 
-
<ul>
 
-
<li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/BACKGROUND" title="A drop down menu">BACKGROUND</a></li>
 
-
<li><a href="https://2014.igem.org/Team:Jilin_China/DESIGN" title="A cascading menu">DESIGN</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a style="margin-top:20px;" class="hide">PRACTICE<span class="caret"></span></a>
 
-
<ul>
 
-
<li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Coorperation" title="colour wheel">COORPERATION</a></li>
 
-
<li><a href="https://2014.igem.org/Team:Jilin_China/observation" title="a menu using opacity">OBSERVATION</a></li>
 
-
<li><a href="https://2014.igem.org/Team:Jilin_China/Propagate" title="partial opacity">PROPAGATE</a></li>
 
-
<li><a href="https://2014.igem.org/Team:Jilin_China/Survey" title="partial opacity II">SURVEY</a></li>
 
-
</ul> 
 
-
</li> 
 
-
 
-
<li><a style="margin-top:20px;" class="hide" href="https://2014.igem.org/Team:Jilin_China/Acknowledgement">ACKNOWLEDGEMENT</a></li>
 
-
</ul>
 
-
 
-
</table>
 
-
</div>
 
-
 
-
<!-- end of menu -->
 
<div class="container"  style="background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)">
<div class="container"  style="background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)">
Line 169: Line 23:
   <div class="carousel-inner" style="width:900px;MARGIN-RIGHT: auto; MARGIN-LEFT: auto;">
   <div class="carousel-inner" style="width:900px;MARGIN-RIGHT: auto; MARGIN-LEFT: auto;">
       <div class="item active">
       <div class="item active">
-
       <img src="https://static.igem.org/mediawiki/2014/8/85/Simonsong-picture1.jpg" alt="">
+
       <img src="https://static.igem.org/mediawiki/2014/5/5a/BiosintArt1.jpg" alt="">
       <div class="carousel-caption">           
       <div class="carousel-caption">           
-
       <p>Developing microscope using experiment for Jilin University High School</p>
+
       <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
       </div>
       </div>
       </div>
       </div>
       <div class="item">
       <div class="item">
-
       <img src="https://static.igem.org/mediawiki/2014/6/6f/Simonsong-picture2.jpg" alt=""/>
+
       <img src="https://static.igem.org/mediawiki/2014/3/3a/BiosintArt2.jpg" alt=""/>
       <div class="carousel-caption">
       <div class="carousel-caption">
-
       <p>Instructor and our students</p>
+
       <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
       </div>
       </div>
       </div>
       </div>
   
   
       <div class="item">
       <div class="item">
-
       <img src="https://static.igem.org/mediawiki/2014/8/81/Simonsong-picture3.jpg" alt="">
+
       <img src="https://static.igem.org/mediawiki/2014/7/79/BiosintArt3.jpg" alt="">
       <div class="carousel-caption">
       <div class="carousel-caption">
-
       <p>We are all happy in our team</p>
+
       <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
       </div>
       </div>
       </div>
       </div>
-
    </div>
 
-
    <a href="#carousel1" data-slide="prev" class="left carousel-control" style="left:145px">‹</a>
 
-
    <a href="#carousel1" data-slide="next" class="right carousel-control" style="right:149px">›</a>
 
-
  </div>
 
-
</div>
 
-
<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
 
-
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
 
 +
<div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/4/44/BiosintArt4.jpg" alt="">
 +
      <div class="carousel-caption">
 +
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
 +
      </div>
 +
      </div>
-
<!-- First block of content -->
+
<div class="item">
-
<table  id="firstblock" width="100%"  cellspacing="0">
+
      <img src="https://static.igem.org/mediawiki/2014/2/27/BiosintArt5.jpg" alt="">
-
<tr>
+
      <div class="carousel-caption">
-
<td  background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png"></td>
+
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
-
<td align="center" background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png" >
+
      </div>
 +
      </div>
-
<!-- You can replace this image with your team's logo! -->
+
<div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/f/f1/BiosintArt6.jpg" alt="">
 +
      <div class="carousel-caption">
 +
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
 +
      </div>
 +
      </div>
-
<h3>Welcome!  <br>Team Jilin_China</h3>
 
-
<p>Scroll down to find more about our project! </p>
 
-
</td>
+
<div class="item">
-
<td background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png"></td>
+
      <img src="https://static.igem.org/mediawiki/2014/b/bc/BiosintArt8.jpg" alt="">
-
</tr>
+
      <div class="carousel-caption">
-
</table>
+
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
 +
      </div>
 +
      </div>
-
<!-- end of first block -->
+
<div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/d/d3/BiosintArt9.jpg" alt="">
 +
      <div class="carousel-caption">
 +
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
 +
      </div>
 +
      </div>
-
<!--  Block of content 1 -->
+
<div class="item">
-
<table width="100%" cellspacing="0" height="500px">
+
      <img src="https://static.igem.org/mediawiki/2014/9/93/BiosintArt12.jpg" alt="">
-
<tr><td  bgColor="#FEE5AD"></td>
+
      <div class="carousel-caption">
-
<td width="975px" align="center" bgColor="#FEE5AD" >
+
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
-
<table  width="975px"  cellspacing="0" height="500px">
+
      </div>
-
<tr>
+
      </div>
-
<td width="100%" bgColor="#FEE5AD" rowspan="3" align="center">  
+
<div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/f/f3/BiosintArt13.jpg" alt="">
 +
      <div class="carousel-caption">
 +
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
 +
      </div>
 +
      </div>
-
<!-- Content goes here -->
+
<div class="item">
-
<img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png">
+
      <img src="https://static.igem.org/mediawiki/2014/5/55/BiosintArt14.jpg" alt="">
-
<div class="home_second_block_div">
+
      <div class="carousel-caption">
-
<h2>Team</h2>
+
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
-
<p>We are from JiLin University of China.There are 17 members in our team,including three instructors:,one advisor:Han Jia,Thirteen students:Li Xiaoqi, Wang Yujing, Zhang Endong, He Yingdong, Song Guangyuan...<a href="">More about Team</a></p>
+
      </div>
-
</div>
+
      </div>
-
<div class="home_second_block_div">
+
-
<h2>Background</h2>
+
-
<p>In the past few years, algal bloom caused by eutrophication has widely spread across the world and the situation became even worse after climate warming. It is reported that the algal bloom is taking place almost every main...<a href="">More about Background</a></p></div>
+
-
<div class="home_second_block_div">
+
-
<h2>Prcatice</h2>
+
-
<p>In order to investigate the dangers of algae bloom,the JLU-china iGEM team visited The South lake and the Songhua lake in jilin.algae outbreaks there,and the JLU-china team also held a interview with the local people...<a href="">More about Practice</a></p>
+
-
</div>
+
-
</td> 
+
-
<!-- This is the back to top button -->
+
<div class="item">
-
<th bgColor=#FEE5AD> </th>
+
      <img src="https://static.igem.org/mediawiki/2014/1/19/BiosintArt16.jpg" alt="">
-
<tr><td bgColor=#FEE5AD></td></tr>
+
      <div class="carousel-caption">
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
+
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
-
<a href="#menu" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
      </div>
-
</table>
+
      </div>
 +
 
 +
<div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/a/a8/BiosintArt17.jpg" alt="">
 +
      <div class="carousel-caption">
 +
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
 +
      </div>
 +
      </div>
 +
 
 +
<div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/2/2a/BiosintArt.jpg" alt="">
 +
      <div class="carousel-caption">
 +
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
 +
      </div>
 +
      </div>
 +
 
 +
<div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/0/0f/BiosintArt19.jpg" alt="">
 +
      <div class="carousel-caption">
 +
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
 +
      </div>
 +
      </div>
 +
 
 +
<div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/b/bf/BiosintArt20.jpg" alt="">
 +
      <div class="carousel-caption">
 +
      <p>ITESM Campus Querétaro students enjoying the art activity "So tell me, what is synthetic biology?"</p>
 +
      </div>
 +
      </div>
 +
 
 +
 
 +
    </div>
 +
    <a href="#carousel1" data-slide="prev" class="left carousel-control" style="left:145px">‹</a>
 +
    <a href="#carousel1" data-slide="next" class="right carousel-control" style="right:149px">›</a>
 +
  </div>
 +
</div>
 +
<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
 +
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>  
-
</td>
 
-
<td bgColor="#FEE5AD"></td>
 
-
</tr>
 
-
</table>
 
-
<!-- end of Block-->
 
</html>
</html>
 +
 +
On the so celebrated biotechnologist day in our campus, we organized an activity to know the artistic ideas of synthetic biology that our peers had about this subject. Participants were asked to portrait  what they thought synthetic biology was about and what it could be used for.
 +
 +
Colorful images and shaded biobricks covered our paper band that day, including the famous double helix, which could be observed crossing our  improvised canvas.
 +
 +
This challenge where science is explored through arts  has provided the opportunity of allowing the ideas of synthetic biology applications to spread out unjudged. Where the impossible and possible recombine into creativity, that could potentially one day be an iGEM project.
 +
 +
We provided an unbiased space for the participants explore their perceptions, in the hope that they can open up to this new technology and that the curiosity that they could  have developed, through artistic expression on this matter, will help them enjoy and try out the exciting world of synthetic biology.

Latest revision as of 00:35, 18 October 2014

BSMexArt.png

SYNBIO ART Attack!!!


On the so celebrated biotechnologist day in our campus, we organized an activity to know the artistic ideas of synthetic biology that our peers had about this subject. Participants were asked to portrait what they thought synthetic biology was about and what it could be used for.

Colorful images and shaded biobricks covered our paper band that day, including the famous double helix, which could be observed crossing our improvised canvas.

This challenge where science is explored through arts has provided the opportunity of allowing the ideas of synthetic biology applications to spread out unjudged. Where the impossible and possible recombine into creativity, that could potentially one day be an iGEM project.

We provided an unbiased space for the participants explore their perceptions, in the hope that they can open up to this new technology and that the curiosity that they could have developed, through artistic expression on this matter, will help them enjoy and try out the exciting world of synthetic biology.

Retrieved from "http://2014.igem.org/Team:BIOSINT_Mexico/art"