Team:Gifu

From 2014.igem.org

(Difference between revisions)
 
(690 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:CSS/gifu/main}}
-
 
+
{{:CSS/gifu/home}}
<html>
<html>
 +
<head>
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script>
 +
</head>
 +
<body>
 +
<div id="uroboros">
 +
<img id="boros" src="https://static.igem.org/mediawiki/2014/0/02/Roboros.png"></img>
 +
</div>
 +
<noscript>
 +
<p id="kouzityuu" style="color:white">
 +
Sorry... We use Javascript.</p>
 +
</noscript>
 +
<div id="base">
 +
<img id="rail" src="https://static.igem.org/mediawiki/2014/f/f6/Circular_rna.png"></img>
-
<!--main content -->
+
<a id="menu1" >
-
<table width="70%" align="center">
+
<img src="https://static.igem.org/mediawiki/2014/0/08/Gifu_renew2_Project_.png"  
-
 
+
  onmouseover="javascript:stopmove1()"
-
 
+
  onmouseout="javascript:startmove()"
-
<!--welcome box -->
+
></img></a>
-
<tr>
+
<a id="menu2"><img src="https://static.igem.org/mediawiki/2014/2/26/Gifu_renew2_NOTE.png"  
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#008080>
+
  onmouseover="javascript:stopmove2()"
-
<h1 style="color:#ccffcc">WELCOME TO iGEM 2014! </h1>
+
  onmouseout="javascript:startmove()"
-
<p style="color:#330000">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>
+
<a id="menu3"><img src="https://static.igem.org/mediawiki/2014/1/13/Gifu_renew2_RESULT.png"
-
<br>
+
  onmouseover="javascript:stopmove3()"
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Gifu&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
  onmouseout="javascript:startmove()"
-
</td>
+
></img></a>
-
</tr>
+
<a id="menu4"><img src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_renew2_MORE.png"
-
 
+
  onmouseover="javascript:stopmove4()"
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
  onmouseout="javascript:startmove()"
-
<!-- end welcome box -->
+
></img></a>
-
<tr>
+
<a id="menu5"><img src="https://static.igem.org/mediawiki/2014/e/e0/Gifu_renew2_TEAM.png"
-
 
+
  onmouseover="javascript:stopmove5()"
-
<!--navigation menu -->
+
  onmouseout="javascript:startmove()"
-
<td align="center" colspan="3">
+
></img></a>
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">  
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
-
<a href="https://2014.igem.org/Team:Gifu"style="color:#330000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
-
<a href="https://2014.igem.org/Team:Gifu/Team"style="color:#330000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>  
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Gifu"style="color:#330000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc> 
+
-
<a href="https://2014.igem.org/Team:Gifu/Project"style="color:#330000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>  
+
-
<a href="https://2014.igem.org/Team:Gifu/Parts"style="color:#330000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
-
<a href="https://2014.igem.org/Team:Gifu/Modeling"style="color:#330000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
-
<a href="https://2014.igem.org/Team:Gifu/Notebook"style="color:#330000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>
+
-
<a href="https://2014.igem.org/Team:Gifu/Safety"style=" color:#330000"> Safety </a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#00ffcc'" onMouseOut="this.bgColor='#ccffcc'" bgColor=#ccffcc>  
+
<img id="fukidasi1" src="https://static.igem.org/mediawiki/2014/9/9b/CmRNA_moji2.png" usemap="#projectjump"></img>
-
<a href="https://2014.igem.org/Team:Gifu/Attributions"style="color:#330000"> Attributions </a></td>
+
<img id="fukidasi2" src="https://static.igem.org/mediawiki/2014/5/5b/Note_moji2.png" usemap="#notejump"></img>
 +
<img id="fukidasi3" src="https://static.igem.org/mediawiki/2014/4/40/Gifu_result_balloon.png" usemap="#resultjump"></img>
 +
<img id="fukidasi4" src="https://static.igem.org/mediawiki/2014/7/71/Gifu_more_balloon.png" usemap="#morejump"></img>
 +
<img id="fukidasi5" src="https://static.igem.org/mediawiki/2014/c/ce/Team_moji2.png" usemap="#teamjump" ></img>
 +
<map name="projectjump">
 +
<area href="https://2014.igem.org/Team:Gifu/Projects/Circular%26RNA" shape="rect" coords="94,136,320,271" alt="project">
 +
</map>
 +
<map name="notejump">
 +
<area href="https://2014.igem.org/Team:Gifu/Protocol" shape="rect" coords="41,64,169,88" alt="protocols">
 +
<area href="https://2014.igem.org/Team:Gifu/Notebook" shape="rect" coords="40,162,152,188" alt="calender">
 +
</map>
 +
<map name="resultjump">
 +
<area href="https://2014.igem.org/Team:Gifu/Parts" shape="rect" coords="70,78,137,99" alt="parts">
 +
<area href="https://2014.igem.org/Team:Gifu/Modeling" shape="rect" coords="86,126,196,146" alt="modeling">
 +
</map>
 +
<map name="morejump">
 +
<area href="https://2014.igem.org/Gifu/discussion-safety" shape="rect" coords="126,45,208,66" alt="safety">
 +
<area href="https://2014.igem.org/Team:Gifu/Judging_Form" shape="rect" coords="22,102,191,127" alt="judging form">
 +
<area href="https://2014.igem.org/Team:Gifu/Human_Practice" shape="rect" coords="29,106,258,181" alt="Policy&amp; Practice">
 +
</map>
 +
<map name="teamjump">
 +
<area href="https://2014.igem.org/Team:Gifu/Members%26Attributions" shape="rect" coords="65,51,267,99" alt="official">
 +
<area href="https://2014.igem.org/Gifu/official_team_profile" shape="rect" coords="62,127,261,174" alt="member">
 +
</map>
 +
<img id="stopme" src="https://static.igem.org/mediawiki/2014/5/53/Pleasestopme.png"></img>
-
<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>
+
<div id="point"><p id="rib"></p>
-
</tr>
+
<img id="ribosome" src="https://static.igem.org/mediawiki/2014/5/5f/Gifu_ribosome_renew.png"></img>
-
</table>
+
</div>
 +
</div>
 +
<script type="text/javascript">
 +
<!--
 +
var r=280;
 +
var rad=0;
 +
var x;
 +
var y;
 +
var circle =document.getElementById("point") ;
 +
var k=90;
 +
var m;
 +
var w;
 +
var t;
-
<!--end navigation menu -->
+
function spin(){
-
</tr>
+
AAA=setInterval(function(){
 +
if(rad==360){rad=0;}
 +
else{rad+=2};
 +
x=r*Math.cos(Math.PI/180*rad);
 +
y=r*Math.sin(Math.PI/180*rad);
 +
circle.style.top=y+180+"px";
 +
circle.style.left=x+390+"px";
-
</tr>
+
k+=2;
-
+
if(rad==360){k=90};
 +
circle.style.transform="rotate("+k+"deg)";
 +
},7);
 +
};
 +
function catching(){
 +
BBB=setInterval(function(){
 +
rad+=2;
 +
if(rad==m){rad-=2,k-=2};
 +
if(rad==360){rad=0};
 +
x=r*Math.cos(Math.PI/180*rad);
 +
y=r*Math.sin(Math.PI/180*rad);
 +
circle.style.top=y+180+"px";
 +
circle.style.left=x+390+"px";
 +
if(rad==m){k-=2;}
 +
else{k+=2;};
 +
if(rad==360){k=90};
 +
circle.style.transform="rotate("+k+"deg)";
 +
},7);
 +
};
-
</td>
+
function stopmove1(){
 +
clearInterval(AAA);
 +
m=270;
 +
catching();
 +
};
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
function stopmove2(){
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
clearInterval(AAA);
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
m=342;
 +
catching();
 +
};
 +
function stopmove3(){
 +
clearInterval(AAA);
 +
m=54;
 +
catching();
 +
};
-
<!--requirements section -->
+
function stopmove4(){
-
<tr><td colspan="3"> <h3 style="color:#008080"> Requirements </h3></td></tr>
+
clearInterval(AAA);
-
<tr>
+
m=126;
-
<td width="45%"  valign="top">
+
catching();
 +
};
-
<p style="color:#330000"> Please be sure to keep these links, your audience will want to find your: </p>
+
function stopmove5(){
 +
clearInterval(AAA);
 +
m=198;
 +
catching();
 +
};
-
<!-- Links to other team pages -->
+
function startmove(){
-
<ul>
+
clearInterval(BBB);
-
<li><a href="https://2014.igem.org/Team:Gifu">Home</a> </li>
+
spin();
-
<li><a href="https://2014.igem.org/Team:Gifu/Team">Team</a> </li>
+
};
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Gifu">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Gifu/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Gifu/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Gifu/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Gifu/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Gifu/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Gifu/Attributions">Attributions</a> </li>
+
-
</ul>
 
-
</td>
+
function sakujo(){
 +
setTimeout(function(){
 +
$("#rib").css("visibility","hidden");
 +
},3000);
 +
};
-
<td > </td>
+
$(function(){
-
<td width="45%" style="color:#330000">
+
$("#menu1").mouseover(
 +
  function(){
 +
  $("#stopme").css("visibility","hidden")
 +
  $("#fukidasi1").css("visibility","visible")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
}); 
-
<p>There are a few wiki requirements teams must follow:</p>
+
$(function(){
-
<ul>
+
$("#menu2").mouseover(
-
<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>
+
  function(){
-
<li>All pages must be created under the team’s name space.</li>
+
  $("#stopme").css("visibility","hidden")
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
  $("#fukidasi2").css("visibility","visible")
-
<li>Do not use flash in wiki code. </li>
+
  $("#fukidasi1").css("visibility","hidden")
-
  <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>
+
  $("#fukidasi3").css("visibility","hidden")
-
</ul>
+
  $("#fukidasi4").css("visibility","hidden")
-
<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>
+
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
}); 
 +
 
 +
$(function(){
 +
  $("#menu3").mouseover(
 +
  function(){
 +
  $("#stopme").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","visible")
 +
  $("#fukidasi1").css("visibility","hidden")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
}); 
-
</td>
+
$(function(){
-
</tr>
+
$("#menu4").mouseover(
 +
  function(){
 +
  $("#stopme").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","visible")
 +
  $("#fukidasi1").css("visibility","hidden")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
}); 
 +
$(function(){
 +
$("#menu5").mouseover(
 +
  function(){
 +
  $("#stopme").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","visible")
 +
  $("#fukidasi1").css("visibility","hidden")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","hidden")
 +
});
 +
}); 
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
$(function(){
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
$("#rail").mouseout(
 +
  function(){
 +
  $("#stopme").css("visibility","visible")
 +
  $("#fukidasi1").css("visibility","hidden")
 +
  $("#fukidasi2").css("visibility","hidden")
 +
  $("#fukidasi3").css("visibility","hidden")
 +
  $("#fukidasi4").css("visibility","hidden")
 +
  $("#fukidasi5").css("visibility","hidden")
 +
});
 +
});
-
<!--tips  -->
+
$(document).ready(function () {
-
<tr><td colspan="3" > <h3 style="color:#008080"> Tips  </h3></td></tr>
+
spin()
 +
});
-
<tr style="color:#330000">
 
-
<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>
+
</script>
-
<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>
 
-
</td>
 
-
<td> </td>
 
-
<td width="45%">
 
-
<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>
+
<p id="space">
 +
</p>
-
<ul>
+
</body>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
</html>
-
<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 07:21, 5 September 2015

factory1