Difference between revisions of "Team:IIT-Madras"

 
(293 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{IIT-Madras/CSS}}
 +
{{IIT-Madras-menu/CSS}}
 
<html>
 
<html>
<head>
+
<body style="background:white; text-align:center">
 
+
<div class="flex-container">
<style type="text/css">
+
<div class="flex-item" style="background: url(https://static.igem.org/mediawiki/2016/d/d1/Iitmhomebackmerge.png);background-size: cover;background-position: 0px 0px;margin-top:25px;" >
/* Start Removing iGEM Style*/ .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ margin:0px; } #HQ_page p{ font-size: 20px; } #HQ_page .clear{ height:0px; } .clear { clear: both; height:0px; } #sideMenu{ display:none; } #top_title{ display:none; } #content { width: 100%; margin:0px auto; padding:0px; border:none; background:none; } #globalWrapper { width: 100%; padding:0px; margin-top: -25px; } .firstHeading { display:none; } #bodyContent h1, #bodyContent h2{ margin: 0; } /* End Removing iGEM Style */
+
 
+
 
+
@font-face{
+
src: url(https://static.igem.org/mediawiki/2016/a/aa/Iitm_lb.otf);
+
font-family: L;
+
}
+
@font-face{
+
src: url(https://static.igem.org/mediawiki/2016/5/59/Iitm_gi.otf);
+
font-family: C;
+
}
+
body{
+
background: #050505;
+
color: white;
+
font-family: C;
+
text-align: center;
+
padding: 0px;
+
                        margin: 0px;
+
}
+
ul{
+
list-style-type: none;
+
padding: 5px;
+
margin: 0px;
+
}
+
li.nav{
+
display: inline-block;
+
font-size: 15px;
+
padding: 8px 16px 8px 16px;
+
border-left: 5px solid #ffffff;
+
background: #181818;
+
border-radius: 1px;
+
color: #ffffff;
+
margin: 10px;
+
font-weight: 200;
+
}
+
li.nav:hover{
+
background: #282828;
+
}
+
a,a:visited{
+
text-decoration: none;
+
font-family: C;
+
color: inherit;
+
}
+
a.nav{
+
display: inline-block;
+
min-width: 200px;
+
text-align: left;
+
                        text-decoration: none;
+
}
+
                img.nav{
+
                      vertical-align: 0px;
+
                      margin-right: 5px;
+
                      filter: brightness(5000%);
+
                }
+
a.nav:hover{
+
cursor: pointer;
+
cursor: hand;
+
}
+
a.btn{
+
background: #000f0d;
+
color: #22ffdd;
+
border-radius: 3px;
+
padding: 8px 16px 8px 16px;
+
font-size: 15px;
+
letter-spacing: 3px;
+
font-family: C;
+
font-weight: 200;
+
                        text-decoration: none;
+
}
+
a.btn:hover{
+
background: #00332b;
+
}
+
</style>
+
+
<script type="text/javascript">
+
function gid(a){
+
return document.getElementById(a);
+
}
+
function setup(){
+
gid('welcome').style.paddingTop = gid('header').offsetHeight + 'px';
+
}
+
function putmenu(){
+
gid('menu').style.display = 'block';
+
gid('lines').style.display = 'none';
+
gid('cross').style.display = 'inline-block';
+
}
+
function cutmenu(){
+
gid('menu').style.display = 'none';
+
gid('lines').style.display = 'inline-block';
+
gid('cross').style.display = 'none';
+
}
+
</script>
+
</head>
+
<body onload="setup()" onresize="setup()">
+
<div id="header" style="display: block; width: 100%; text-align: left; background: #000f0d; background: #050505; position: fixed; top: 0px; padding-top: 25px;">
+
<ul style="color: #22ffdd; font-family: C; font-weight: 200; letter-spacing: 2px;">
+
<li class="nav" id="lines" style="border: none; max-width: 120px;"> <a class="nav" onclick="putmenu()">  
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/7/7c/Iitm_menu.png" height="15" width="15"> MENU
+
</a> </li>
+
<li class="nav" id="cross" style="display:none; border: none; max-width: 120px;"> <a class="nav" onclick="cutmenu()">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/3/37/Iitm_close.png" height="15" width="15"> CLOSE
+
</a> </li>
+
</ul>
+
<ul id="menu" style="display: none; padding-bottom: 30px;">
+
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/b/b4/Iitm_home.png" height="15" width="15"> HOME
+
</a> </li>
+
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Team">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/d/db/Iitm_team.png" height="15" width="15"> TEAM
+
</a> </li>
+
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Description">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/6/6e/Iitm_project.png" height="15" width="15"> PROJECT
+
</a> </li>
+
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Parts">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/f/f8/Iitm_parts.png" height="15" width="15"> PARTS
+
</a> </li>
+
                        <li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Measurement">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/f/fd/Iitm_measurements.png" height="15" width="15"> MEASUREMENTS
+
</a> </li>
+
                        <li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Model">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/4/45/Iitm_model.png" height="15" width="15"> MODEL
+
</a> </li>
+
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Safety">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/d/d0/Iitm_safety.png" height="15" width="15"> SAFETY
+
</a> </li>
+
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Attributions">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/3/36/Iitm_attributions.png" height="15" width="15"> ATTRIBUTIONS
+
</a> </li>
+
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Human_Practices">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/9/94/Iitm_humanpractices.png" height="15" width="15"> HUMAN PRACTICES
+
</a> </li>
+
                        <li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Interlabstudy">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/b/b8/Iitm_interlab.png" height="15" width="15"> INTERLAB STUDY
+
</a> </li>
+
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Entrepreneurship">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/6/6f/Iitm_awards.png" height="15" width="15"> AWARDS
+
</a> </li>
+
+
</ul>
+
</div>
+
+
<div id="welcome" style="display: block; background: url(https://static.igem.org/mediawiki/2016/f/fe/Iitm_newbg.jpg); margin: 0px; text-align: center; margin-top: 30px; background-size: cover;">
+
<h2 style="display: inline-block; max-width: 1000px; margin: 0px; padding: 0px; padding-bottom: 70px;">
+
<br>
+
 
<ul>
 
<ul>
 
<li style="display: inline-block; margin-right: 40px; background: none; border: none;">
 
<li style="display: inline-block; margin-right: 40px; background: none; border: none;">
<img src="https://static.igem.org/mediawiki/2016/0/00/Iitm_teamlogo.png" width=250 height=250>
+
<img src="https://static.igem.org/mediawiki/2016/0/00/Iitm_teamlogo.png" width=300 height=300>
 
</li>
 
</li>
<li style="display: inline-block; vertical-align: top; font-size: 20px; color: white; font-weight: 200; max-width: 400px; text-align: justify; font-family: C; background: none; border: none; margin-left: 40px; vertical-align: middle;">
+
<li style="display: inline-block; vertical-align: top; font-size: 1.5em; color: white; text-align: left; font-family: light; background: none; border: none; margin-left: 40px; vertical-align: middle;">
 
<br>
 
<br>
<span style="font-family: L; font-size: 30px; letter-spacing: 6px; color: #00ae93; font-weight: 200;"> Team IIT Madras </span><br><br>
+
<span style="font-family: light; font-size: 2.5em; letter-spacing: 6px; color: #00ae93;"> IIT Madras</span><br><br>
Developing novel methods and tools to understand and engineer biological systems <br><br>
+
Analyse, decipher and control cellular computation. <br><br>
+
+
 
</li>
 
</li>
 
</ul>
 
</ul>
</h2>
+
</div>
</div>
+
    <div class="flex-item" style="flex-direction:row;background:tomato;justify-content:space-around;margin:auto; flex-wrap:wrap;">
+
<a style="text-decoration:none;" target="_" href="https://2016.igem.org/Team:IIT-Madras/Description#Noise_in_Devices">
+
<div class="flex-card" style="background:#303030;">
+
<span style="font-family: bold; font-size: 20px; letter-spacing: 1px; color: #ffffff; font-weight: 200; padding-bottom: 20px;"> NOISE IN DEVICES </span><br><br>
<div id="footer" style="display: block; background: #050505; margin: 0px; padding: 30px; text-align: justify; border: none;">
+
<img src="https://static.igem.org/mediawiki/2016/d/d1/Iitm_noise.png" height=125>
<h1 style="font-family: L; font-weight: 200; font-size: 30px; letter-spacing: 3px; color:white;">
+
<br>  
Contact Us
+
<span style="text-align: justify; display: inline-block; font-family:regular; margin-top: 25px; letter-spacing: 1px;">
</h1>
+
Exploring noise in devices to understand and predict their behavior. Intrinsic noise in devices seems to increase with increase in protein expression levels irrespective of constituent parts e.g. different RBSs and promoters.
                <br>
+
</span>
<ul>
+
</div>
<li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; ">
+
</a>
<br>
+
        <a style="text-decoration:none;" target="_" href="https://2016.igem.org/Team:IIT-Madras/Description#RIBOS">
<img src="https://static.igem.org/mediawiki/2016/c/c1/Iitm_place.png" width=50 height=50>
+
            <div class="flex-card" style="background:#303030;">
</li>
+
                <span style="font-family: bold; font-size: 20px; letter-spacing: 1px; color: #ffffff; font-weight: 200;"> RIBOS </span><br><br>
<li style="display: inline-block; vertical-align: top; font-size: 20px; color: white; font-weight: 200; padding-left: 0px; max-width: 500px; text-align: justify; background: none; border: none; line-height: 150%;">
+
<img src="https://static.igem.org/mediawiki/2016/2/2f/Iitm_ribos.png" height=125>
Department of Biotechnology<br>
+
<br>  
Bhupat & Jyoti Mehta School of Biosciences<br>
+
<span style="text-align: justify; display: inline-block; font-family:regular; margin-top: 25px; letter-spacing: 1px;">
Indian Institute of Technology, Madras<br>
+
Designed and experimentally validated the functionality of RNA Inducible Boolean-like Output Switches (RIBOS) for better control over gene expression. Now, get RIBOS devices for your own genes.
Chennai - 600036
+
</span>
</li>
+
              </div>
<li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; ">
+
              </a>
<br>
+
<a  style="text-decoration:none;" target="_" href="https://2016.igem.org/Team:IIT-Madras/Model">
<img src="https://static.igem.org/mediawiki/2016/2/23/Iitm_mail.png" width=50 height=50>
+
          <div class="flex-card" style="background:#303030;">
</li>
+
                      <span style="font-family: bold; font-size: 20px; letter-spacing: 1px; color: #ffffff; font-weight: 200; padding-bottom: 20px;"> TRANSLATION SCORE CALCULATOR </span><br><br>
<li style="display: inline-block; vertical-align: top; font-size: 20px; color: white; font-weight: 200; padding-left: 0px; max-width: 500px; text-align: justify; background: none; border: none; line-height: 150%;">
+
<img src="https://static.igem.org/mediawiki/2016/7/74/Normal_Distribution_PDF.svg" height=150>
<br>
+
<br>
igemiitm16@gmail.com
+
<span style="text-align: justify; display: inline-block; font-family:regular; margin-top: 25px; letter-spacing: 1px;">
</li>
+
Designed and validated an empirical model to predict the variations in translational score of RBS parts. Now, you can get protein expression levels for your own expression system!
</ul>
+
</span>
</div>
+
        </div>
 +
        </a>        
 +
    </div>
 +
 
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{IIT-Madras-footer/CSS}}

Latest revision as of 19:14, 19 October 2016