Team:IIT Madras/testpage

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:IIT_Madras/Template:new_home}}
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
-
 
+
<head>  
-
<html>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
-
<head>
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
+
<link rel="stylesheet" href="screen.css" type="text/css" media="screen" charset="utf-8" />
-
<script type="text/javascript">
+
<link rel="stylesheet" href="floom/floom.css" type="text/css" media="screen" charset="utf-8" />
-
jQuery( document ).ready( function( $ ) {
+
-
 
+
<script type="text/javascript" charset="utf-8" src="http://nouincolor.com/floom/1.1/Demos/mootools-1.2.2-core.js"></script>
-
$("#block1_launch").hover(function(){
+
<script type="text/javascript" charset="utf-8" src="http://nouincolor.com/floom/1.1/Demos/mootools-1.2.2.2-more.js"></script>
-
$("#block1").show();
+
<script type="text/javascript" charset="utf-8" src="http://nouincolor.com/floom/1.1/Source/floom.js"></script>  
-
},
+
-
function(){
+
<script type="text/javascript" charset="utf-8">  
-
$("#block1").stop().hide();
+
window.addEvent('domready', function(e){
-
});
+
-
 
+
// option 1
-
$("#block2_launch").hover(function(){
+
var slides = [
-
$("#block2").show();
+
{
-
},
+
image: 'https://2011.igem.org/wiki/skins/common/images/wiki.png',
-
function(){
+
caption: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit'
-
$("#block2").stop().hide();
+
},
-
});
+
{
-
 
+
image: 'https://static.igem.org/mediawiki/2011/d/d7/200px-IIT_Madras_Logo.png',
-
$("#block3_launch").hover(function(){
+
caption: 'Excepteur sint occaecat cupidatat non proident'
-
$("#block3").show();
+
},
-
},
+
];
-
function(){
+
-
$("#block3").stop().hide();
+
// option 2
-
});
+
// var slides = $$('#blinds img');
-
 
+
-
$("#block4_launch").hover(function(){
+
$('blinds').floom(slides, {
-
$("#block4").show();
+
slidesBase: 'slides/',
-
},
+
sliceFxIn: {
-
function(){
+
top: 20
-
$("#block4").stop().hide();
+
}
-
});
+
});
-
 
+
-
$("#block5_launch").hover(function(){
+
});
-
$("#block5").show();
+
</script>  
-
},
+
-
function(){
+
<title>Floom 1.0</title>  
-
$("#block5").stop().hide();
+
-
});
+
</head>  
-
 
+
   
-
$("#block1_launch").click(function(){
+
<body>  
-
window.location="https://2011.igem.org/Team:IIT_Madras/Human Practices";
+
-
});
+
<div id="blinds-cont">  
-
 
+
<div id="blinds">  
-
$("#block2_launch").click(function(){
+
<!-- <img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo0.jpg" />
-
window.location="https://2011.igem.org/Team:IIT_Madras/Project";
+
<img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo1.jpg" />
-
});
+
<img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo2.jpg" />
-
 
+
<img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo3.jpg" />
-
$("#block3_launch").click(function(){
+
<img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo4.jpg" /> -->  
-
window.location="https://2011.igem.org/Team:IIT_Madras/Team";
+
</div>  
-
});
+
</div>  
-
 
+
-
$("#block4_launch").click(function(){
+
</body>  
-
window.location="https://2011.igem.org/Team:IIT_Madras/Modelling";
+
-
});
+
-
 
+
-
$("#block5_launch").click(function(){
+
-
window.location="https://2011.igem.org/Team:IIT_Madras/Notebook";
+
-
});
+
-
 
+
-
});
+
-
 
+
-
</script>
+
-
<style>
+
-
#main_container{
+
-
width:100%;
+
-
}
+
-
#block1{
+
-
background:url('https://static.igem.org/mediawiki/2011/2/22/Block1.png') no-repeat;
+
-
position:absolute;
+
-
width:334px;
+
-
height:175px;
+
-
top:-33px;left:100px;
+
-
display:none;
+
-
cursor:pointer;
+
-
}
+
-
#block2{
+
-
background:url('https://static.igem.org/mediawiki/2011/f/f0/Block2.png') no-repeat;
+
-
position:absolute;
+
-
width:524px;
+
-
height:271px;
+
-
top:-104px;left:452px;display:none;
+
-
cursor:pointer;
+
-
}
+
-
#block3{
+
-
background:url('https://static.igem.org/mediawiki/2011/b/b7/Block3.png') no-repeat;
+
-
position:absolute;
+
-
width:268px;
+
-
height:165px;
+
-
top:85px;left:630px;display:none;
+
-
cursor:pointer;
+
-
}
+
-
#block4{
+
-
background:url('https://static.igem.org/mediawiki/2011/0/06/Block4.png') no-repeat;
+
-
position:absolute;
+
-
width:391px;
+
-
height:329px;
+
-
top:150px;left:495px;display:none;
+
-
cursor:pointer;
+
-
}
+
-
#block5{
+
-
background:url('https://static.igem.org/mediawiki/2011/b/bb/Block5.png') no-repeat;
+
-
position:absolute;
+
-
width:414px;
+
-
height:472px;
+
-
top:26px;left:50px;display:none;
+
-
cursor:pointer;
+
-
}
+
-
</style>
+
-
</head>
+
-
 
+
-
<body>
+
-
<img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-60px"/>
+
-
<img src="https://static.igem.org/mediawiki/2011/d/d7/200px-IIT_Madras_Logo.png" width="100px" height="100px;" style="position:relative; top:-60px; left:-10px;" align="right"/>
+
-
<div id="main_container" align="center" style="position:relative; top:-50px;">
+
-
 
+
-
<img id="prex" src="https://static.igem.org/mediawiki/2011/3/36/Prex.png"  width="150px" height="51px" style="position:relative; top:30px; left:178px;"/>
+
-
<img id="vector" src="https://static.igem.org/mediawiki/2011/4/47/Plasmid2.png" width="250px" height="250px" style="position:relative; top:30px; left:-28px;"/>
+
-
<div id="block1_launch" style="width:32px; height:35px; display:block; position:absolute; left:406px; top:54px; z-index:100;cursor:pointer;"></div>
+
-
<div id="block2_launch" style="width:120px; height:65px; display:block; position:absolute; left:483px; top:22px; z-index:100;cursor:pointer;"></div>
+
-
<div id="block3_launch" style="width:23px; height:48px; display:block; position:absolute; left:596px; top:122px; z-index:100;cursor:pointer;"></div>
+
-
<div id="block4_launch" style="width:121px; height:97px; display:block; position:absolute; left:496px; top:176px; z-index:100;cursor:pointer;"></div>
+
-
<div id="block5_launch" style="width:90px; height:161px; display:block; position:absolute; left:397px; top:107px; z-index:100;cursor:pointer;"></div>
+
-
<div id="logo" style="width:130px; height:150px; position:absolute; top:80px; left:435px; z-index:101;"></div>
+
-
<div id="block1" align="left"><div style="position:relative; top:30px; left:30px;"><b>Human Practices</b></div></div>
+
-
<div id="block2" align="right"><div style="position:relative; top:30px; left:-30px;"><b>Project</b></div></div>
+
-
<div id="block3" align="right"><div style="position:relative; top:30px; left:-30px;"><b>Team</b></div></div>
+
-
<div id="block4" align="right"><div style="position:relative; top:50px; left:-30px;"><b>Modelling</b></div></div>
+
-
<div id="block5" align="left"><div style="position:relative; top:30px; left:20px;"><b>Notebook</b></div></div>
+
-
</div>
+
-
<div id="sponors" style=" width:100%; height:100px; position:relative; top:200px; ">
+
-
Our Sponsors :
+
-
</div>
+
-
 
+
-
</body>
+
</html>
</html>

Revision as of 17:56, 5 October 2011

Floom 1.0

Retrieved from "http://2011.igem.org/Team:IIT_Madras/testpage"