Team:KIT-Kyoto

From 2014.igem.org

(Difference between revisions)
 
(51 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Team:KIT-Kyoto/Common}}
-
 
+
{{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>
-
<style>
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 
-
</style>
 
-
<!--main content -->
 
-
<table width="70%" align="center">
 
 +
<!--サイドメニュー-->
 +
<ul id="nav5">
 +
        <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>
 +
<!--サイドメニュー終わり-->
-
<!--welcome box -->
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
 
-
<h1 >WELCOME TO iGEM 2014! </h1>
 
-
<p>Your team has been approved and you are ready to start the iGEM season!
 
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
 
-
<br>
 
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:KIT-Kyoto&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
 
-
</td>
 
-
</tr>
 
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<!--メインコンテンツ-->
-
<!-- end welcome box -->
+
<div id="container">
-
<tr>  
+
<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>
-
<!--navigation menu -->
+
<div class="hide">
-
<td align="center" colspan="3">
+
<a href="javascript:void(0);"><img src="/wiki/images/3/3f/Kit_Welcome_on_c.jpg" width="1920"></a></div>
 +
</div>
-
<table  width="100%">
+
<div class="timg">
-
<tr heigth="15px"></tr>
+
<div class="show">
-
<tr heigth="75px">  
+
<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>
 +
<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 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"style="color:#000000">Home </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/Team"style="color:#000000"> Team </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://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/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/Project"style="color:#000000"> Project</a></td>
+
<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>
 +
<!--メインコンテンツ終わり-->
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<style style="text/css">
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Parts"style="color:#000000"> Parts</a></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 style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#topmenu{
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Modeling"style="color:#000000"> Modeling</a></td>
+
margin-top:14px;
 +
position:relative;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#topmenu a{
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Notebook"style="color:#000000"> Notebook</a></td>
+
display:block;
 +
position:relative;
 +
padding:0;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.timg{
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Safety"style=" color:#000000"> Safety </a></td>
+
position:relative;
-
 
+
margin:0;
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
border-bottom:1px solid gray;
-
<a href="https://2014.igem.org/Team:KIT-Kyoto/Attributions"style="color:#000000"> Attributions </a></td>
+
}
-
 
+
.show,.hide{
-
 
+
width:100%;
-
<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>
+
height:100%;
-
</tr>
+
position:absolute;
-
</table>
+
top:0;
-
 
+
left:0;
-
<!--end navigation menu -->
+
marign:0;
-
</tr>
+
}
-
 
+
.show{
-
 
+
z-index:3;
-
</tr>
+
}
-
+
.hide{
-
 
+
z-index:2;
-
 
+
}
-
 
+
</style>
-
 
+
<script type="text/javascript">
-
</td>
+
$(function(){
-
 
+
var topimg = function(){
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
var w = $("#container").width();
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
$(".timg,.timg a img").css({width:w});
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
var imgh = $('.show img').height();
-
 
+
$(".timg").css({height:imgh});
-
 
+
}
-
<!--requirements section -->
+
$(function(){
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
topimg();
-
<tr>
+
$(window).resize(topimg);
-
<td width="45%"  valign="top">
+
});
-
 
+
$('.hide').css('opacity','0');
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
$('.show a,.hide a').hover(function(){
-
 
+
var tnum = $('.true a').index(this);
-
<!-- Links to other team pages -->
+
$('.true').eq(tnum).stop().animate({opacity:'0'},400);
-
<ul>
+
$('.true1').eq(tnum).stop().animate({opacity:'1'},400);
-
<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>
+
function(){
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=KIT-Kyoto">Official Team Profile</a> </li>
+
var tnum = $('.true a').index(this);
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Project">Project</a> </li>
+
$('.true').eq(tnum).stop().animate({opacity:'1'},400);
-
<li><a href="https://2014.igem.org/Team:KIT-Kyoto/Parts">Parts</a> </li>
+
$('.true1').eq(tnum).stop().animate({opacity:'0'},400);
-
<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>
+
var slide = function(){
-
 
+
                        $("#SideMenu").animate({left:'0px'},500,'swing');
-
</ul>
+
                        $("#close").animate({left:'215px'},500,'swing').addClass("close");
-
 
+
                        $(".logo").animate({left:'250'},500,'swing');
-
</td>
+
                        $("#container").animate({margin:'0px 0px 0px 250px'},{duration:500,easing:'swing',complete:function(){topimg();},});
-
 
+
                        $(".toplogo,#nav5,.active,.submenu").animate({opacity:'1'},800,'swing');
-
<td > </td>
+
                        setTimeout(function(){
-
<td width="45%">
+
                                  $("#close a")
-
 
+
                                  .css({'background-image':'url("https://static.igem.org/mediawiki/2014/6/6d/Kit_close.png")'
-
<p>There are a few wiki requirements teams must follow:</p>
+
                        });},500);
-
<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>
+
    var ua = navigator.userAgent;
-
<li>All pages must be created under the team’s name space.</li>
+
if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 || ua.indexOf('BlackBerry') > 0 || ua.indexOf('Windows Phone') > 0){
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
setTimeout(function(){topimg();},1100);
-
<li>Do not use flash in wiki code. </li>
+
$("#container").css({marginTop:'65px',marginLeft:'0px','background-color':'background-color:rgba(0,0,0,0)'});
-
<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>
+
$("#bodyContent").css({'background-color':'background-color:rgba(0,0,0,0.5);'});
-
</ul>
+
}else{
-
<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>
+
        $(".show").addClass('true');
-
 
+
        $(".hide").addClass('true1')
-
</td>
+
        $("#close").removeClass('close');
-
</tr>
+
        $("#SideMenu").css({"left":"-215px"});
-
 
+
        $("div#container").css({"margin":"0px 0px 0px 35px"});
-
 
+
        $("#close").css({'left':'0'});
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
        $(".toplogo,#nav5,.active,.submenu").css({opacity:'0'});
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
        $("#close a").css({'background-image':'url("https://static.igem.org/mediawiki/2014/d/d0/Kit_open.png")'});
-
 
+
        setTimeout(function(){
-
 
+
              slide();
-
<!--tips  -->
+
                },2100);
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
}
-
 
+
       
-
<tr>
+
        $('#close a')
-
<td width="45%" valign="top">
+
        .click(function(){
-
<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>
+
                var closed = $("#close").hasClass("close");
-
 
+
                if(closed){
-
<ul>
+
                        $("#SideMenu").animate({left:'-215px'},500,'swing');
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
                        $("#close").animate({left:'0px'},500,'swing').removeClass("close");
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
                        $(".logo").animate({left:'40'},500,'swing');
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
                        $("#container").animate({margin:'0px 0px 0px 35px'},{duration:500,easing:'swing',complete:function(){topimg();},});
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
                        $(".toplogo,#nav5,.active,.submenu").animate({opacity:'0'},800,'swing');
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
                        setTimeout(function(){
-
</ul>
+
                                  $("#close a").css({'background-image':'url("https://static.igem.org/mediawiki/2014/d/d0/Kit_open.png")'});
-
 
+
                        },500);
-
<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>
+
                }else {
-
</td>
+
                        slide();
-
 
+
                }
-
<td> </td>
+
        });
-
<td width="45%">
+
});
-
 
+
</script>
-
<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>
+
</html>
-
 
+
{{Team:KIT-Kyoto/first}}
-
<ul>
+
{{Team:KIT-Kyoto/footer}}
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
{{Team:KIT-Kyoto/mobile}}
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<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>
+
-
<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>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Latest revision as of 06:27, 17 October 2014

kit
Top

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