Team:KIT-Kyoto

From 2014.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Team:KIT-Kyoto/Common}}
-
{{KIT-Kyoto/top}}
+
{{Team:KIT-Kyoto/bg}}
-
 
+
{{Team:KIT-Kyoto/SlideShow}}
 +
{{Team:KIT-Kyoto/navi}}
 +
{{Team:KIT-Kyoto/Scroll}}
 +
{{Team:KIT-Kyoto/btn}}
 +
{{Team:KIT-Kyoto/logo}}
<html>
<html>
-
<!--main content -->
 
-
<table width="70%" align="center">
 
-
 
-
 
-
<!--welcome box -->
 
-
<div id="main">
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=coral>
 
-
<h1 >WELCOME TO KIT-Kyoto Wiki!</h1>
 
-
<p>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>
 
-
<br>
 
-
</td>
 
-
</tr>
 
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<!--サイドメニュー-->
-
<!-- end welcome box -->
+
<ul id="nav5">
-
<tr>  
+
        <li class="menuimg"><a href="#">HOME</a></li>
 +
<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>
-
<!--navigation menu -->
+
<!--サイドメニュー終わり-->
-
<td align="center" colspan="3">
+
-
<table  width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
 +
<!--メインコンテンツ-->
 +
<div id="container">
 +
<div id="topmenu">
 +
<div class="timg">
 +
<div class="show">
 +
<a href="javascript:void(0);"><img src="/wiki/images/6/6b/Kit_Welcome.png"></a></div>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<div class="hide">
-
<a href="https://2014.igem.org/Team:KIT-Kyoto"style="color:#000000">Home </a> </td>
+
<a href="javascript:void(0);"><img src="/wiki/images/3/3f/Kit_Welcome_on_c.jpg" width="1920"></a></div>
 +
</div>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div class="timg">
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Team"style="color:#000000"> Team </a> </td>
+
<div class="show">
 +
<a href="/Team:KIT-Kyoto/About"><img src="/wiki/images/b/bf/Kit_Abou_Us.png" width="1920">
 +
</a>
 +
</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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div class="timg">
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=KIT-Kyoto"style="color:#000000"> Official Team Profile </a></td>
+
<div class="show">
 +
<a href="/Team:KIT-Kyoto/Project"><img src="/wiki/images/5/58/Kit_E-motion.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>
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<div class="timg">
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Project"style="color:#000000"> Project</a></td>
+
<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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div class="timg">
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Parts"style="color:#000000"> Parts</a></td>
+
<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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div class="timg">
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Modeling"style="color:#000000"> Modeling</a></td>
+
<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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</div>
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Notebook"style="color:#000000"> Notebook</a></td>
+
<div class="clear"><hr /></div>  
-
 
+
    <div id='kitfooter-box' class='noprint'>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
              <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>
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Safety"style=" color:#000000"> Safety </a></td>
+
              </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>    
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
              </div>  
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Attributions"style="color:#000000"> Attributions </a></td>
+
<div id="kitfooter">      
-
 
+
          <ul id="fkit">
-
 
+
            <li><a href="/Special:RecentChanges" title='Recent changes'>Recent changes</a></li>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
    <li><a href="/Special:WhatLinksHere/Team:KIT-Kyoto/Test/About"  
-
</tr>
+
                  title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
-
</table>
+
            <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>
-
<!--end navigation menu -->
+
    <li><a href="/Special:Upload" title="Upload files [u]" accesskey="u">Upload file</a></li>
-
</tr>
+
    <li><a href="/Special:SpecialPages" title="List of all special pages [q]" accesskey="q">Special pages</a></li>
-
 
+
          </ul>
-
 
+
          <ul id="fkit">
-
</tr>
+
            <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"
-
</td>
+
                      title="2014.igem.org:Privacy policy">Privacy policy</a></li>
-
 
+
            <li><a href="/2014.igem.org:General_disclaimer"  
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
                      title="2014.igem.org:General disclaimer">Disclaimers</a></li>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
    </ul>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
</div>
-
 
+
    </div> <!-- close kitfooter-box -->
-
 
+
</div>
-
<!--requirements section -->
+
<!--メインコンテンツ終わり-->
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
 
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
-
 
+
-
<!-- Links to other team pages -->
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=KIT-Kyoto">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Parts">Parts</a> </li>
+
-
<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>
+
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Attributions">Attributions</a> </li>
+
-
 
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td > </td>
+
-
<td width="45%">
+
-
 
+
-
<p>There are a few wiki requirements teams must follow:</p>
+
-
<ul>
+
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
 
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
 
+
-
 
+
-
<!--tips  -->
+
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
-
 
+
-
<tr>
+
-
<td width="45%" valign="top">
+
-
<p>We are currently working on providing teams with some easy to use design templates.
+
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
 
+
-
<ul>
+
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
<style style="text/css">
-
</td>
+
#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);
 +
}
-
<td> </td>
+
#topmenu{
-
<td width="45%">
+
margin-top:14px;
 +
position:relative;
 +
}
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
#topmenu a{
 +
display:block;
 +
position:relative;
 +
padding:0;
 +
}
-
<ul>
+
.timg{
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
position:relative;
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
margin:0;
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
border-bottom:1px solid gray;
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
}
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
.show,.hide{
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
width:100%;
-
<li>Have lots of fun! </li>
+
height:100%;
-
</ul>
+
position:absolute;
-
</br>
+
top:0;
-
</td>
+
left:0;
-
</tr>
+
marign:0;
-
</table>
+
}
 +
.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