Team:IIT Madras

From 2011.igem.org

(Difference between revisions)
 
(112 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:IIT_Madras/Template:header}}
+
{{:Team:IIT_Madras/Template:new_home}}
<html>
<html>
<head>
<head>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
 +
<script type="text/javascript">
 +
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").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();
 +
 +
});
 +
 +
$("#block2_launch").hover(function(){
 +
$("#block2").show();
 +
$("#project").hide();
 +
 +
},
 +
function(){
 +
$("#block2").stop().hide();
 +
$("#project").show();
 +
});
 +
 +
$("#block3_launch").hover(function(){
 +
$("#block3").show();
 +
$("#parts").hide();
 +
},
 +
function(){
 +
$("#block3").stop().hide();
 +
$("#parts").show();
 +
});
 +
 +
$("#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>
<style>
-
#main_content{
+
#main_container{
width:100%;
width:100%;
-
height:100%;
 
-
min-height:500px;
 
-
background:none;
 
-
position:relative;
 
-
top:-69px;
 
}
}
-
#header{
+
#block1{
-
width:100%;
+
background:url('https://static.igem.org/mediawiki/2011/2/22/Block1.png') no-repeat;
-
height:175px;
+
position:absolute;
-
opacity:none;
+
width:234px;
-
color:white;
+
height:117px;
 +
top:-69px;left:208px;
 +
display:none;
 +
cursor:pointer;
}
}
-
#header_bg{
+
#block2{
-
width:100%;
+
background:url('https://static.igem.org/mediawiki/2011/f/f0/Block2.png') no-repeat;
-
height:100%;
+
position:absolute;
-
background:white;
+
width:221px;
-
opacity:0.4;
+
height:157px;
 +
top:-122px;left:429px;
 +
cursor:pointer;display:none;
}
}
-
#header_text{
+
#block3{
-
position:relative;
+
background:url('https://static.igem.org/mediawiki/2011/b/b7/Block3.png') no-repeat;
-
top:-150px;
+
position:absolute;
-
left:-50px;
+
width:187px;
 +
height:116px;
 +
top:-36px;left:588px;
 +
cursor:pointer;display:none;
}
}
-
#content_body{
+
#block4{
-
color:white;
+
background:url('https://static.igem.org/mediawiki/2011/0/06/Block4.png') no-repeat;
-
width:100%;
+
position:absolute;
-
height:100%;
+
width:211px;
-
min-height:400px;
+
height:115px;
-
background:url('https://static.igem.org/mediawiki/2011/a/a9/IITM_content_bg.png') repeat-x repeat-y;
+
top:62px;left:630px;
 +
cursor:pointer;display:none;
}
}
-
#content_text{
+
#block5{
-
width:70%;
+
background:url('https://static.igem.org/mediawiki/2011/b/bb/Block5.png') no-repeat;
-
position:relative;
+
position:absolute;
-
left:25%;
+
width:252px;
-
text-align:right;
+
height:133px;
 +
top:156px;left:593px;
 +
cursor:pointer;display:none;
}
}
-
#content_menu{
+
#block6{
-
width:19%;height:100%;
+
background:url('https://static.igem.org/mediawiki/2011/f/f6/Block6.png') no-repeat;
position:absolute;
position:absolute;
-
top:175px; left:0;
+
width:194px;
 +
height:117px;
 +
top:276px;left:400px;
 +
cursor:pointer;display:none;
}
}
-
#content_menu ul{list-style:none;}
+
#block7{
-
#content_menu ul li{ height:21px; width:80%; position:relative; top:10px; padding-left:35%; padding-top:9px; padding-bottom:2px; }
+
background:url('https://static.igem.org/mediawiki/2011/d/df/Block7.png') no-repeat;
-
#content_menu ul li:hover{background:#ec9f09;}
+
position:absolute;
-
#content_menu ul li a{text-decoration:none; color:white; }
+
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>
</style>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
 
-
<script type="text/javascript">
 
-
jQuery( document ).ready();
 
-
</script>
 
</head>
</head>
 +
 +
 +
<body>
<body>
-
<div id="main_content">
+
<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>
-
<div id="header" align="right">
+
<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="header_bg"></div>
+
 
-
<div id="header_text">
+
 
-
<h1 style="color:white;">IIT Madras</h1>
+
 
-
<h3 style="color:white;">And then the E.coli said, "Let there be light"</h3></div>
+
<div id="main_container" align="center" style="position:relative; top:-50px;">
-
<div id="logo" align="left"><img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-230px"/></div>
+
 
-
</div>
+
<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;"/>
-
<div id="content_body">
+
 
-
<div id="content_text"><p>
+
<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;"/>
-
<b>Proteorhodopsin, The Savior</b> <br/><br/>
+
 
-
“Make ATP when the sun shines”. Proteorhodopsin, the inspiration for our motto is a proton pump, native to marine bacteria, that uses light to generate proton gradient across the cell membrane. This leads to ‘Photophosphorylation’, as the proton gradient drives ATP-synthase to produce ATP. We have designed a cloning vector containing a Proteorhodopsin generator which confers a survival advantage to transformants in nutrient limiting conditions. And thus, we propose a novel screening technique that uses metabolic stress to screen for transformants in the presence of light. In addition, using the stress alleviation due to proteorhodopsin activity, we intend to enhance the yield of recombinant proteins and substrate consumption efficiency. </p></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="content_menu">
+
 
-
<ul>
+
<div id="block2_launch" style="width:95px; height:53px; display:block; position:absolute; left:473px; top:12px; z-index:100;cursor:pointer;"></div>
-
<li><a href="https://2011.igem.org/Team:IIT_Madras">Home</a></li>
+
 
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Team">Team</a></li>
+
<div id="block3_launch" style="width:42px; height:39px; display:block; position:absolute; left:575px; top:35px; z-index:100;cursor:pointer;"></div>
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Project">Project</a></li>
+
 
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Parts">Parts</a></li>
+
<div id="block4_launch" style="width:28px; height:69px; display:block; position:absolute; left:611px; top:86px; z-index:100;cursor:pointer; "></div>
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Modeling">Modeling</a></li>
+
 
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Notebook">Notebook</a></li>
+
<div id="block5_launch" style="width:47px; height:76px; display:block; position:absolute; left:577px; top:170px; z-index:100;cursor:pointer; "></div>
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Safety">Safety</a></li>
+
 
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Attributions">Attributions</a></li>
+
<div id="block6_launch" style="width:109px; height:23px; display:block; position:absolute; left:437px; top:251px; z-index:100;cursor:pointer;"></div>
-
</ul>
+
 
-
</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>
</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>
</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"