Team:Tec-Monterrey EKAM

From 2012.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
-
<!----///////////////////////////////////////////////////////////////////////////////--->
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
<link href="http://fonts.googleapis.com/css?family=Skranji&subset=latin,latin-ext" rel="stylesheet" type="text/css"/>
 +
        <!--<link type="text/css" rel="stylesheet" href="../css/iGEMkill.css"/>-->
<style>
<style>
-
 
/*S-T-A-RSSS!!*/
/*S-T-A-RSSS!!*/
-
a, a:hover, a:visited, a:hover, a:active,ul,li,img,div,p, h1, h2, h3,h4,h5,h6{
+
a, a:hover, a:visited, a:hover, a:active,ul,li,img,div,p,h1, h2, h3,h4,h5,h6{
margin:0;
margin:0;
padding:0;
padding:0;
text-decoration:none;
text-decoration:none;
color: #fff;
color: #fff;
-
background: transparent;
+
font-weight:normal;
-
list-style-type: none;
+
/*list-style-type: none;*/
-
text-align: right;
+
 
-
text-indent:0px;
+
-
display: block;
+
}
}
-
div, p,  h1, h2, h3,h4,h5,h6{
+
div, p{
color: black;
color: black;
font-weight:normal;
font-weight:normal;
}
}
 +
#top-section{
#top-section{
Line 28: Line 28:
.firstHeading{
.firstHeading{
display:none;
display:none;
-
}
 
-
 
-
#content{
 
-
//display:none;
 
-
width: 100%;
 
}
}
Line 48: Line 43:
/***BRRRRRRRRRR!**/
/***BRRRRRRRRRR!**/
-
*{
+
 
-
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
html{
 +
    height: 100%;
 +
    overflow: hidden;
 +
}
 +
body{
 +
    height: 100%;
 +
    background-color: white;
}
}
 +
#globalWrapper{
 +
    height: 100%;
 +
    font-size: 100%;
 +
}
 +
#content{
 +
    /*display:none;*/
 +
    width: 100%;
 +
    height: 100% !important;
 +
    padding: 0 !important;
 +
}
 +
 +
#bodyContent{
 +
    height: 100%;
 +
}
 +
 +
 +
</style>
 +
<!--END igem  KILL-->
 +
        <!--<link type="text/css" rel="stylesheet" href="../css/ekam_style.css"/>-->
 +
<style>
 +
root {
 +
    display: block;
 +
}
 +
 +
hr {
 +
    border-width: 2px;
 +
    border-style: solid;
 +
    border-color: #888;
 +
}
 +
 +
h2, h3, label, p, div {
 +
    font-family: 'Skranji', cursive;
 +
}
 +
 +
textarea {
 +
    width: 500px;
 +
    height: 100px;
 +
}
body{
body{
-
background-color: white;
+
    font-size: 12pt;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    position: relative;
 +
    top: -19px;
}
}
-
.centerBody{
+
p {
-
width: 90%;
+
    margin: 2px 0;
-
margin-left: auto;
+
-
margin-right:auto;
+
}
}
-
/*////MENU & NavigationBar/////////////////////////////////////////////////*/
+
#ekam-wrapper{
-
#logos{
+
    width: 100%;
 +
    height: 100%;
 +
    overflow: hidden;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
}
}
-
#logos div{
+
#ekam_container{
-
width: 80%;
+
    width: 100%;
-
float: left;
+
    height: 90%;
-
margin-bottom: 20px;
+
    overflow: hidden;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
}
 +
/****header****/
 +
#ekam_header{
 +
    position: relative;
 +
    width: 100%;
 +
    background-color: #BBB;
 +
    height: 75px;
 +
    z-index: 1000;  
}
}
-
#headerLogo img{ /*#headerLogo */
+
#menu {
-
width: 15%;
+
    position: relative;
-
margin-right:10 px;
+
    z-index: 100;
-
border: 5px solid yellow;
+
    width: 60%;
-
+
    height: 100%;
-
/*background-image: url("http://animais.culturamix.com/blog/wp-content/uploads/2010/09/0310.jpg");
+
    margin: 0 auto;
-
background-size: 100%;
+
-
background-repeat: no-repeat;*/
+
}
}
-
#headerCover {  
+
#menu p {
-
width:70%;
+
    color: white;
-
border: 5px solid black;
+
    font-family: 'Skranji', cursive;
-
margin-left: 15%;
+
    font-size: 30pt;
-
/*background-image: url("http://ianimals.com/animals/capybara.jpg");
+
    text-shadow: 2px 2px 2px #313131;
-
background-size: 100%;
+
    line-height: 2em;
-
background-repeat: no-repeat;*/
+
    height: 2em;
 +
    text-align: center;
 +
    margin: 0;
 +
}
 +
.ekam_moduletable{
 +
    float: left;
}
}
-
#menu{
+
.left {
-
clear:both;
+
    position:absolute;
-
margin-top:20px;
+
    width:180px;
-
margin-bottom: 20px;
+
    margin: 0;
-
margin-left:16.5%;
+
    z-index: 999;
-
margin-right:0;
+
    top: 100px;
-
height: 100px;
+
    /* -15px & -216px */
-
width:90%;
+
    left: -216px;
 +
    background: url('https://static.igem.org/mediawiki/igem.org/2/27/Ekam_folder.png') no-repeat;
 +
    background-size:100%;
 +
    padding-right: 46px;
 +
    height: 360px;
 +
}
 +
div.moduletable.tab {
 +
    position: absolute;
 +
    right: 0;
 +
    background: transparent;
 +
    height: 142px;
 +
    width: 10%;
 +
    top: 10%;
 +
    cursor: pointer;
}
}
-
#navigationBar{
+
.left .moduletable, .right .moduletable {
-
list-style-type: none;
+
    padding: 10px;
-
padding: 0;
+
    padding-left: 25px;
-
margin:0;
+
-
overflow: hidden;
+
-
margin-top:20px;
+
}
}
-
#navigationBar li {
+
/********************* MENU ************************/
-
float:left;
+
 
-
margin: 1px;
+
div.left ul.menu,
-
width:15%;
+
div.left ul.menu ul{
 +
    list-style: none;
}
}
-
.navigationLink, #ON{
+
div.left ul.menu li a {
-
display:table-cell;  
+
    display: block;
-
vertical-align:middle;
+
    color: white;
-
width: 15%;
+
    font-family: 'Skranji', cursive;
-
background-size:100%;
+
    font-size: 14pt;
-
height: 80px;
+
    text-shadow: 2px 2px 2px #313131;
-
padding: 5px;
+
    line-height: 2em;
-
//border: 1px solid #38091C;
+
    height: 2em;
-
background-color: #383654;//#45172A;
+
-
color: #fff;
+
-
text-align:center;
+
-
text-decoration:none;
+
-
font-weight: bold;
+
}
}
-
#ON{
+
div.left ul.menu li a:hover {
-
background-color: #242329;
+
    text-decoration: none;
-
color: white;
+
}
}
-
/*////SUBMENU & SideBar/////////////////////////////////////////////////*/
 
-
#subMenu{
+
div.left ul.menu li:hover {
-
height: 100%;
+
    background: #CCC;
-
width:15%;
+
-
margin-top:0px;
+
-
margin-left:2%;
+
-
margin-right:2%;
+
-
float:left;
+
}
}
-
#sideBar{
+
div.left ul.menu ul {
-
height: 240px;
+
    position: absolute;
-
list-style-type: none;
+
    display: none;
-
padding: 0;
+
    z-index: 999;
-
margin: 0;
+
    left: 50%;
 +
    /*background: #445979;*/
 +
    background: #CCC;
 +
    border: 1px solid #AAA;
}
}
-
#sideBar li {
+
div.left ul.menu ul li:hover{
-
margin: 1px;
+
    background: #888;
}
}
-
.sideLink, #sideON{
+
div.left ul.menu ul li {
-
display:table-cell;
+
    width: 100px;
-
vertical-align:middle;
+
    padding-left: 5px;
-
width: 110px;
+
-
height: 45px;
+
-
padding: 5px;
+
-
background-color: #45172A;
+
-
color: #fff;
+
-
text-align:center;
+
-
text-decoration:none;
+
-
font-size: .7em;
+
}
}
-
#sideON{
+
div.left ul.menu ul li a{
-
background-color: #242329;
+
    font-size: 90%;
-
color: white;
+
    color: #222;
 +
    text-shadow: 1px 1px 1px #313131;
}
}
-
/*#goUp{
+
div.left ul.menu li:hover ul {
-
width: 100px;
+
    display: block;
-
height: 100px;
+
}
-
background-color: black;
+
-
margin-top:50px;
+
-
}*/
+
-
/*Main */
+
#IEroot div.left ul.menu li ul:hover {
-
#mainPart{
+
    display: block;
-
margin-right:15%;
+
-
margin-left:15%;
+
}
}
-
#mainPart p{
+
#IEroot div.left ul.menu li ul > li:hover {
-
text-align:justify;
+
    display: block;
}
}
-
.titulo{
+
/********************* MENU ************************/
-
text-align:center;
+
 
-
font-weight:bold;
+
/*************************Content area***************************/
 +
#ekam_content-area {
 +
    position: relative;
 +
    clear: both;
 +
    padding: 0 10px 0 10px;
 +
    background-color: #EEE;
 +
    z-index: 1;
 +
    height: 88%;
 +
    overflow-y:scroll;
}
}
 +
#ekam_main{
 +
    clear: both;
 +
    background-color: #EEE;
 +
    width:90%;
 +
    margin: 0 auto;
 +
    padding: 20px;
 +
    padding-left: 40px;
 +
text-align: center;
 +
}
 +
.ekam_subMain{
 +
    background: white;
 +
    border: 2px solid whiteSmoke;
 +
    padding: 20px;
 +
    text-align: justify;
 +
}
 +
 +
 +
/****************************Footer***********************************/
 +
#footer {
 +
    position: relative;
 +
    clear: both;
 +
    z-index: 2;
 +
    height: 10%;
 +
    backgroud-color: black;
 +
}
 +
 +
#footer div{
 +
    font-size: 12px;
 +
    font-family: 'Verdana';
 +
    background-color: #000;
 +
    float: left;
 +
    width: 33.33333%;
 +
    height: 100%;
 +
}
 +
#footer div p{
 +
    text-align: center;
 +
    width: 100%;
 +
    color: #444;
 +
}
 +
 +
/**********************Safety*******************************/
 +
.safety_question{
 +
    font-weight: bold;
 +
    font-family: 'Skranji', cursive;
 +
    font-size: 1em;
 +
}
 +
.safety_answer{
 +
    font-family: lighter;
 +
    font-size: .9em;
 +
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
 +
#Ekam_imagenHome{
 +
margin: 0 auto;
 +
}
 +
/**********************************************************/
</style>
</style>
-
<!----///////////////////////////////////////////////////////////////////////////////--->
+
<!--END style-->
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+
        <link href="https://static.igem.org/mediawiki/2012/d/dd/Ekamicon.png" rel="shortcut icon" type="image/vnd.microsoft.icon" />
-
<script type="text/javascript">
+
       
-
/*Show sideMenu in a Fancy way*/
+
        <script>
-
$(document).ready(function(){
+
            $(document).ready(function(){
-
$("#sideBar").hide();
+
                $(".left .moduletable.tab").click(function(){
-
$("#sideBar").slideDown("slow");
+
                    $(".left").animate({left:"-15px"},"slow");
-
+
                });
-
$(".navigationLink").mouseover(function(){
+
                    $(".left").mouseleave(function(){
-
$(this).css({"width":"17%","height":"90px","font-size":"1.3em"});
+
                    $(".left").animate({left:"-216px"},"slow");
-
});
+
                });
-
+
            });
-
$(".navigationLink").mouseout(function(){
+
        </script>
-
$(this).css({"width":"15%", "height":"80px", "font-size":"1em"});
+
 
-
});
+
</head>
-
+
-
$(".sideLink").mouseover(function(){
+
-
$(this).css({"width":"150px", "height":"60px", "font-size":"1em"});
+
-
});
+
-
+
-
$(".sideLink").mouseout(function(){
+
-
$(this).css({"width":"110px","height":"45px","font-size":".7em"});
+
-
});
+
-
+
-
});
+
-
</script>
+
-
<head>
+
<body>
<body>
-
<!--<div id="headerEkam" class="centerBody">-->
+
    <div id="ekam-wrapper">
-
<!--<div id="logos" class="centerBody">-->
+
<div id= 'ekam_container'>
-
<img id="headerCover" src="https://static.igem.org/mediawiki/2012/5/5b/Ekam_header.png">
+
<div id="ekam_header">
-
<!--<div id="headerLogo" > <img width="20%" src="http://animais.culturamix.com/blog/wp-content/uploads/2010/09/0310.jpg"/> </div>-->
+
<div id="logo" >
-
<!--<div id="headerCover" ><img width="80%" src="http://ianimals.com/animals/capybara.jpg"/></div>-->
+
<div class="ekam_moduletable">
-
<!--</div>-->
+
<p><a href="/ekam_sw/index.php" target="_self"><img src="https://static.igem.org/mediawiki/2012/8/84/Logo_horizontal.png" border="0" alt="" style="height: 65px;" /></a></p>
-
<div id="menu" class="centerBody">
+
</div>
-
<ul id="navigationBar">
+
</div>
-
<li><strong id="ON">Home</strong></li>
+
<div id="menu">
-
<li><a class="navigationLink" href="/Team:Tec-Monterrey_EKAM/Team">Team</a></li>
+
<p>Home</p>
-
<!-- Mandar a Team-->
+
</div>
-
<li><a class="navigationLink" href="https://igem.org/Team.cgi?year=2012&amp;team_name=Tec-Monterrey_EKAM" rel="nofollow">Profile</a></li>
+
</div>
-
<!---->
+
<!-- END OF HEADER -->
-
<li><a class="navigationLink" href="/Team:Tec-Monterrey_EKAM/Project">The Terpenoid Biofactory</a></li>
+
        <!-- ===================================================== MAIN ===================================================== -->
-
<li><a class="navigationLink" href="/Team:Tec-Monterrey_EKAM/Notebook" >Notebook</a></li>
+
        <div id="ekam_content-area">
-
<!--Mandar a Project
+
            <div id="ekam_main">
-
<li><a class="navigationLink" href="/Team:Tec-Monterrey_EKAM/Parts" >Parts</a></li>
+
                <!--------------------->
-
<li><a class="navigationLink" href="/Team:Tec-Monterrey_EKAM/Modeling">Modeling</a></li>
+
                <img id="Ekam_imagenHome" src= "https://static.igem.org/mediawiki/igem.org/e/ed/Ekam_HeaderClean.png"/>  
-
<li><a class="navigationLink" href="/Team:Tec-Monterrey_EKAM/Safety">Safety</a></li>
+
<br/>
-
<li><a class="navigationLink" href="/Team:Tec-Monterrey_EKAM/Attributions" >Attributions</a></li>
+
                <div class="ekam_subMain">
-
-->
+
                    <p class="safety_answer">
-
</ul>
+
                        <span class="safety_question">The Modular BioFactory</span>
-
</div>
+
                        <br/>
-
<!--</div>-->
+
<span style="font-weight: bold">
-
<div id="subMenu" style>
+
This project uses the yeast P. pastoris as a cellular factory to produce terpenoids. Terpenoids are hydrocarbon molecules that serve many purposes; they have anti-inflammatory, anti-neoplastic, anti-malarial and anti-bacterial qualities and are also of use in the cosmetic and chemical industries. Most terpenoids come from plants and, usually, their yields are low. The goal is to increase the yield through the use of synthetic biology, making a bio-brick platform which could be suited to specific ends and further expanded and controlled.
-
<ul id="sideBar">
+
<br/>Taking advantage of the existent Mevalonate pathway in P. pastoris (the metabolic route which provides the precursors to the terpenoid biosynthesis) -engineered to limit negative feedback loops- the terpenoids of interest will be produced by introducing the appropriate synthases. By means of siRNA silencing, the sterol pathway will be controlled to ensure that most of the substrates will be channeled to terpenoid production.
-
<li><strong id="sideON">Description &gt;</strong></li>
+
</span>  
-
<li><a class="sideLink">We &gt;</a></li>
+
                       
-
<li><a class="sideLink">Will &gt;</a></li>
+
                    </p>
-
<li><a class="sideLink">Be &gt;</a></li>
+
                </div>  
-
<li><a class="sideLink">Here &gt;</a></li>
+
                <br/>               
-
<li><a class="sideLink">Soon! &gt;</a></li>
+
            </div>
-
</ul>
+
        </div>
-
</div>
+
        <!-- ================================================= END OF MAIN ================================================= -->
-
<div id="mainPart">
+
       
-
<p>
+
        <!-- ******************* MENU *************************** -->
-
<span class="titulo">Modular Terpenoid Biofactory</span><br/><br/>
+
<div class="left" style="width:210px;">
-
This project uses the yeast <i>P. pastoris</i> as a cellular factory to produce terpenoids.
+
            <div class="moduletable _menu" >
-
Terpenoids are hydrocarbon molecules that serve many purposes; they have anti-inflammatory,
+
                <div class="content-module">
-
anti-neoplastic, anti-malarial and anti-bacterial qualities and are also of use in the cosmetic and chemical industries.
+
                    <ul class="menu">
-
Most terpenoids come from plants and, usually, their yields are low.
+
                        <li ><a href="/Team:Tec-Monterrey_EKAM/Team" >Team</a></li>
-
The goal is to increase the yield through the use of synthetic biology,
+
                        <li class="deeper parent"><a href="/Team:Tec-Monterrey_EKAM/Project" >Project</a>
-
making a bio-brick platform which could be suited to specific ends and further expanded and controlled. <br/><br/>
+
<ul>
-
Taking advantage of the existent Mevalonate pathway in <i>P. pastoris</i>  
+
                                <li><a href="/Team:Tec-Monterrey_EKAM/Description" >Description</a></li>
-
(the metabolic route which provides the precursors to the terpenoid biosynthesis)
+
                                <li><a href="/Team:Tec-Monterrey_EKAM/Modular">BioFactory</a></li>
-
-engineered to limit negative feedback loops- the terpenoids of interest will be produced by introducing the appropriate synthases.  
+
                                <li><a href="/Team:Tec-Monterrey_EKAM/Software">Software</a></li>
-
By means of siRNA silencing, the sterol pathway will be controlled to ensure that most of the substrates will be channeled to terpenoid production.
+
                                <li><a href="/Team:Tec-Monterrey_EKAM/Terpenoids">Terpenoids</a></li>
-
</p>
+
                                <li><a href="/Team:Tec-Monterrey_EKAM/Modeling">Modeling</a></li>
-
</div>
+
                                <li><a href="/Team:Tec-Monterrey_EKAM/Other">Other Stuff</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="deeper parent"><a href="/Team:Tec-Monterrey_EKAM/Human" >Human Practices</a>
 +
                            <ul>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Sybre" >SyBRE</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/iGEMJunior">iGEM Jr</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/Detect">DETECT</a></li>
 +
                                <li><a href="/Team:Tec-Monterrey_EKAM/BSclasses">BS classes</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Parts" >Parts</a></li>                       
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Notebook" >Notebook</a></li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Gallery" >Gallery</a></li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Safety" >Safety</a></li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Sponsors" >Sponsors</a></li>
 +
                        <li><a href="/Team:Tec-Monterrey_EKAM/Attributions" >Attributions</a></li>  
 +
                                                     
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
            <div class="moduletable tab" >
 +
                <div class="content-module">
 +
                    <div id="menu_tab">&nbsp;</div>
 +
                </div>            
 +
            </div>
 +
        </div>
 +
        <!-- End of MENU! -->
 +
    </div>
 +
    <div id="footer">
 +
            <div>
 +
                <p> iGEM 2012 <strong> Team Ekam </strong> All rights reserved</p>
 +
            </div>
 +
            <div>
 +
                <p><a href="/ekam_sw/index.php/contacto" target="_self"><span style="font-weight:bold; color: #444;">Contact us</span></a><br />Tel: +52(81)10173973 <br />Email: <a href="mailto:itesm.ekam@gmail.com">itesm.ekam@gmail.com <a/>
 +
                </p>
 +
            </div>
 +
            <div>
 +
                <p>Follows us on:<br/>
 +
                <a href="https://www.facebook.com/Ekam.iGEM" target="_blank" >
 +
                    <img style="height: 50%;" src="https://static.igem.org/mediawiki/igem.org/0/07/Facebook_logo.png" alt="facebook logo" />
 +
                </a>
 +
                &nbsp; &nbsp;
 +
                <a href="https://twitter.com/Ekam_iGEM2012" target="_blank">
 +
                    <img style="height: 50%;" src="https://static.igem.org/mediawiki/igem.org/1/1a/Twitter_logo.png" alt="twitter logo" />
 +
                </a>
 +
                </p>
 +
            </div>
 +
           
 +
</div>
 +
        <!-- end of footer-->
 +
    </div>
</body>
</body>
</html>
</html>

Latest revision as of 03:05, 27 October 2012


The Modular BioFactory
This project uses the yeast P. pastoris as a cellular factory to produce terpenoids. Terpenoids are hydrocarbon molecules that serve many purposes; they have anti-inflammatory, anti-neoplastic, anti-malarial and anti-bacterial qualities and are also of use in the cosmetic and chemical industries. Most terpenoids come from plants and, usually, their yields are low. The goal is to increase the yield through the use of synthetic biology, making a bio-brick platform which could be suited to specific ends and further expanded and controlled.
Taking advantage of the existent Mevalonate pathway in P. pastoris (the metabolic route which provides the precursors to the terpenoid biosynthesis) -engineered to limit negative feedback loops- the terpenoids of interest will be produced by introducing the appropriate synthases. By means of siRNA silencing, the sterol pathway will be controlled to ensure that most of the substrates will be channeled to terpenoid production.