Team:IIT Madras
From 2011.igem.org
(Difference between revisions)
(76 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"). | + | $("#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 19: | 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 39: | 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 55: | Line 100: | ||
$("#block5").stop().hide(); | $("#block5").stop().hide(); | ||
$("#instructions").show(); | $("#instructions").show(); | ||
- | $(" | + | $("#modelling").show(); |
}); | }); | ||
$("#block6_launch").hover(function(){ | $("#block6_launch").hover(function(){ | ||
$("#block6").show(); | $("#block6").show(); | ||
- | $(" | + | $("#about_us").hide(); |
$("#instructions").hide(); | $("#instructions").hide(); | ||
}, | }, | ||
Line 66: | Line 111: | ||
$("#block6").stop().hide(); | $("#block6").stop().hide(); | ||
$("#instructions").show(); | $("#instructions").show(); | ||
- | $(" | + | $("#about_us").show(); |
}); | }); | ||
$("#block9_launch").hover(function(){ | $("#block9_launch").hover(function(){ | ||
$("#block9").show(); | $("#block9").show(); | ||
- | $(" | + | $("#attributions").hide(); |
$("#instructions").hide(); | $("#instructions").hide(); | ||
}, | }, | ||
Line 77: | Line 122: | ||
$("#block9").stop().hide(); | $("#block9").stop().hide(); | ||
$("#instructions").show(); | $("#instructions").show(); | ||
- | $(" | + | $("#attributions").show(); |
}); | }); | ||
$("#block7_launch").hover(function(){ | $("#block7_launch").hover(function(){ | ||
$("#block7").show(); | $("#block7").show(); | ||
- | $(" | + | $("#safety").hide(); |
$("#instructions").hide(); | $("#instructions").hide(); | ||
}, | }, | ||
Line 88: | Line 133: | ||
$("#block7").stop().hide(); | $("#block7").stop().hide(); | ||
$("#instructions").show(); | $("#instructions").show(); | ||
- | $(" | + | $("#safety").show(); |
}); | }); | ||
$("#block8_launch").hover(function(){ | $("#block8_launch").hover(function(){ | ||
$("#block8").show(); | $("#block8").show(); | ||
- | $(" | + | $("#human").hide(); |
$("#instructions").hide(); | $("#instructions").hide(); | ||
}, | }, | ||
Line 99: | Line 144: | ||
$("#block8").stop().hide(); | $("#block8").stop().hide(); | ||
$("#instructions").show(); | $("#instructions").show(); | ||
- | $(" | + | $("#human").show(); |
}); | }); | ||
$("#block1_launch").click(function(){ | $("#block1_launch").click(function(){ | ||
- | window.location="https://2011.igem.org/Team:IIT_Madras/ | + | window.location="https://2011.igem.org/Team:IIT_Madras/Data_page"; |
}); | }); | ||
Line 111: | Line 156: | ||
$("#block3_launch").click(function(){ | $("#block3_launch").click(function(){ | ||
- | window.location="https://2011.igem.org/Team:IIT_Madras/ | + | window.location="https://2011.igem.org/Team:IIT_Madras/Data_page"; |
}); | }); | ||
Line 119: | Line 164: | ||
$("#block5_launch").click(function(){ | $("#block5_launch").click(function(){ | ||
- | window.location="https://2011.igem.org/Team:IIT_Madras/Modelling"; | + | window.location="https://2011.igem.org/Team:IIT_Madras/Dry_lab/Modelling"; |
}); | }); | ||
Line 135: | Line 180: | ||
$("#block9_launch").click(function(){ | $("#block9_launch").click(function(){ | ||
- | window.location="https://2011.igem.org/Team:IIT_Madras/ | + | window.location="https://2011.igem.org/Team:IIT_Madras/Attributions"; |
}); | }); | ||
Line 219: | Line 264: | ||
display:none; | 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/ | + | <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 230: | 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/ | + | <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:-15px; left:-28px;"/> | <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;"/> | ||
Line 254: | Line 306: | ||
<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> | + | <!--<div id="block1" align="left"></div>--> |
- | <div id="block2" | + | <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> | + | <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> | + | <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> | + | <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> | + | <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> | + | <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> | + | <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> | + | <div id="block9" align="left"><div style="width:80%; position:relative; top:10px; left:11px;">Giving due credit</div></div> |
</div> | </div> | ||
- | <p class="title" style="position:absolute; top:120px;left:360px;"> | + | <p class="title" id="overview" style="position:absolute; top:120px;left:360px;">Overview</p> |
- | <p class="title" style="position:absolute; top:90px;left:530px;">Project</p> | + | <p class="title" id="project" style="position:absolute; top:90px;left:530px;">Project</p> |
- | <p class="title" style="position:absolute; top:140px;left:610px;">Parts</p> | + | <p class="title" id="parts" style="position:absolute; top:140px;left:610px;">Parts</p> |
- | <p class="title" style="position:absolute; top:210px;left:650px;">Scribbles</p> | + | <p class="title" id="scribbles" style="position:absolute; top:210px;left:650px;">Scribbles</p> |
- | <p class="title" style="position:absolute; top:320px;left:630px;"> | + | <p class="title" id="modelling" style="position:absolute; top:320px;left:630px;">Dry Lab</p> |
- | <p class="title" style="position:absolute; top:400px;left:480px;">About Us</p> | + | <p class="title" id="about_us" style="position:absolute; top:400px;left:480px;">About Us</p> |
- | <p class="title" style="position:absolute; top:342px;left:360px;">Safety</p> | + | <p class="title" id="safety" style="position:absolute; top:342px;left:360px;">Safety</p> |
- | <p class="title" | + | <p class="title" id="human" style="position:absolute; top:280px;left:270px;">Human Practices</p> |
- | <p class="title" style="position:absolute; top:190px;left:300px;">Attributions</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; "> | <!--<div id="sponors" style=" width:100%; height:100px; position:relative; top:200px; "> | ||
Line 279: | Line 331: | ||
</div>--> | </div>--> | ||
- | <div id="instructions" style="position:relative; top:0px; left:295px; color:#777; width:438px; font-size: | + | <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
Proteorhodopsin: A Light-Driven Proton Pump
K572001
K572005
K572009
K572100
K572200
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