Team:KIT-Kyoto/Test

From 2014.igem.org

(Difference between revisions)
 
(234 intermediate revisions not shown)
Line 12: Line 12:
<ul id="nav5">
<ul id="nav5">
         <li class="menuimg"><a href="#">HOME</a></li>
         <li class="menuimg"><a href="#">HOME</a></li>
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/About">ABOUT</a></li>
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/About">ABOUT us</a></li>
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Project">PROJECT</a></li>
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Project">PROJECT</a></li>
 +
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Modeling">Modeling</a></li>
 +
<li class="menuimg"><a href="/Team:KIT-Kyoto/HumanPractice">policy & PRACTICEs</a></li>
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Notebook">NOTEBOOK</a></li>
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Notebook">NOTEBOOK</a></li>
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Parts">PARTS</a></li>
 
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/HumanPractice">HUMAN PRACTICEs</a></li>
 
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Safety">SAFETY</a></li>
 
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Attributions">ATTRIBUTIONS</a></li>
 
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Modeling">Modelling</a></li>
 
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Achievement">achievement</a></li>
 
</ul>   
</ul>   
 +
 +
<a href="http://info.flagcounter.com/sSCm"><img src="http://s11.flagcounter.com/count/sSCm/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0" style="position:fixed;bottom:5px;left:5px;"></a>
</div>
</div>
<!--サイドメニュー終わり-->
<!--サイドメニュー終わり-->
Line 28: Line 26:
<!--メインコンテンツ-->
<!--メインコンテンツ-->
<div id="container">
<div id="container">
-
<div class="main-contents">
+
<div id="topmenu">
-
<h1>Welcome to KIT-Kyoto wiki page</h1>
+
<div class="timg">
-
<a href=""><img class="kitimg" src="https://static.igem.org/mediawiki/2014/7/7f/Kitlogo.png" width="120" height="120" alt="kit" ></a>
+
<div class="show">
-
<p class="sentence">
+
<a href="javascript:void(0);"><img src="/wiki/images/6/6b/Kit_Welcome.png"></a></div>
-
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.
+
 
-
+
<div class="hide">
-
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.
+
<a href="javascript:void(0);"><img src="/wiki/images/3/3f/Kit_Welcome_on_c.jpg" width="1920"></a></div>
-
The institute has also collaborated actively with industries in Kyoto and beyond.
+
</div>
-
+
 
-
KIT's competence is beyond science. It also has arts and design courses.
+
<div class="timg">
-
+
<div class="show">
-
KIT is a place of robust science and creative arts. We will exert our strength
+
<a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/b/bf/Kit_Abou_Us.png" width="1920">
-
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!
+
</a>
-
</p>
+
</div>
 +
<div class="hide">
 +
<a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/8/8e/Kit_Abou_Us_on_c.jpg" width="1920">
 +
</a>
 +
</div>
 +
</div>
 +
 
 +
<div class="timg">
 +
<div class="show">
 +
<a href="/Team:KIT-Kyoto/Project"><img src="/wiki/images/c/c2/Kit_Projectmenu.png" width="1920">
 +
</a>
 +
</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/Labnote"><img src="/wiki/images/1/17/Kit_LN.png" width="1920">
 +
</a>
 +
</div>
 +
<div class="hide">
 +
<a href="/Team:KIT-Kyoto/Labnote"><img src="/wiki/images/1/1b/Kit_LN_on_c.jpg" width="1920">
 +
</a>
 +
</div>
 +
</div>
 +
 
 +
</div>
<div class="clear"><hr /></div>  
<div class="clear"><hr /></div>  
     <div id='kitfooter-box' class='noprint'>
     <div id='kitfooter-box' class='noprint'>
Line 71: Line 120:
</div>
</div>
     </div> <!-- close kitfooter-box -->
     </div> <!-- close kitfooter-box -->
-
</div>
 
</div>
</div>
<!--メインコンテンツ終わり-->
<!--メインコンテンツ終わり-->
 +
<style style="text/css">
 +
#kitfooter-box{
 +
background-color:rgba(100,100,100,0);
 +
z-index:1;
 +
}
 +
#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.7);
 +
}
 +
 +
#topmenu{
 +
margin-top:14px;
 +
position:relative;
 +
}
 +
 +
#topmenu a{
 +
display:block;
 +
position:relative;
 +
padding:0;
 +
}
 +
.timg{
 +
position:relative;
 +
margin:0;
 +
}
 +
.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);
 +
});
 +
topimg();
 +
$('.hide').css('opacity','0');
 +
$('.show a,.hide a').hover(function(){
 +
var tnum = $('.show a').index(this);
 +
$('.show').eq(tnum).stop().animate({opacity:'0'},400);
 +
$('.hide').eq(tnum).stop().animate({opacity:'1'},400);
 +
},
 +
function(){
 +
var tnum = $('.show a').index(this);
 +
$('.show').eq(tnum).stop().animate({opacity:'1'},400);
 +
$('.hide').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'});
 +
}else{
 +
        $("#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>
</html>
{{Team:KIT-Kyoto/first}}
{{Team:KIT-Kyoto/first}}
{{Team:KIT-Kyoto/footer}}
{{Team:KIT-Kyoto/footer}}
{{Team:KIT-Kyoto/mobile}}
{{Team:KIT-Kyoto/mobile}}

Latest revision as of 02:43, 11 October 2014

kit
Top

Retrieved from "http://2014.igem.org/Team:KIT-Kyoto/Test"