Team:IIT Madras

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
 
(203 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{:Team:IIT_Madras/Template:new_home}}
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<script type="text/javascript">
-
</div>
+
jQuery( document ).ready( function( $ ) {
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
$("#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").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(){
 +
$("#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();
 +
});
-
{|align="justify"
+
$("#block2_launch").hover(function(){
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
$("#block2").show();
-
|[[Image:IIT_Madras_logo.png|200px|right|frame]]
+
$("#project").hide();
-
|-
+
-
|
+
-
''Tell us more about your project. Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:IIT_Madras_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:IIT_Madras | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
},
 +
function(){
 +
$("#block2").stop().hide();
 +
$("#project").show();
 +
});
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
$("#block3_launch").hover(function(){
-
!align="center"|[[Team:IIT_Madras|Home]]
+
$("#block3").show();
-
!align="center"|[[Team:IIT_Madras/Team|Team]]
+
$("#parts").hide();
-
!align="center"|[https://igem.org/Team.cgi?year=2011&team_name=IIT_Madras Official Team Profile]
+
},
-
!align="center"|[[Team:IIT_Madras/Project|Project]]
+
function(){
-
!align="center"|[[Team:IIT_Madras/Parts|Parts Submitted to the Registry]]
+
$("#block3").stop().hide();
-
!align="center"|[[Team:IIT_Madras/Modeling|Modeling]]
+
$("#parts").show();
-
!align="center"|[[Team:IIT_Madras/Notebook|Notebook]]
+
});
-
!align="center"|[[Team:IIT_Madras/Safety|Safety]]
+
 
-
!align="center"|[[Team:IIT_Madras/Attributions|Attributions]]
+
$("#block4_launch").hover(function(){
-
|}
+
$("#block4").show();
 +
$("#instructions").hide();
 +
$("#scribbles").hide();
 +
},
 +
function(){
 +
$("#block4").stop().hide();
 +
$("#instructions").show();
 +
$("#scribbles").show();
 +
});
 +
 
 +
$("#block5_launch").hover(function(){
 +
$("#block5").show();
 +
$("#modelling").hide();
 +
$("#instructions").hide();
 +
},
 +
function(){
 +
$("#block5").stop().hide();
 +
$("#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(){
 +
window.location="https://2011.igem.org/Team:IIT_Madras/Data_page";
 +
});
 +
 
 +
$("#block2_launch").click(function(){
 +
window.location="https://2011.igem.org/Team:IIT_Madras/Project";
 +
});
 +
 
 +
$("#block3_launch").click(function(){
 +
window.location="https://2011.igem.org/Team:IIT_Madras/Data_page";
 +
});
 +
 
 +
$("#block4_launch").click(function(){
 +
window.location="https://2011.igem.org/Team:IIT_Madras/Scribbles";
 +
});
 +
 
 +
$("#block5_launch").click(function(){
 +
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";
 +
});
 +
 
 +
});
 +
 
 +
</script>
 +
<style>
 +
#main_container{
 +
width:100%;
 +
}
 +
#block1{
 +
background:url('https://static.igem.org/mediawiki/2011/2/22/Block1.png') no-repeat;
 +
position:absolute;
 +
width:234px;
 +
height:117px;
 +
top:-69px;left:208px;
 +
display:none;
 +
cursor:pointer;
 +
}
 +
#block2{
 +
background:url('https://static.igem.org/mediawiki/2011/f/f0/Block2.png') no-repeat;
 +
position:absolute;
 +
width:221px;
 +
height:157px;
 +
top:-122px;left:429px;
 +
cursor:pointer;display:none;
 +
}
 +
#block3{
 +
background:url('https://static.igem.org/mediawiki/2011/b/b7/Block3.png') no-repeat;
 +
position:absolute;
 +
width:187px;
 +
height:116px;
 +
top:-36px;left:588px;
 +
cursor:pointer;display:none;
 +
}
 +
#block4{
 +
background:url('https://static.igem.org/mediawiki/2011/0/06/Block4.png') no-repeat;
 +
position:absolute;
 +
width:211px;
 +
height:115px;
 +
top:62px;left:630px;
 +
cursor:pointer;display:none;
 +
}
 +
#block5{
 +
background:url('https://static.igem.org/mediawiki/2011/b/bb/Block5.png') no-repeat;
 +
position:absolute;
 +
width:252px;
 +
height:133px;
 +
top:156px;left:593px;
 +
cursor:pointer;display:none;
 +
}
 +
#block6{
 +
background:url('https://static.igem.org/mediawiki/2011/f/f6/Block6.png') no-repeat;
 +
position:absolute;
 +
width:194px;
 +
height:117px;
 +
top:276px;left:400px;
 +
cursor:pointer;display:none;
 +
}
 +
#block7{
 +
background:url('https://static.igem.org/mediawiki/2011/d/df/Block7.png') no-repeat;
 +
position:absolute;
 +
width:111px;
 +
height:169px;
 +
top:225px;left:308px;
 +
cursor:pointer;display:none;
 +
}
 +
#block8{
 +
background:url('https://static.igem.org/mediawiki/2011/8/8a/Block8.png') no-repeat;
 +
position:absolute;
 +
width:179px;
 +
height:139px;
 +
top:140px;left:214px;
 +
cursor:pointer;display:none;
 +
}
 +
#block9{
 +
background:url('https://static.igem.org/mediawiki/2011/3/3c/Block9.png') no-repeat;
 +
position:absolute;
 +
width:191px;
 +
height:121px;
 +
top:36px;left:219px;
 +
cursor:pointer;
 +
display:none;
 +
}
 +
#spons_list img{
 +
float:left;
 +
}
 +
 
 +
.title{display:none;}
 +
</style>
 +
</head>
 +
 
 +
 
 +
 
 +
<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="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>
 +
 
 +
 
 +
 
 +
<div id="main_container" align="center" style="position:relative; top:-50px;">
 +
 
 +
<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;"/>
 +
 
 +
<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="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="block1" align="left"></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="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="width:80%; position:relative; top:15px; left:-33px">Notebook, Data & Protocols</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="width:80%; position:relative; top:18px; left:10px">A Team of Undergraduates from IIT Madras</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="width:75%; position:relative; top:10px; left:11px;">Spreading the word about a Safer Alternative</div></div>
 +
<div id="block9" align="left"><div style="width:80%; position:relative; top:10px; left:11px;">Giving due credit</div></div>
 +
</div>
 +
 
 +
<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 :
 +
</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>
 +
</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"