Difference between revisions of "Team:IIT-Madras"

 
(331 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/3/3b/Iitm_ls.otf);
+
font-family: L;
+
}
+
@font-face{
+
src: url(https://static.igem.org/mediawiki/2016/5/59/Iitm_gi.otf);
+
font-family: C;
+
}
+
body{
+
background: #dddddd;
+
color: white;
+
font-family: C;
+
text-align: center;
+
padding: 0px;
+
                        margin: 0px;
+
}
+
ul{
+
list-style-type: none;
+
padding: 5px;
+
margin: 0px;
+
}
+
li{
+
display: inline-block;
+
font-size: 15px;
+
padding: 8px 16px 8px 16px;
+
border-left: 5px solid #22ffdd;
+
background: #001a16;
+
border-radius: 2px;
+
color: #22ffdd;
+
margin: 10px;
+
font-weight: 200;
+
}
+
li:hover{
+
background: #00332b;
+
}
+
a{
+
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;
+
                }
+
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; position: fixed; top: 0px; padding-top: 25px;">
+
<ul style="color: #22ffdd; font-family: C; font-weight: 200; letter-spacing: 2px;">
+
<li 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 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;">
+
<li> <a class="nav" href="home.html">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/b/b4/Iitm_home.png" height="15" width="15"> HOME
+
</a> </li>
+
<li> <a class="nav" href="team.html">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/d/db/Iitm_team.png" height="15" width="15"> TEAM
+
</a> </li>
+
<li> <a class="nav" href="project.html">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/6/6e/Iitm_project.png" height="15" width="15"> PROJECT
+
</a> </li>
+
<li> <a class="nav" href="parts.html">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/f/f8/Iitm_parts.png" height="15" width="15"> PARTS
+
</a> </li>
+
<li> <a class="nav" href="safety.html">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/d/d0/Iitm_safety.png" height="15" width="15"> SAFETY
+
</a> </li>
+
<li> <a class="nav" href="attributions.html">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/3/36/Iitm_attributions.png" height="15" width="15"> ATTRIBUTIONS
+
</a> </li>
+
<li> <a class="nav" href="humanpractices.html">
+
<img class="nav" src="https://static.igem.org/mediawiki/2016/9/94/Iitm_humanpractices.png" height="15" width="15"> HUMAN PRACTICES
+
</a> </li>
+
<li> <a class="nav" href="awards.html">
+
<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/9/94/Iitm_bg.png); margin: 0px; text-align: center; margin-top: 30px; ">
+
<h2 style="display: inline-block; max-width: 1000px; margin: 0px; padding: 0px;">
+
<br>
+
 
<ul>
 
<ul>
<li style="display: inline-block; margin-right: 0px; 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=400 height=400>
+
<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; background: none; border: none;">
+
<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: 25px; letter-spacing: 4px; color: #22ffdd; font-weight: 200;"> Team IIT Madras </span><br>
+
<span style="font-family: light; font-size: 2.5em; letter-spacing: 6px; color: #00ae93;"> IIT Madras</span><br><br>
Hi there! Welcome to our wiki.<br>
+
Analyse, decipher and control cellular computation. <br><br>
We are a team of undergraduates from the Indian Institute of Technology, Madras.<br><br>
+
We are working on RNA inducible regulatory switches that control expression of other genes. <br>
+
<p style="text-align: right;">
+
<br><br>
+
<a class="btn" href="project.html"> VIEW PROJECT </a>
+
</p>
+
+
 
</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 id="progress" style="display: block; background: white; margin: 0px; color: black; padding: 20px; text-align: center; border-left: 25px solid #00332b; ">
+
<div class="flex-card" style="background:#303030;">
<h1 style="font-family: L; font-weight: 200; font-size: 30px; letter-spacing: 3px; text-align: left; color: #00332b;">
+
<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>
Updates
+
<img src="https://static.igem.org/mediawiki/2016/d/d1/Iitm_noise.png" height=125>
<br><br>
+
<br>
</h1>
+
<span style="text-align: justify; display: inline-block; font-family:regular; margin-top: 25px; letter-spacing: 1px;">
<p style="display: inline-block; font-family: C; font-size: 20px; font-weight: 200; padding-right: 75px; text-align: justify; letter-spacing: 1px; padding-bottom: 150px; max-width: 900px;">
+
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.
21 May, 2016<br>
+
</span>
We've just started working on our wiki. Please visit us some time later for more information about our progress.
+
</div>
</p>
+
</a>
+
        <a style="text-decoration:none;" target="_" href="https://2016.igem.org/Team:IIT-Madras/Description#RIBOS">
</div>
+
            <div class="flex-card" style="background:#303030;">
+
                <span style="font-family: bold; font-size: 20px; letter-spacing: 1px; color: #ffffff; font-weight: 200;"> RIBOS </span><br><br>
<div id="footer" style="display: block; background: #000f0d; margin: 0px; padding: 20px; text-align: justify; border: none; border-left: 50px solid #000f0d;">
+
<img src="https://static.igem.org/mediawiki/2016/2/2f/Iitm_ribos.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>
+
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.
<ul>
+
</span>
<li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; ">
+
              </div>
<br>
+
              </a>
<img src="https://static.igem.org/mediawiki/2016/c/c1/Iitm_place.png" width=50 height=50>
+
<a  style="text-decoration:none;" target="_" href="https://2016.igem.org/Team:IIT-Madras/Model">
</li>
+
          <div class="flex-card" style="background:#303030;">
<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%;">
+
                      <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>
Department of Biotechnology<br>
+
<img src="https://static.igem.org/mediawiki/2016/7/74/Normal_Distribution_PDF.svg" height=150>
Bhupat & Jyoti Mehta School of Biosciences<br>
+
<br>  
Indian Institute of Technology, Madras<br>
+
<span style="text-align: justify; display: inline-block; font-family:regular; margin-top: 25px; letter-spacing: 1px;">
Chennai - 600036
+
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!
</li>
+
</span>
<li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; ">
+
        </div>
<br>
+
        </a>        
<img src="https://static.igem.org/mediawiki/2016/2/23/Iitm_mail.png" width=50 height=50>
+
    </div>
</li>
+
 
<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%;">
+
</div>
<br>
+
igemiitm16@gmail.com
+
</li>
+
</ul>
+
<br>
+
<br>
+
</div>
+
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{IIT-Madras-footer/CSS}}

Latest revision as of 19:14, 19 October 2016