Team:UESTC-Software

From 2014.igem.org

(Difference between revisions)
Line 11: Line 11:
</head>
</head>
<body>
<body>
-
<h1>UESTC-Software</h1>
+
<img src="https://static.igem.org/mediawiki/2014/0/0a/2014-UESTC-Software.png" id="UESTC">
<div id="logoBox">  
<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/5/52/2014_UESTC_Software_Home.png" id="home" class="imenu">
Line 22: Line 22:
<img src="https://static.igem.org/mediawiki/2014/e/e5/2014_UESTC_Software_logo.gif" id="logo" style="border-radius: 90px;">
<img src="https://static.igem.org/mediawiki/2014/e/e5/2014_UESTC_Software_logo.gif" id="logo" style="border-radius: 90px;">
</div>
</div>
 +
<a class="iGEM" href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/8/8d/2014-UESTC-Software-Igem.png"></a>
 +
<script type="text/javascript">
 +
$("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("https://2014.igem.org/Team:UESTC-Software/"+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(){
 +
$("#logo").click(function(){
 +
$("#team").fadeToggle(80,function(){$("#project").fadeToggle(80,function(){$("#home").fadeToggle(80,function(){$("#document").fadeToggle(80,function(){$("#requirment").fadeToggle(80,function(){$("#notebook").fadeToggle(80);});});});});});
 +
});
 +
$("#team").click(function(){
 +
ray();
 +
$("#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"));});});});});});
 +
});
 +
$("#project").click(function(){
 +
ray();
 +
$("#team").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#project").fadeOut(300,logoDown("Overview"));});});});});});
 +
});
 +
$("#home").click(function(){
 +
ray();
 +
$("#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"));});});});});});
 +
});
 +
$("#document").click(function(){
 +
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("UserGuide"));});});});});});
 +
});
 +
$("#requirment").click(function(){
 +
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("Medal"));});});});});});
 +
});
 +
$("#notebook").click(function(){
 +
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("journal"));});});});});});
 +
});
 +
$("#logo").click();
 +
window.onresize = resizeWindow;
 +
});
 +
</script>
 +
</body>
 +
</html>{{CSS/Main}}
 +
<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" >
 +
<meta name="renderer" content="webkit">
 +
<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>
 +
<img src="https://static.igem.org/mediawiki/2014/0/0a/2014-UESTC-Software.png" id="UESTC">
 +
<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:140px;height:140px;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>
 +
<a class="iGEM" href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/8/8d/2014-UESTC-Software-Igem.png"></a>
<script type="text/javascript">
<script type="text/javascript">
$("html").css({
$("html").css({
Line 95: Line 214:
$("#project").click(function(){
$("#project").click(function(){
ray();
ray();
-
$("#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"));});});});});});
+
$("#team").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#project").fadeOut(300,logoDown("Overview"));});});});});});
});
});
$("#home").click(function(){
$("#home").click(function(){
ray();
ray();
-
$("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#home").fadeOut(300,logoDown("Overview"));});});});});});
+
$("#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"));});});});});});
});
});
$("#document").click(function(){
$("#document").click(function(){
ray();
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"));});});});});});
+
$("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#document").fadeOut(300,logoDown("UserGuide"));});});});});});
});
});
$("#requirment").click(function(){
$("#requirment").click(function(){
ray();
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"));});});});});});
+
$("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#requirment").fadeOut(300,logoDown("Medal"));});});});});});
});
});
$("#notebook").click(function(){
$("#notebook").click(function(){

Revision as of 17:03, 14 October 2014

UESTC-Software

UESTC-Software

Retrieved from "http://2014.igem.org/Team:UESTC-Software"