Difference between revisions of "Team:IIT-Madras"

 
(352 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{IIT-Madras/CSS}}
 +
{{IIT-Madras-menu/CSS}}
 
<html>
 
<html>
 
+
<body style="background:white; text-align:center">
<style>
+
<div class="flex-container">
             
+
<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;" >
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear
+
{
+
    display: none;
+
}
+
 
+
@font-face{
+
src: url(iitm_ls.otf);
+
font-family: L;
+
}
+
@font-face{
+
src: url(iitm_cr.ttf);
+
font-family: C;
+
}
+
#contentWrapper{
+
background: #dddddd;
+
                        width: 100%;
+
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;
+
}
+
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;
+
}
+
a.btn:hover{
+
background: #00332b;
+
}
+
</style>
+
<head>
+
<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>
+
<div id="contentWrapper" onload="setup()" onresize="setup()">
+
<div id="header" style="display: block; width: 100%; text-align: left; background: #000f0d; position: fixed; top: 0px; ">
+
<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 src="iitm_menu.png" height="15" width="15"> &nbsp MENU
+
</a> </li>
+
<li id="cross" style="display:none; border: none; max-width: 120px;"> <a class="nav" onclick="cutmenu()">
+
<img src="iitm_close.png" height="15" width="15"> &nbsp CLOSE
+
</a> </li>
+
</ul>
+
<ul id="menu" style="display: none;">
+
<li> <a class="nav" href="home.html">
+
<img src="iitm_home.png" height="15" width="15"> &nbsp HOME
+
</a> </li>
+
<li> <a class="nav" href="team.html">
+
<img src="iitm_team.png" height="15" width="15"> &nbsp TEAM
+
</a> </li>
+
<li> <a class="nav" href="project.html">
+
<img src="iitm_project.png" height="15" width="15"> &nbsp PROJECT
+
</a> </li>
+
<li> <a class="nav" href="parts.html">
+
<img src="iitm_parts.png" height="15" width="15"> &nbsp PARTS
+
</a> </li>
+
<li> <a class="nav" href="safety.html">
+
<img src="iitm_safety.png" height="15" width="15"> &nbsp SAFETY
+
</a> </li>
+
<li> <a class="nav" href="attributions.html">
+
<img src="iitm_attributions.png" height="15" width="15"> &nbsp ATTRIBUTIONS
+
</a> </li>
+
<li> <a class="nav" href="humanpractices.html">
+
<img src="iitm_humanpractices.png" height="15" width="15"> &nbsp HUMAN PRACTICES
+
</a> </li>
+
<li> <a class="nav" href="awards.html">
+
<img src="iitm_awards.png" height="15" width="15"> &nbsp AWARDS
+
</a> </li>
+
+
</ul>
+
</div>
+
+
<div id="welcome" style="display: block; background: url(iitm_bg.png); margin: 0px; text-align: center; ">
+
<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="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 id="progress" style="display: block; background: white; margin: 0px; color: black; padding: 20px; text-align: center; border-left: 25px solid #00332b;">
 
<h1 style="font-family: L; font-weight: 200; font-size: 30px; letter-spacing: 3px; text-align: left; color: #00332b;">
 
Updates
 
<br><br>
 
</h1>
 
<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;">
 
21 May, 2016<br>
 
We've just started working on our wiki. Please visit us some time later for more information about our progress.
 
</p>
 
 
</div>
 
 
<div id="footer" style="display: block; background: #000f0d; margin: 0px; padding: 20px; text-align: justify; border: none; border-left: 50px solid #000f0d;">
 
<h1 style="font-family: L; font-weight: 200; font-size: 30px;  letter-spacing: 3px;">
 
Contact Us
 
</h1>
 
<ul>
 
<li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; ">
 
<br>
 
<img src="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;">
 
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="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;">
 
<br>
 
igemiitm16@gmail.com
 
</li>
 
</ul>
 
<br>
 
<br>
 
</div>
 
 
</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>
 +
<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>
 +
 +
</div>
 +
</body>
 
</html>
 
</html>
 +
{{IIT-Madras-footer/CSS}}

Latest revision as of 19:14, 19 October 2016