Team:UESTC-Software

From 2014.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 11: Line 11:
</head>
</head>
<body>
<body>
-
<img src="https://static.igem.org/mediawiki/2014/0/0a/2014-UESTC-Software.png" id="UESTC">
+
<img src="https://static.igem.org/mediawiki/2014/0/0a/2014-UESTC-Software.png" id="UESTC" style="top:15px;">
-
<div id="logoBox">  
+
<div id="logoBox" style="top:120px;">  
<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">
<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/1/18/2014_UESTC_Software_Project.png" id="project" 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>
+
<a class="iGEM" href="https://2014.igem.org/Main_Page" style="position: fixed;top: 0;right: 0;"><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 44: Line 44:
}
}
function logoDown(which){
function logoDown(which){
-
var h1h = $("h1").outerHeight();
 
$("#logo").css({
$("#logo").css({
"position":"fixed",
"position":"fixed",
"left":(window.innerWidth-155)/2+"px",
"left":(window.innerWidth-155)/2+"px",
-
"top":(window.innerHeight-h1h-155)/2+"px",
+
"top":(window.innerHeight-53-155)/2+"px",
});
});
 +
$("#logo").animate({
$("#logo").animate({
width:"100px",
width:"100px",
Line 67: Line 67:
"height":boxHeight+"px",
"height":boxHeight+"px",
});
});
-
}
+
$("#UESTC").css({
-
$(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">
+
-
$("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",
"position":"fixed",
-
"left":(window.innerWidth-155)/2+"px",
+
"left":(window.innerWidth-362)/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",
+
});
});
}
}

Latest revision as of 16:14, 15 October 2014

UESTC-Software

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