"
Team:KIT-Kyoto/Project
From 2014.igem.org
| Line 56: | Line 56: | ||
<div class="q"> | <div class="q"> | ||
<h3>Q1. Do you like iGEM?</h3> | <h3>Q1. Do you like iGEM?</h3> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div id="qbox2"> | ||
| + | <ul class="question2"> | ||
| + | <li><img src="/wiki/images/8/85/Kit_Collaboration1.jpg"></li> | ||
| + | <li><img src="/wiki/images/b/b2/Kit_Collaboration2.jpg"></li> | ||
| + | <li><img src="/wiki/images/7/75/Kit_Collaboration3.jpg"></li> | ||
| + | <li><img src="/wiki/images/f/f0/Kit_Collaboration4.jpg"></li> | ||
| + | </ul> | ||
| + | <div class="q2"> | ||
| + | <h3>Q2. Are you interested in synthetic biology?</h3> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 157: | Line 168: | ||
} | } | ||
| - | .question{ | + | .question,.question2{ |
float:left; | float:left; | ||
list-style: none; | list-style: none; | ||
| Line 166: | Line 177: | ||
height:414px; | height:414px; | ||
} | } | ||
| - | .q{ | + | .question2{ |
| + | float:right; | ||
| + | } | ||
| + | .q,.q2{ | ||
position:relative; | position:relative; | ||
| - | |||
height:414px; | height:414px; | ||
| + | float:left; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
padding:5px; | padding:5px; | ||
| Line 175: | Line 189: | ||
} | } | ||
| - | .q h3{ | + | .q h3,.q2 h3{ |
| - | margin-top: | + | margin-top:180px; |
} | } | ||
.question{ | .question{ | ||
| Line 217: | Line 231: | ||
var _w = $(".main-contents").width(); | var _w = $(".main-contents").width(); | ||
_w -= 620; | _w -= 620; | ||
| - | $(".q").css('width',_w); | + | $(".q,.q2").css('width',_w); |
} | } | ||
fixbox(); | fixbox(); | ||
| Line 234: | Line 248: | ||
$(".question li:first").remove(); | $(".question li:first").remove(); | ||
clone.clone(true).insertAfter($(".question li:last")); | clone.clone(true).insertAfter($(".question li:last")); | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| + | var loop2 = setInterval(slide2,5000); | ||
| + | function slide2() { | ||
| + | var clone = $(".question2 li:first").clone(true); | ||
| + | var qw = $(".question2").height(); | ||
| + | $(".question2 li:nth-child(2)").css({opacity:"0"}); | ||
| + | $(".question2 li:first").animate({ | ||
| + | marginTop : qw,opacity:"0" | ||
| + | }, { | ||
| + | duration : 800, | ||
| + | complete : function() { | ||
| + | $(".question2 li:nth-child(2)").animate({opacity:"1"},1200); | ||
| + | $(".question2 li:first").remove(); | ||
| + | clone.clone(true).insertAfter($(".question2 li:last")); | ||
} | } | ||
}); | }); | ||
Revision as of 14:02, 16 October 2014
Project
Overview
As a part of Policy & Practices project, we conducted a survey on people’s attitudes toward genetic engineering. The results showed that the general public does not feel familiar not only with genetic engineering but also with science. So we designed our project in order to change this for the better.
What can we do to make science more appealing to everyone? One of the solutions for us was to harmonize science with arts. You may say that science is incompatible with arts. But KIT actually constitutes of science and arts majors embodying a fusion of them, as its philosophy posits “Wisdom, Beauty and Technology”. Our project fused science and arts in a KIT way. KIT has the Drosophila Genetic Resource Center (DGRC), which collects stocks of Drosophila melanogaster, an important model organism in life science research, from laboratories around the world. There are only two other such centers in the world. Inspired by this, we let Drosophila in our project with the help of E. coli and S. cerevisiae. Please enjoy living BioArt to feel science closer.
Gallery
Q1. Do you like iGEM?
Q2. Are you interested in synthetic biology?
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
Short Film
KIT-Kyoto made an introductory video "How to make basic BioArt." We hope that more people can find genetic engineering appealing. With a little bit of labware, you can make BioArt!
