Team:IIT Madras

From 2011.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 6: Line 6:
<script type="text/javascript">
<script type="text/javascript">
jQuery( document ).ready( function( $ ) {  
jQuery( document ).ready( function( $ ) {  
 +
 +
$("#overview").fadeIn().delay(1000);
 +
$("#instructions").fadeIn().delay(1000);
 +
$("#project").fadeIn().delay(1000);
 +
$("#parts").fadeIn().delay(1000);
 +
$("#scribbles").fadeIn().delay(1000);
 +
$("#modelling").fadeIn().delay(1000);
 +
$("#about_us").fadeIn().delay(1000);
 +
$("#safety").fadeIn().delay(1000);
 +
$("#human").fadeIn().delay(1000);
 +
$("#attributions").fadeIn().delay(1000);
$("#block1_launch").hover(function(){
$("#block1_launch").hover(function(){
$("#block1").show();
$("#block1").show();
-
 
+
$("#block2").show();
 +
$("#block3").show();
 +
$("#block4").show();
 +
$("#block5").show();
 +
$("#block6").show();
 +
$("#block7").show();
 +
$("#block8").show();
 +
$("#block9").show();
 +
$("#overview").hide();
 +
$("#instructions").hide();
 +
$("#project").hide();
 +
$("#parts").hide();
 +
$("#scribbles").hide();
 +
$("#modelling").hide();
 +
$("#about_us").hide();
 +
$("#safety").hide();
 +
$("#human").hide();
 +
$("#attributions").hide();
},
},
function(){
function(){
-
$("#block1").stop().hide();
+
$("#block1").hide();
 +
$("#block2").hide();
 +
$("#block3").hide();
 +
$("#block4").hide();
 +
$("#block5").hide();
 +
$("#block6").hide();
 +
$("#block7").hide();
 +
$("#block8").hide();
 +
$("#instructions").show();
 +
$("#block9").hide();
 +
$("#overview").show();
 +
$("#project").show();
 +
$("#parts").show();
 +
$("#scribbles").show();
 +
$("#modelling").show();
 +
$("#about_us").show();
 +
$("#safety").show();
 +
$("#human").show();
 +
$("#attributions").show();
});
});
Line 18: Line 64:
$("#block2_launch").hover(function(){
$("#block2_launch").hover(function(){
$("#block2").show();
$("#block2").show();
 +
$("#project").hide();
},
},
function(){
function(){
$("#block2").stop().hide();
$("#block2").stop().hide();
-
 
+
$("#project").show();
});
});
$("#block3_launch").hover(function(){
$("#block3_launch").hover(function(){
$("#block3").show();
$("#block3").show();
 +
$("#parts").hide();
},
},
function(){
function(){
$("#block3").stop().hide();
$("#block3").stop().hide();
-
 
+
$("#parts").show();
});
});
Line 36: Line 84:
$("#block4").show();
$("#block4").show();
$("#instructions").hide();
$("#instructions").hide();
 +
$("#scribbles").hide();
},
},
function(){
function(){
$("#block4").stop().hide();
$("#block4").stop().hide();
$("#instructions").show();
$("#instructions").show();
 +
$("#scribbles").show();
});
});
$("#block5_launch").hover(function(){
$("#block5_launch").hover(function(){
$("#block5").show();
$("#block5").show();
 +
$("#modelling").hide();
$("#instructions").hide();
$("#instructions").hide();
},
},
Line 49: Line 100:
$("#block5").stop().hide();
$("#block5").stop().hide();
$("#instructions").show();
$("#instructions").show();
 +
$("#modelling").show();
 +
});
 +
 +
$("#block6_launch").hover(function(){
 +
$("#block6").show();
 +
$("#about_us").hide();
 +
$("#instructions").hide();
 +
},
 +
function(){
 +
$("#block6").stop().hide();
 +
$("#instructions").show();
 +
$("#about_us").show();
 +
});
 +
 +
$("#block9_launch").hover(function(){
 +
$("#block9").show();
 +
$("#attributions").hide();
 +
$("#instructions").hide();
 +
},
 +
function(){
 +
$("#block9").stop().hide();
 +
$("#instructions").show();
 +
$("#attributions").show();
 +
});
 +
 +
$("#block7_launch").hover(function(){
 +
$("#block7").show();
 +
$("#safety").hide();
 +
$("#instructions").hide();
 +
},
 +
function(){
 +
$("#block7").stop().hide();
 +
$("#instructions").show();
 +
$("#safety").show();
 +
});
 +
 +
$("#block8_launch").hover(function(){
 +
$("#block8").show();
 +
$("#human").hide();
 +
$("#instructions").hide();
 +
},
 +
function(){
 +
$("#block8").stop().hide();
 +
$("#instructions").show();
 +
$("#human").show();
});
});
$("#block1_launch").click(function(){
$("#block1_launch").click(function(){
-
window.location="https://2011.igem.org/Team:IIT_Madras/Human Practices";
+
window.location="https://2011.igem.org/Team:IIT_Madras/Data_page";
});
});
Line 60: Line 156:
$("#block3_launch").click(function(){
$("#block3_launch").click(function(){
-
window.location="https://2011.igem.org/Team:IIT_Madras/Team";
+
window.location="https://2011.igem.org/Team:IIT_Madras/Data_page";
});
});
$("#block4_launch").click(function(){
$("#block4_launch").click(function(){
-
window.location="https://2011.igem.org/Team:IIT_Madras/Modelling";
+
window.location="https://2011.igem.org/Team:IIT_Madras/Scribbles";
});
});
$("#block5_launch").click(function(){
$("#block5_launch").click(function(){
-
window.location="https://2011.igem.org/Team:IIT_Madras/Notebook";
+
window.location="https://2011.igem.org/Team:IIT_Madras/Dry_lab/Modelling";
 +
});
 +
 
 +
$("#block6_launch").click(function(){
 +
window.location="https://2011.igem.org/Team:IIT_Madras/About_us";
 +
});
 +
 
 +
$("#block7_launch").click(function(){
 +
window.location="https://2011.igem.org/Team:IIT_Madras/Safety";
 +
});
 +
 
 +
$("#block8_launch").click(function(){
 +
window.location="https://2011.igem.org/Team:IIT_Madras/Human_practices";
 +
});
 +
 
 +
$("#block9_launch").click(function(){
 +
window.location="https://2011.igem.org/Team:IIT_Madras/Attributions";
});
});
Line 81: Line 193:
background:url('https://static.igem.org/mediawiki/2011/2/22/Block1.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/2/22/Block1.png') no-repeat;
position:absolute;
position:absolute;
-
width:334px;
+
width:234px;
-
height:175px;
+
height:117px;
-
top:-33px;left:100px;
+
top:-69px;left:208px;
-
 
+
display:none;
cursor:pointer;
cursor:pointer;
}
}
Line 90: Line 202:
background:url('https://static.igem.org/mediawiki/2011/f/f0/Block2.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/f/f0/Block2.png') no-repeat;
position:absolute;
position:absolute;
-
width:524px;
+
width:221px;
-
height:271px;
+
height:157px;
-
top:-104px;left:452px;
+
top:-122px;left:429px;
-
cursor:pointer;
+
cursor:pointer;display:none;
}
}
#block3{
#block3{
background:url('https://static.igem.org/mediawiki/2011/b/b7/Block3.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/b/b7/Block3.png') no-repeat;
position:absolute;
position:absolute;
-
width:268px;
+
width:187px;
-
height:165px;
+
height:116px;
-
top:85px;left:630px;
+
top:-36px;left:588px;
-
cursor:pointer;
+
cursor:pointer;display:none;
}
}
#block4{
#block4{
background:url('https://static.igem.org/mediawiki/2011/0/06/Block4.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/0/06/Block4.png') no-repeat;
position:absolute;
position:absolute;
-
width:391px;
+
width:211px;
-
height:329px;
+
height:115px;
-
top:150px;left:495px;
+
top:62px;left:630px;
-
cursor:pointer;
+
cursor:pointer;display:none;
}
}
#block5{
#block5{
background:url('https://static.igem.org/mediawiki/2011/b/bb/Block5.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/b/bb/Block5.png') no-repeat;
position:absolute;
position:absolute;
-
width:414px;
+
width:252px;
-
height:472px;
+
height:133px;
-
top:26px;left:50px;
+
top:156px;left:593px;
-
cursor:pointer;
+
cursor:pointer;display:none;
}
}
#block6{
#block6{
background:url('https://static.igem.org/mediawiki/2011/f/f6/Block6.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/f/f6/Block6.png') no-repeat;
position:absolute;
position:absolute;
-
width:414px;
+
width:194px;
-
height:472px;
+
height:117px;
-
top:26px;left:50px;
+
top:276px;left:400px;
-
cursor:pointer;
+
cursor:pointer;display:none;
}
}
#block7{
#block7{
background:url('https://static.igem.org/mediawiki/2011/d/df/Block7.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/d/df/Block7.png') no-repeat;
position:absolute;
position:absolute;
-
width:414px;
+
width:111px;
-
height:472px;
+
height:169px;
-
top:26px;left:50px;
+
top:225px;left:308px;
-
cursor:pointer;
+
cursor:pointer;display:none;
}
}
#block8{
#block8{
background:url('https://static.igem.org/mediawiki/2011/8/8a/Block8.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/8/8a/Block8.png') no-repeat;
position:absolute;
position:absolute;
-
width:414px;
+
width:179px;
-
height:472px;
+
height:139px;
-
top:26px;left:50px;
+
top:140px;left:214px;
-
cursor:pointer;
+
cursor:pointer;display:none;
}
}
#block9{
#block9{
background:url('https://static.igem.org/mediawiki/2011/3/3c/Block9.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/3/3c/Block9.png') no-repeat;
position:absolute;
position:absolute;
-
width:414px;
+
width:191px;
-
height:472px;
+
height:121px;
-
top:26px;left:50px;
+
top:36px;left:219px;
cursor:pointer;
cursor:pointer;
 +
display:none;
}
}
 +
#spons_list img{
 +
float:left;
 +
}
 +
 +
.title{display:none;}
</style>
</style>
</head>
</head>
 +
 +
<body>
<body>
<a href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-60px"/></a>
<a href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-60px"/></a>
-
<a href="http://iitm.ac.in"><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"/></a>
+
<a href="http://www.iitm.ac.in"><img src="https://static.igem.org/mediawiki/2011/a/ab/IIT_Madras_Logo.png" width="100px" height="100px;" style="position:relative; top:-60px; left:-10px;" align="right"/></a>
Line 162: Line 282:
<div id="main_container" align="center" style="position:relative; top:-50px;">
<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; z-index:4;"/>
+
<img id="prex" src="https://static.igem.org/mediawiki/2011/2/2d/Plasmid_name.png"  width="150px" height="33px" style="position:relative; top:0px; left:190px; z-index:4;"/>
-
<img id="vector" src="https://static.igem.org/mediawiki/2011/a/a9/Plasmid.png"  width="279px" height="294px" 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>
+
<img id="vector" src="https://static.igem.org/mediawiki/2011/a/a9/Plasmid.png"  width="279px" height="294px" style="position:relative; top:-15px; left:-28px;"/>
-
<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="block1_launch" style="width:39px; height:36px; display:block; position:absolute; left:402px; top:13px; 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="block2_launch" style="width:95px; height:53px; display:block; position:absolute; left:473px; top:12px; z-index:100;cursor:pointer;"></div>
 +
 
 +
<div id="block3_launch" style="width:42px; height:39px; display:block; position:absolute; left:575px; top:35px; z-index:100;cursor:pointer;"></div>
 +
 
 +
<div id="block4_launch" style="width:28px; height:69px; display:block; position:absolute; left:611px; top:86px; z-index:100;cursor:pointer; "></div>
 +
 
 +
<div id="block5_launch" style="width:47px; height:76px; display:block; position:absolute; left:577px; top:170px; z-index:100;cursor:pointer; "></div>
 +
 
 +
<div id="block6_launch" style="width:109px; height:23px; display:block; position:absolute; left:437px; top:251px; z-index:100;cursor:pointer;"></div>
 +
 
 +
<div id="block7_launch" style="width:32px; height:33px; display:block; position:absolute; left:385px; top:211px; z-index:100;cursor:pointer;"></div>
 +
 
 +
<div id="block8_launch" style="width:28px; height:67px; display:block; position:absolute; left:365px; top:142px; z-index:100;cursor:pointer;"></div>
 +
 
 +
<div id="block9_launch" style="width:29px; height:77px; display:block; position:absolute; left:366px; top:52px; 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="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="block1" align="left"></div>-->
-
<div id="block2" align="right"><div style="position:relative; top:30px; left:-30px;"><b>Project</b></div></div>
+
<div id="block2" ><div style="width:80%; position:relative; top:30px;">Proteorhodopsin: A Light-Driven Proton Pump</div></div>
-
<div id="block3" align="right"><div style="position:relative; top:30px; left:-30px;"><b>Team</b></div></div>
+
<div id="block3" align="right"><div style="width:80%; position:relative; top:5px;left:-54px">K572001<br/>K572005<br/>K572009<br/>K572100<br/>K572200</div></div>
-
<div id="block4" align="right"><div style="position:relative; top:50px; left:-30px;"><b>Modelling</b></div></div>
+
<div id="block4" align="right"><div style="width:80%; position:relative; top:15px; left:-33px">Notebook, Data & Protocols</div></div>
-
<div id="block5" align="left"><div style="position:relative; top:30px; left:20px;"><b>Notebook</b></div></div>
+
<div id="block5" align="left"><div style="width:80%; position:relative; top:22px; left:83px">In-Silico Simulation</div></div>
-
<div id="block6" align="left"><div style="position:relative; top:30px; left:20px;"><b>Notebook</b></div></div>
+
<div id="block6" align="left"><div style="width:80%; position:relative; top:18px; left:10px">A Team of Undergraduates from IIT Madras</div></div>
-
<div id="block7" align="left"><div style="position:relative; top:30px; left:20px;"><b>Notebook</b></div></div>
+
<div id="block7" align="left"><div style="width:80%; position:relative; top:90px; left:11px;">Safety Protocols</div></div>
-
<div id="block8" align="left"><div style="position:relative; top:30px; left:20px;"><b>Notebook</b></div></div>
+
<div id="block8" align="left"><div style="width:75%; position:relative; top:10px; left:11px;">Spreading the word about a Safer Alternative</div></div>
-
<div id="block9" align="left"><div style="position:relative; top:30px; left:20px;"><b>Notebook</b></div></div>
+
<div id="block9" align="left"><div style="width:80%; position:relative; top:10px; left:11px;">Giving due credit</div></div>
</div>
</div>
-
<div id="sponors" style=" width:100%; height:100px; position:relative; top:200px; ">
+
<p class="title" id="overview" style="position:absolute; top:120px;left:360px;">Overview</p>
 +
<p class="title" id="project" style="position:absolute; top:90px;left:530px;">Project</p>
 +
<p class="title" id="parts" style="position:absolute; top:140px;left:610px;">Parts</p>
 +
<p class="title" id="scribbles" style="position:absolute; top:210px;left:650px;">Scribbles</p>
 +
<p class="title" id="modelling" style="position:absolute; top:320px;left:630px;">Dry Lab</p>
 +
<p class="title" id="about_us" style="position:absolute; top:400px;left:480px;">About Us</p>
 +
<p class="title" id="safety"  style="position:absolute; top:342px;left:360px;">Safety</p>
 +
<p class="title" id="human" style="position:absolute; top:280px;left:270px;">Human Practices</p>
 +
<p class="title" id="attributions" style="position:absolute; top:190px;left:300px;">Attributions</p>
 +
 
 +
<!--<div id="sponors" style=" width:100%; height:100px; position:relative; top:200px; ">
Our Sponsors :
Our Sponsors :
-
</div>
+
</div>-->
-
 
+
-
<div id="instructions" style="position:relative; top:-122px; left:295px; color:#777; widht:100px; font-size:10px"><i>(Hover on the different parts to know more. Click on the part to visit the respective page)"</i></div>
+
 +
<div id="instructions" style="position:relative; top:0px; left:295px; color:#777; width:438px; font-size:14px;"><i><fontsize=7>(Hover over parts to know more. Click on a part to visit its page)</font></i></div>
 +
<br/><br/>
 +
<hr/>
 +
<h2><a href="https://2011.igem.org/Team:IIT_Madras/Sponsors">Sponsors:</a></h2>
 +
<div id="spons_list">
 +
<a href="http://alumni.iitm.ac.in/iitmact.php"><img src="https://static.igem.org/mediawiki/2011/8/89/Oaa.jpg"/></a>
 +
<a href="http://www.madrascements.com/Group%20Website/Groupbase.htm"><img src="https://static.igem.org/mediawiki/2011/d/d3/Flag_Green.jpg" length="120" width="120" style="position:relative;right:-35px"/></a>
 +
<a href="http://www.iitm.ac.in"><img src="https://static.igem.org/mediawiki/2011/4/47/IITM_Color_Logo.JPG" length="120" width="120" style="position:relative;right:-50px"/></a>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 03:12, 29 October 2011

bar

Proteorhodopsin: A Light-Driven Proton Pump
K572001
K572005
K572009
K572100
K572200
Notebook, Data & Protocols
In-Silico Simulation
A Team of Undergraduates from IIT Madras
Safety Protocols
Spreading the word about a Safer Alternative
Giving due credit

Overview

Project

Parts

Scribbles

Dry Lab

About Us

Safety

Human Practices

Attributions

(Hover over parts to know more. Click on a part to visit its page)


Sponsors:

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