|
|
| Line 1: |
Line 1: |
| - | {{CSS/Main}}
| + | <!DOCTYPE html> |
| | <html> | | <html> |
| | + | <head> |
| | + | <title>UESTC-Software</title> |
| | + | <meta http-equiv=Content-Type content="text/html;charset=utf-8"> |
| | + | <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" > |
| | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UESTC-Software/style.css?action=raw&ctype=text/css"> |
| | + | <script type="text/javascript" src="https://2014.igem.org/Team:UESTC-Software/jquery-1.8.3.min.js?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2014.igem.org/Team:UESTC-Software/jquery.rotate.js?action=raw&ctype=text/javascript"></script> |
| | + | </head> |
| | + | <body> |
| | + | <h1>UESTC-Software</h1> |
| | + | <div id="logoBox"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/5/52/2014_UESTC_Software_Home.png" id="home" class="imenu"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/1/18/2014_UESTC_Software_Project.png" id="project" class="imenu"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/a/ad/2014_UESTC_Software_Team.png" id="team" class="imenu"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/d/d0/2014_UESTC_Software_Document.png" id="document" class="imenu"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/7/79/2014_UESTC_Software_Requirment.png" id="requirment" class="imenu"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/6/66/2014_UESTC_Software_Notebook.png" id="notebook" class="imenu"> |
| | + | <div id="logoRay" style="width:147px;height:147px;border-radius:1000px;"></div> |
| | + | <img src="https://static.igem.org/mediawiki/2014/e/e5/2014_UESTC_Software_logo.gif" id="logo" style="border-radius: 90px;"> |
| | + | </div> |
| | | | |
| - | <!--main content --> | + | <script type="text/javascript"> |
| - | <table width="70%" align="center">
| + | $("html").css({ |
| | + | "width":window.innerWidth+"px", |
| | + | "height":window.innerHeight+"px", |
| | + | "overflow":"hidden", |
| | + | }); |
| | + | $("body").css({ |
| | + | "width":window.innerWidth+"px", |
| | + | "height":window.innerHeight+"px", |
| | + | "overflow":"hidden", |
| | + | }); |
| | + | function ray(){ |
| | + | var diagonal= window.innerWidth*1.5; |
| | + | $("#logoRay").animate({ |
| | + | width:"+="+diagonal+"px", |
| | + | height:"+="+diagonal+"px", |
| | + | left:"-="+diagonal/2+"px", |
| | + | top:"-="+diagonal/2+"px" |
| | + | },500); |
| | + | } |
| | + | function logoDown(which){ |
| | + | var h1h = $("h1").outerHeight(); |
| | + | $("#logo").css({ |
| | + | "position":"fixed", |
| | + | "left":(window.innerWidth-155)/2+"px", |
| | + | "top":(window.innerHeight-h1h-155)/2+"px", |
| | + | }); |
| | + | $("#logo").animate({ |
| | + | width:"100px", |
| | + | height:"100px", |
| | + | left:"+=28px", |
| | + | top:window.innerHeight-80+"px", |
| | + | },400,function(){ |
| | + | window.open(which+".html","_self"); |
| | + | }); |
| | + | } |
| | + | var boxWidth=500; |
| | + | var boxHeight=500; |
| | + | function resizeWindow(){ |
| | + | $("#logoBox").css({ |
| | + | "left":((window.innerWidth-boxWidth)/2)+"px", |
| | + | "width":boxWidth+"px", |
| | + | "height":boxHeight+"px", |
| | + | }); |
| | + | } |
| | + | $(document).ready(function(){ |
| | + | resizeWindow(); |
| | + | $("#logo").css({ |
| | + | "left":(boxWidth-156)/2+"px", |
| | + | "top":(boxHeight-155)/2+"px", |
| | + | }); |
| | + | $("#logoRay").css({ |
| | + | "left":(boxWidth-156)/2+"px", |
| | + | "top":(boxHeight-155)/2+"px", |
| | + | }); |
| | + | $("#home").rotate(30); |
| | + | $("#team").rotate(-35); |
| | + | $("#document").rotate(-65); |
| | + | $("#requirment").rotate(-22); |
| | + | $("#notebook").rotate(37); |
| | + | }); |
| | | | |
| - | | + | $(window).ready(function(){ |
| - | <!--welcome box -->
| + | $("#logo").click(function(){ |
| - | <tr>
| + | $("#team").fadeToggle(80,function(){$("#project").fadeToggle(80,function(){$("#home").fadeToggle(80,function(){$("#document").fadeToggle(80,function(){$("#requirment").fadeToggle(80,function(){$("#notebook").fadeToggle(80);});});});});}); |
| - | <td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
| + | }); |
| - | <h1 >WELCOME TO iGEM 2014! </h1>
| + | $("#team").click(function(){ |
| - | <p>Your team has been approved and you are ready to start the iGEM season!
| + | ray(); |
| - | <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>
| + | $("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#team").fadeOut(300,logoDown("team"));});});});});}); |
| - | <br>
| + | }); |
| - | <p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UESTC-Software&action=edit"style="color:#FFFFFF"> Click here to edit this page!</a> </p>
| + | $("#project").click(function(){ |
| - | </td>
| + | ray(); |
| - | </tr>
| + | $("#team").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#project").fadeOut(300,logoDown("project"));});});});});}); |
| - | | + | }); |
| - | <tr> <td colspan="3" height="5px"> </td></tr>
| + | $("#home").click(function(){ |
| - | <!-- end welcome box -->
| + | ray(); |
| - | <tr>
| + | $("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#home").fadeOut(300,logoDown("home"));});});});});}); |
| - | | + | }); |
| - | <!--navigation menu -->
| + | $("#document").click(function(){ |
| - | <td align="center" colspan="3">
| + | ray(); |
| - | | + | $("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#document").fadeOut(300,logoDown("document"));});});});});}); |
| - | <table width="100%">
| + | }); |
| - | <tr heigth="15px"></tr>
| + | $("#requirment").click(function(){ |
| - | <tr heigth="75px">
| + | ray(); |
| - | | + | $("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#requirment").fadeOut(300,logoDown("requirment"));});});});});}); |
| - | | + | }); |
| - | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | $("#notebook").click(function(){ |
| - | <a href="https://2014.igem.org/Team:UESTC-Software"style="color:#000000">Home </a> </td>
| + | ray(); |
| - | | + | $("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(300,logoDown("notebook"));});});});});}); |
| - | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | }); |
| - | <a href="https://2014.igem.org/Team:UESTC-Software/Team"style="color:#000000"> Team </a> </td>
| + | $("#logo").click(); |
| - | | + | window.onresize = resizeWindow; |
| - | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | }); |
| - | <a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-Software"style="color:#000000"> Official Team Profile </a></td>
| + | </script> |
| - | | + | </body> |
| - | <td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | </html> |
| - | <a href="https://2014.igem.org/Team:UESTC-Software/Project"style="color:#000000"> Project</a></td>
| + | |
| - | | + | |
| - | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
| - | <a href="https://2014.igem.org/Team:UESTC-Software/Parts"style="color:#000000"> Parts</a></td>
| + | |
| - | | + | |
| - | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
| - | <a href="https://2014.igem.org/Team:UESTC-Software/Modeling"style="color:#000000"> Modeling</a></td>
| + | |
| - | | + | |
| - | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
| - | <a href="https://2014.igem.org/Team:UESTC-Software/Notebook"style="color:#000000"> Notebook</a></td>
| + | |
| - | | + | |
| - | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
| - | <a href="https://2014.igem.org/Team:UESTC-Software/Safety"style=" color:#000000"> Safety </a></td>
| + | |
| - | | + | |
| - | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
| - | <a href="https://2014.igem.org/Team:UESTC-Software/Attributions"style="color:#000000"> Attributions </a></td>
| + | |
| - | | + | |
| - | | + | |
| - | <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>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | | + | |
| - | <!--end navigation menu -->
| + | |
| - | </tr>
| + | |
| - | | + | |
| - | | + | |
| - | </tr>
| + | |
| - |
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | </td>
| + | |
| - | | + | |
| - | <tr> <td colspan="3" height="15px"> </td></tr>
| + | |
| - | <tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
| + | |
| - | <tr> <td colspan="3" height="5px"> </td></tr>
| + | |
| - | | + | |
| - | | + | |
| - | <!--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:UESTC-Software">Home</a> </li>
| + | |
| - | <li><a href="https://2014.igem.org/Team:UESTC-Software/Team">Team</a> </li>
| + | |
| - | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=UESTC-Software">Official Team Profile</a> </li>
| + | |
| - | <li><a href="https://2014.igem.org/Team:UESTC-Software/Project">Project</a> </li>
| + | |
| - | <li><a href="https://2014.igem.org/Team:UESTC-Software/Parts">Parts</a> </li>
| + | |
| - | <li><a href="https://2014.igem.org/Team:UESTC-Software/Modeling">Modeling</a> </li>
| + | |
| - | <li><a href="https://2014.igem.org/Team:UESTC-Software/Notebook">Notebook</a> </li>
| + | |
| - | <li><a href="https://2014.igem.org/Team:UESTC-Software/Safety">Safety</a> </li>
| + | |
| - | <li><a href="https://2014.igem.org/Team:UESTC-Software/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>
| + | |
| - | </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>
| + | |
| - | | + | |
| - | <ul>
| + | |
| - | <li>State your accomplishments! Tell people what you have achieved from the start. </li>
| + | |
| - | <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> | + | |
"
