Team:KIT-Kyoto/Test

From 2014.igem.org

(Difference between revisions)
 
(273 intermediate revisions not shown)
Line 1: Line 1:
{{Team:KIT-Kyoto/Common}}
{{Team:KIT-Kyoto/Common}}
{{Team:KIT-Kyoto/bg}}
{{Team:KIT-Kyoto/bg}}
-
{{Team:KIT-Kyoto/logo}}
 
{{Team:KIT-Kyoto/SlideShow}}
{{Team:KIT-Kyoto/SlideShow}}
{{Team:KIT-Kyoto/navi}}
{{Team:KIT-Kyoto/navi}}
-
{{Team:KIT-Kyoto/naviCSS}}
 
{{Team:KIT-Kyoto/Scroll}}
{{Team:KIT-Kyoto/Scroll}}
{{Team:KIT-Kyoto/btn}}
{{Team:KIT-Kyoto/btn}}
-
{{Team:KIT-Kyoto/browser}}
+
{{Team:KIT-Kyoto/logo}}
<html>
<html>
-
<script type="text/javascript">
 
-
$(function(){
 
-
$("#container,#SideMenu").css({opacity:'0'});
 
-
$("#pc a").click(function(){
 
-
                $("#container,#SideMenu").stop().animate({opacity:'1'},1000);
 
-
        $("#first").css({display:'none'});
 
-
}); 
 
-
});
 
-
</script>
 
<!--サイドメニュー-->
<!--サイドメニュー-->
<ul id="nav5">
<ul id="nav5">
-
         <li class="menuimg"><a href="#"><img src="/wiki/images/c/c8/Kit_Home.png" width="400" height="27" /></a></li>
+
         <li class="menuimg"><a href="#">HOME</a></li>
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/About"><img src="/wiki/images/a/a1/Kit_About.png" width="400" height="27" /></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"><img src="/wiki/images/f/ff/Kit_Project.png" width="400" height="27" /></a></li>
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Project">PROJECT</a></li>
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Notebook"><img src="/wiki/images/0/01/Kit_Notebook.png" width="400" height="27" /></a></li>
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Modeling">Modeling</a></li>
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Parts"><img src="/wiki/images/9/9e/Kit_Parts.png" width="400" height="27" /></a></li>
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/HumanPractice">policy & PRACTICEs</a></li>
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/HumanPractice"><img src="/wiki/images/1/1b/Humanpractice.png" width="400" height="27" /></a></li>
+
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Notebook">NOTEBOOK</a></li>
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Safety"><img src="/wiki/images/a/a2/Kit_Safety.png" width="400" height="27" /></a></li>
+
</ul>  
-
<li class="menuimg"><a href="/Team:KIT-Kyoto/Test/Attributions"><img src="/wiki/images/0/08/Kit_Attributions.png" width="400" height="27" /></a></li>
+
 
-
</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 37: 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">
-
<p class="sentence"><a href=""><img src="https://static.igem.org/mediawiki/2014/7/7f/Kitlogo.png" width="120" height="120" alt="kit" style="float:right;margin:20px;"></a>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="show">
-
+
<a href="javascript:void(0);"><img src="/wiki/images/6/6b/Kit_Welcome.png"></a></div>
-
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.
+
<div class="hide">
-
+
<a href="javascript:void(0);"><img src="/wiki/images/3/3f/Kit_Welcome_on_c.jpg" width="1920"></a></div>
-
KIT's competence is beyond science. It also has arts and design courses.
+
</div>
-
+
 
-
KIT is a place of robust science and creative arts. We will exert our strength
+
<div class="timg">
-
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!
+
<div class="show">
-
</p>
+
<a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/b/bf/Kit_Abou_Us.png" width="1920">
-
<div class="sub">
+
</a>
-
<h2>hoge hoge</h2>
+
</div>
-
<p class="sentence">
+
<div class="hide">
-
adfsfhao fhkna iehfalo difnzkl ncziehz odvnlkz  dvaaa aaaaaaa aaa aaaaaa aaaaa aaaaakkkk kksks kksksk ksksk  ksk ksks ksk ksksks kksksk skskksk s ksk skskksksksks kksksk ksk skks kks kskksksk
+
<a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/8/8e/Kit_Abou_Us_on_c.jpg" width="1920">
-
</p>
+
</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="sub">
 
-
<h2>hoge hoge</h2>
 
-
<p class="sentence">
 
-
<br>a
 
-
<br>a
 
-
<br>a
 
-
<br>a
 
-
<br>a
 
-
<br>
 
-
<br>
 
-
<br></p>
 
</div>
</div>
<div class="clear"><hr /></div>  
<div class="clear"><hr /></div>  
     <div id='kitfooter-box' class='noprint'>
     <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><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>  
 +
              <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">       
<div id="kitfooter">       
           <ul id="fkit">
           <ul id="fkit">
Line 94: Line 119:
    </ul>
    </ul>
</div>
</div>
-
              <div><a href="http://creativecommons.org/licenses/by/3.0/" style="float:left;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> <!-- 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);
 +
}
-
<div id="first" style="position:fixed;width:300px;height:300px;top:50%;left:50%;margin-top:150px;margin-left:150px;background-color:rgba(300,300,300,0.7);text-align:center;">
+
#topmenu{
-
<img src="https://static.igem.org/mediawiki/2014/7/7f/Kitlogo.png" width="120" height="120" alt="kit" style="margin:auto;"><br>
+
margin-top:14px;
-
<div id="pc"><a href="javascript:void(0);">PC</a></div> or <div id="#mobile"><a href="javascript:void(0);" id="mobile">Cell phone</a></div>
+
position:relative;
-
</div>
+
}
 +
 
 +
#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/footer}}
{{Team:KIT-Kyoto/footer}}
 +
{{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"