Team:KIT-Kyoto

From 2014.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Team:KIT-Kyoto/Common}}
-
{{Team:KIT-Kyoto/top}}
+
{{Team:KIT-Kyoto/bg}}
-
{{Team:KIT-Kyoto/color}}
+
{{Team:KIT-Kyoto/SlideShow}}
 +
{{Team:KIT-Kyoto/navi}}
 +
{{Team:KIT-Kyoto/Scroll}}
 +
{{Team:KIT-Kyoto/btn}}
 +
{{Team:KIT-Kyoto/logo}}
<html>
<html>
-
<!--main content -->
+
 
-
<div id="main">
+
<!--サイドメニュー-->
-
<div class="uc">
+
<ul id="nav5">
-
<img src="https://static.igem.org/mediawiki/2014/f/f8/Under_construction.png" width="100" height="100" style="float:left;margin-right:20px;margin-left:50px;">
+
        <li class="menuimg"><a href="#">HOME</a></li>
-
<br><br><font size="+5" color="red">We are still constructing this page.</font>
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/About">ABOUT us</a></li>
 +
<li class="menuimg"><a href="/Team:KIT-Kyoto/Project">PROJECT</a></li>
 +
<li class="menuimg"><a href="/Team:KIT-Kyoto/HumanPractice">policy & PRACTICEs</a></li>
 +
<li class="menuimg"><a href="/Team:KIT-Kyoto/Achievement">Achievement</a></li>
 +
<li class="menuimg"><a href="/Team:KIT-Kyoto/Notebook">NOTEBOOK</a></li>
 +
</ul>
 +
<a href="http://info.flagcounter.com/bICd"><img src="http://s11.flagcounter.com/count/bICd/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_20/viewers_0/labels_0/pageviews_1/flags_0/" alt="Flag Counter" border="0" style="position:fixed;bottom:5px;left:0;"></a>  
</div>
</div>
-
<!--navi -->
+
<!--サイドメニュー終わり-->
-
<div id="navi1">
+
 
-
<h2>Menu</h2>
+
 
-
<ul>
+
<!--メインコンテンツ-->
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto">Home</a> </li>
+
<div id="container">
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Team">Team</a> </li>
+
<div id="topmenu">
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=KIT-Kyoto">Official Team Profile</a> </li>
+
<div class="timg">
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Project">Project</a> </li>
+
<div class="show">
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Parts">Parts</a> </li>
+
<a href="javascript:void(0);"><img src="/wiki/images/6/6b/Kit_Welcome.png"></a></div>
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Modeling">Modeling</a> </li>
+
 
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Notebook">Notebook</a> </li>
+
<div class="hide">
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Safety">Safety</a> </li>
+
<a href="javascript:void(0);"><img src="/wiki/images/3/3f/Kit_Welcome_on_c.jpg" width="1920"></a></div>
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Attributions">Attributions</a> </li>
+
-
</ul>
+
-
<a href="https://2014.igem.org/"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="150px" height="150px" alt="igem_logo"/></a>
+
</div>
</div>
-
<!--welcome box -->
+
<div class="timg">
-
<div id="contents">
+
<div class="show">
-
<div class="welcome">
+
<a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/b/bf/Kit_Abou_Us.png" width="1920">
-
<h1 >Welcome to KIT-Kyoto Wiki Page!</h1>
+
</a>
-
<img src="https://static.igem.org/mediawiki/2014/7/7f/Kitlogo.png" width="180" height="180" alt="kitlogo" style="float:right;margin-left:10px">
+
-
<p style="text-align:justify;">KIT, Kyoto Institute of Technology, is a national university in Kyoto, which had been the capital city of Japan for more than a thousand years. KIT was founded to do research on silk and textile, important for artistic kimono industries for Kyoto.
+
-
+
-
Though its name has 'technology' in it, KIT is a fusion of science and arts. KIT has been committed in the genetics more recently. A good example is the Drosophila Genetic Resource Center (DGRC), which collects stocks of Drosophila, an essential model organism in life science research, from laboratories around the world. There are only two other such centers in the world.
+
-
The institute has also collaborated actively with industries in Kyoto and beyond.
+
-
+
-
KIT's competence is beyond science. It also has arts and design courses.
+
-
+
-
KIT is a place of robust science and creative arts.  We will exert our strength
+
-
As students of KIT, we are very proud of competing with wonderful students in other universities in iGEM. We will show you what you will get when arts and science merge. See you in Boston!  </p>
+
-
<!-- end welcome box -->
+
</div>
</div>
-
<div class="descriptions">
+
<div class="hide">
-
<h1>E.motion:Dawn of the New Generation BioArt</h1>
+
<a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/8/8e/Kit_Abou_Us_on_c.jpg" width="1920">
-
<p style="text-align:justify;">We infuse dynamic art and design into E.coli and Saccharomyces cerevisiae to create new inspiration. It is not just static, garden-variety of drawings with fluorescent proteins such as GFP, RFP or YFP, you have seen somewhere. In front of you are fragrance by monoterpene and motion of organisms in perfect combination. We even invite insects to perform around our artwork; monoterpene's repellent effect certainly affects insects' behavior. It is a BioArt of future generation that gratifies your senses. Our artwork will wow you and wake up your desire to express yourself in the form of art. You may think E.coli is stinky or poopy. No! With the power of synthetic biology, it can be aromatic! Our proposition: synthetic biology inspires everybody.</p>
+
</a>
</div>
</div>
</div>
</div>
 +
 +
<div class="timg">
 +
<div class="show">
 +
<a href="/Team:KIT-Kyoto/Project"><img src="/wiki/images/5/58/Kit_E-motion.png" width="1920">
 +
</a>
</div>
</div>
 +
<div class="hide">
 +
<a href="/Team:KIT-Kyoto/Project"><img src="/wiki/images/1/11/Kit_Project_on_c.jpg" width="1920">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="timg">
 +
<div class="show">
 +
<a href="/Team:KIT-Kyoto/HumanPractice"><img src="/wiki/images/7/7e/Kit_PP.png" width="1920">
 +
</a>
 +
</div>
 +
<div class="hide">
 +
<a href="/Team:KIT-Kyoto/HumanPractice"><img src="/wiki/images/e/e6/Kit_PP_on_c.jpg" width="1920">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="timg">
 +
<div class="show">
 +
<a href="/Team:KIT-Kyoto/Achievement"><img src="/wiki/images/8/82/Kit_Achievement.png" width="1920">
 +
</a>
 +
</div>
 +
<div class="hide">
 +
<a href="/Team:KIT-Kyoto/Achievement"><img src="/wiki/images/6/6d/Kit_Achievement_on_c.jpg" width="1920">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="timg">
 +
<div class="show">
 +
<a href="/Team:KIT-Kyoto/Notebook"><img src="/wiki/images/1/17/Kit_LN.png" width="1920">
 +
</a>
 +
</div>
 +
<div class="hide">
 +
<a href="/Team:KIT-Kyoto/Notebook"><img src="/wiki/images/1/1b/Kit_LN_on_c.jpg" width="1920">
 +
</a>
 +
</div>
 +
</div>
 +
 +
</div>
 +
<div class="clear"><hr /></div>
 +
    <div id='kitfooter-box' class='noprint'>
 +
              <div><a href="http://www.mediawiki.org/" style="float:left;margin:10px auto;"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a>
 +
              </div>
 +
              <div><a href="http://creativecommons.org/licenses/by/3.0/" style="float:right;margin:10px auto;"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a>     
 +
              </div>  
 +
<div id="kitfooter">     
 +
          <ul id="fkit">
 +
            <li><a href="/Special:RecentChanges" title='Recent changes'>Recent changes</a></li>
 +
    <li><a href="/Special:WhatLinksHere/Team:KIT-Kyoto/Test/About"
 +
                  title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
 +
            <li><a href="/Special:RecentChangesLinked/Team:KIT-Kyoto/Test/About"
 +
                  title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
 +
    <li><a href="/Special:Upload" title="Upload files [u]" accesskey="u">Upload file</a></li>
 +
    <li><a href="/Special:SpecialPages" title="List of all special pages [q]" accesskey="q">Special pages</a></li>
 +
          </ul>
 +
          <ul id="fkit">
 +
            <li><a href='/Special:Preferences'>My preferences</a></li>
 +
    <li><a href="/wiki/index.php?title=Team:KIT-Kyoto/Test/About&amp;printable=yes"
 +
              title="Printable version of this page [p]" accesskey="p">Printable version</a></li>
 +
    <li><a href="/wiki/index.php?title=Team:KIT-Kyoto/Test/About&amp;oldid=95128"
 +
              title="Permanent link to this revision of the page">Permanent link</a></li>
 +
            <li><a href="/2014.igem.org:Privacy_policy"
 +
                      title="2014.igem.org:Privacy policy">Privacy policy</a></li>
 +
            <li><a href="/2014.igem.org:General_disclaimer"
 +
                      title="2014.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div>
 +
    </div> <!-- close kitfooter-box -->
 +
</div>
 +
<!--メインコンテンツ終わり-->
 +
 +
<style style="text/css">
 +
#kitfooter-box{
 +
background-color:rgba(100,100,100,0);
 +
z-index:1;
 +
height:80px;
 +
}
 +
#fkit a{
 +
color:#fff;
 +
}
 +
#bodyContent{
 +
min-height:100%;
 +
}
 +
div#container{
 +
margin:14px 0px 0px 250px;
 +
min-height:100%;
 +
position:relative;
 +
background-color:rgba(0,0,0,0.5);
 +
}
 +
 +
#topmenu{
 +
margin-top:14px;
 +
position:relative;
 +
}
 +
 +
#topmenu a{
 +
display:block;
 +
position:relative;
 +
padding:0;
 +
}
 +
 +
.timg{
 +
position:relative;
 +
margin:0;
 +
border-bottom:1px solid gray;
 +
}
 +
.show,.hide{
 +
width:100%;
 +
height:100%;
 +
position:absolute;
 +
top:0;
 +
left:0;
 +
marign:0;
 +
}
 +
.show{
 +
z-index:3;
 +
}
 +
.hide{
 +
z-index:2;
 +
}
 +
</style>
 +
<script type="text/javascript">
 +
$(function(){
 +
var topimg = function(){
 +
var w = $("#container").width();
 +
$(".timg,.timg a img").css({width:w});
 +
var imgh = $('.show img').height();
 +
$(".timg").css({height:imgh});
 +
}
 +
$(function(){
 +
topimg();
 +
$(window).resize(topimg);
 +
});
 +
$('.hide').css('opacity','0');
 +
$('.show a,.hide a').hover(function(){
 +
var tnum = $('.true a').index(this);
 +
$('.true').eq(tnum).stop().animate({opacity:'0'},400);
 +
$('.true1').eq(tnum).stop().animate({opacity:'1'},400);
 +
},
 +
function(){
 +
var tnum = $('.true a').index(this);
 +
$('.true').eq(tnum).stop().animate({opacity:'1'},400);
 +
$('.true1').eq(tnum).stop().animate({opacity:'0'},400);
 +
}
 +
);
 +
 
 +
var slide = function(){
 +
                        $("#SideMenu").animate({left:'0px'},500,'swing');
 +
                        $("#close").animate({left:'215px'},500,'swing').addClass("close");
 +
                        $(".logo").animate({left:'250'},500,'swing');
 +
                        $("#container").animate({margin:'0px 0px 0px 250px'},{duration:500,easing:'swing',complete:function(){topimg();},});
 +
                        $(".toplogo,#nav5,.active,.submenu").animate({opacity:'1'},800,'swing');
 +
                        setTimeout(function(){
 +
                                  $("#close a")
 +
                                  .css({'background-image':'url("https://static.igem.org/mediawiki/2014/6/6d/Kit_close.png")'
 +
                        });},500);
 +
}
 +
    var ua = navigator.userAgent;
 +
if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 || ua.indexOf('BlackBerry') > 0 || ua.indexOf('Windows Phone') > 0){
 +
setTimeout(function(){topimg();},1100);
 +
$("#container").css({marginTop:'65px',marginLeft:'0px','background-color':'background-color:rgba(0,0,0,0)'});
 +
$("#bodyContent").css({'background-color':'background-color:rgba(0,0,0,0.5);'});
 +
}else{
 +
        $(".show").addClass('true');
 +
        $(".hide").addClass('true1')
 +
        $("#close").removeClass('close');
 +
        $("#SideMenu").css({"left":"-215px"});
 +
        $("div#container").css({"margin":"0px 0px 0px 35px"});
 +
        $("#close").css({'left':'0'});
 +
        $(".toplogo,#nav5,.active,.submenu").css({opacity:'0'});
 +
        $("#close a").css({'background-image':'url("https://static.igem.org/mediawiki/2014/d/d0/Kit_open.png")'});
 +
        setTimeout(function(){
 +
              slide();
 +
                },2100);
 +
}
 +
       
 +
        $('#close a')
 +
        .click(function(){
 +
               
 +
                var closed = $("#close").hasClass("close");
 +
                if(closed){
 +
                        $("#SideMenu").animate({left:'-215px'},500,'swing');
 +
                        $("#close").animate({left:'0px'},500,'swing').removeClass("close");
 +
                        $(".logo").animate({left:'40'},500,'swing');
 +
                        $("#container").animate({margin:'0px 0px 0px 35px'},{duration:500,easing:'swing',complete:function(){topimg();},});
 +
                        $(".toplogo,#nav5,.active,.submenu").animate({opacity:'0'},800,'swing');
 +
                        setTimeout(function(){
 +
                                  $("#close a").css({'background-image':'url("https://static.igem.org/mediawiki/2014/d/d0/Kit_open.png")'});
 +
                        },500);
 +
                }else {
 +
                        slide();
 +
                }
 +
        });
 +
});
 +
</script>
 +
</html>
 +
{{Team:KIT-Kyoto/first}}
 +
{{Team:KIT-Kyoto/footer}}
 +
{{Team:KIT-Kyoto/mobile}}

Latest revision as of 06:27, 17 October 2014


kit