Difference between revisions of "Team:IIT-Madras"

 
(284 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: #050505; position: fixed; top: 0px; padding-top: 15px; box-shadow: 0px 2px 4px rgba(5,5,5,0.5);">
+
<ul style="color: #22ffdd; font-family: C; font-weight: 200; letter-spacing: 2px;">
+
<li class="nav" id="lines" style="border: none; max-width: 120px; background: #050505;"> <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; background: #050505;"> <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/9/94/Iitm_bg.png); 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: 30px;">
+
<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 id="content" style="display: block; background: #e0e0e0; margin: 0px; text-align: center; margin-top: 30px;">
+
<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>
 +
<img src="https://static.igem.org/mediawiki/2016/d/d1/Iitm_noise.png" height=125>
 +
<br>
 +
<span style="text-align: justify; display: inline-block; font-family:regular; margin-top: 25px; letter-spacing: 1px;">
 +
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.
 +
</span>
 +
</div>
 +
</a>
 +
        <a style="text-decoration:none;" target="_" href="https://2016.igem.org/Team:IIT-Madras/Description#RIBOS">
 +
            <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>
 +
<img src="https://static.igem.org/mediawiki/2016/2/2f/Iitm_ribos.png" height=125>
 +
<br>
 +
<span style="text-align: justify; display: inline-block; font-family:regular; margin-top: 25px; letter-spacing: 1px;">
 +
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.
 +
</span>
 +
              </div>
 +
              </a>
 +
<a  style="text-decoration:none;" target="_" href="https://2016.igem.org/Team:IIT-Madras/Model">
 +
          <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;"> TRANSLATION SCORE CALCULATOR </span><br><br>
 +
<img src="https://static.igem.org/mediawiki/2016/7/74/Normal_Distribution_PDF.svg" height=150>
 +
<br>
 +
<span style="text-align: justify; display: inline-block; font-family:regular; margin-top: 25px; letter-spacing: 1px;">
 +
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!
 +
</span>
 +
        </div>
 +
        </a>         
 +
    </div>
  
    <h2 style="display: inline-block; max-width: 1000px; margin: 0px; padding: 0px; padding-bottom: 30px;">
+
</div>
<br>
+
<ul>
+
<li style="display: inline-block; margin: 40px; background: #181818; border: none; min-width: 299px; max-width: 300px; text-align justify; border-radius: 3px; box-shadow: 2px 3px 5px rgba(24,24,24,0.5); font-family: C;">
+
<img src="https://static.igem.org/mediawiki/2016/0/00/Iitm_teamlogo.png" width=250 height=250>
+
<br>
+
</li>
+
+
</ul>
+
</h2>
+
</div>
+
+
<div id="footer" style="display: block; background: #050505; margin: 0px; padding: 30px; text-align: justify; border: none; box-shadow: 0px -2px 4px rgba(5,5,5,0.5);">
+
<h1 style="font-family: L; font-weight: 200; font-size: 30px;  letter-spacing: 3px; color:white;">
+
Contact Us
+
</h1>
+
                <br>
+
<ul>
+
<li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; ">
+
<br>
+
<img src="https://static.igem.org/mediawiki/2016/c/c1/Iitm_place.png" width=50 height=50>
+
</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%;">
+
Department of Biotechnology<br>
+
Bhupat & Jyoti Mehta School of Biosciences<br>
+
Indian Institute of Technology Madras<br>
+
Chennai - 600036
+
</li>
+
<li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; ">
+
<br>
+
<img src="https://static.igem.org/mediawiki/2016/2/23/Iitm_mail.png" width=50 height=50>
+
</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%;">
+
<br>
+
igemiitm16@gmail.com
+
</li>
+
</ul>
+
</div>
+
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{IIT-Madras-footer/CSS}}

Latest revision as of 19:14, 19 October 2016