Team:UNAM Genomics Mexico/Templates/web

From 2012.igem.org

(Difference between revisions)
Line 215: Line 215:
padding: 55px 45px 55px 45px;
padding: 55px 45px 55px 45px;
-
}
 
-
div.sliderimage {
 
-
width:612px
 
-
        height:459px
 
}
}
Line 487: Line 483:
}
}
-
 
-
 
-
div.grey {
 
-
 
-
    padding-right: 5px;
 
-
    padding-left: 5px;
 
-
    padding-bottom:5px;
 
-
    padding-top:5px;
 
-
    width: 230px;
 
-
    height: 1120px;
 
-
    background-color:#F9F9F9
 
-
  left: -200px;
 
-
  }
 
-
 
-
div.green {
 
-
    padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width: 189px;
 
-
    height: 270px;
 
-
    background-color:#D8F6CE;
 
-
    margin:5px;
 
-
    line-height:120%;
 
-
    left: -500px;
 
-
    top: 200px
 
-
    position: absolute;
 
-
}
 
-
div.blue {
 
-
left: -200px;
 
-
    padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width: 189px;
 
-
    height: 250px;
 
-
    line-height:120%;
 
-
      background-color:#FFDEB6;
 
-
 
-
margin:5px;
 
-
}
 
-
div.yellow {
 
-
left: -200px;
 
-
    padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width: 189px;
 
-
    height: 220px;
 
-
   
 
-
    margin:5px;
 
-
line-height:120%;
 
-
    background-color:#F6CED8;
 
-
}
 
-
div.purple {
 
-
left: -200px;
 
-
  padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width:  189px;
 
-
    height:  220px;
 
-
   
 
-
    margin:5px;
 
-
    line-height:120%;
 
-
    background-color:#A9E2F3;
 
-
}
 
-
div.lightgreen {
 
-
left: -200px;
 
-
  padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width:  189px;
 
-
    height:  220px;
 
-
    line-height:120%;
 
-
 
-
    margin:5px;
 
-
   
 
-
background-color:#FAFEBA;
 
-
}
 
-
div.pink {
 
-
left: -200px;
 
-
    padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width:  189px;
 
-
    height:  220px;
 
-
    line-height:120%;
 
-
 
-
    margin:5px;
 
-
    background-color:#CEF6E3;
 
-
}
 
</style>
</style>
-
<script>/*slider scrip*/
 
-
var $slider_started = false;
 
-
$(document).ready(function(){
 
-
    var $total_slider = $('.top-slider-main > div').length;
 
-
    var $label_width = $('.top-slider-main div .left').width();
 
-
    var $max_slider_width = ($total_slider -1)*$label_width;
 
-
    var $extra_margin = $('.top-slider-main div').width() - $label_width;
 
-
 
-
    $('.top-slider-main div:not(.slider-box1) .left').mouseover(function(){
 
-
        var $slider_index = $('.top-slider-main > div').index($(this).parent()) + 1;
 
-
        if($(this).parent().hasClass('on'))
 
-
        {
 
-
            if($slider_started != 1)
 
-
            {
 
-
                $slider_started = 2;
 
-
                for(i=$total_slider; i>=$slider_index; i--)
 
-
                {
 
-
                    var $elm = $('.top-slider-main .slider-box'+i);
 
-
                    if($elm.hasClass('on'))
 
-
                    {
 
-
                        $elm.removeClass('on');
 
-
                        var $left_margin = ($label_width*(i-1)) + $extra_margin;
 
-
                        $elm.stop().animate({marginLeft : $left_margin}, 1500, function(){$slider_started = false;});
 
-
                    }
 
-
                }
 
-
            }
 
-
        }
 
-
        else
 
-
        {
 
-
            if($slider_started != 2)
 
-
            {
 
-
                $slider_started = 1;
 
-
                for(i=2; i<=$slider_index; i++)
 
-
                {
 
-
                    var $elm = $('.top-slider-main .slider-box'+i);
 
-
                    if(!$elm.hasClass('on'))
 
-
                    {
 
-
                        $elm.addClass('on');
 
-
                        var $left_margin = ($label_width*(i-1));
 
-
                        $elm.stop().animate({marginLeft : $left_margin}, 1500, function(){$slider_started = false;});
 
-
                    }
 
-
                }
 
-
            }
 
-
        }
 
-
    });
 
-
});
 
-
</script>
 
</head>
</head>
Line 635: Line 490:
<div id="globalWrapper">
<div id="globalWrapper">
<div class="igemimage"><a href="/"><img src="http://2012.igem.org/wiki/images/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
<div class="igemimage"><a href="/"><img src="http://2012.igem.org/wiki/images/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
-
 
+
<!--"here goes the imgs "-->
-
<div class="green">
+
-
<font color="#000000" face="arial" size="3" >
+
-
<b>A Reporter System</b><br><br>
+
-
</font>
+
-
<div class="image2">
+
-
 
+
-
 
+
-
<img src="http://2011.igem.org/wiki/images/8/84/IGEM_001.jpg" width="187px" height="50px"> </img><br>
+
-
 
+
-
</div>
+
-
 
+
-
<font color="#000000" face="arial" size="1" >
+
-
<p align="justify">
+
-
As proof of concept we have created a reporter system that can be used for anything from monitoring gene expression to determination of protein localization. We expressed and localized fluorescent proteins in the model organism <a href="http://2011.igem.org/Team:DTU-Denmark-2/results/Proofofconcept/fungi" ><i>Aspergillus nidulans</i></a> and the <a href="http://2011.igem.org/Team:DTU-Denmark-2/results/Proofofconcept/mammalian"> mammalian cell line U-2 OS </a> with great success.</p>
+
-
</font>
+
-
</div>
+
</div>
</div>
Line 661: Line 500:
<img src="http://2012.igem.org/wiki/images/6/64/UnamgenomicsBacillusheader.png" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>  
<img src="http://2012.igem.org/wiki/images/6/64/UnamgenomicsBacillusheader.png" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>  
 +
<table bgcolor="#000000" border="0px">
 +
<tr>
 +
  <td></td>
 +
 +
<td>
<ul id="menu_unamgenomics" class="menu_unamgenomics"><li>
<ul id="menu_unamgenomics" class="menu_unamgenomics"><li>
<a href="#">
<a href="#">
Line 755: Line 599:
   </ul>
   </ul>
      
      
-
 
+
</td>
Line 1,035: Line 879:
             });
             });
         </script>
         </script>
-
 
-
 
-
 
-
 
-
<div class="blue">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>Flexibility</b><br><br>
 
-
</font>
 
-
<div class="image2">
 
-
 
-
 
-
<img src="http://2011.igem.org/wiki/images/a/aa/Plasmid_puzzle_colour.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
</div>
 
-
 
-
 
-
 
-
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
Standardization entails rigidity. Therefore we have written a <a href="http://2011.igem.org/Team:DTU-Denmark-2/Project/PlugnplayAssembly/customization" >guide</a> that allows the researcher to customize the system, so proteins can be assembled seamless, multiple mutations can be introduced in one round of cloning etc. The only limitation to this is your creativity.</p>
 
-
</font>
 
-
</div>
 
-
 
-
<div class="yellow">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>Applications</b><br><br>
 
-
</font>
 
-
<div class="image2">
 
-
<img src="http://2011.igem.org/wiki/images/8/8f/Application.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
</div>
 
-
 
-
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
<a href="http://2011.igem.org/Team:DTU-Denmark-2/Project/introduction#Application%20area">Here</a> you can learn more about the numerous applications of the Plug’n’Play with DNA assembly standard and the research areas, where this system is especially advantageous.</p>
 
-
</font>
 
-
</div>
 
-
 
-
 
-
<br>
 
-
<br>
 
-
<div class="purple">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>Data Page</b><br><br>
 
-
</font>
 
-
 
-
<div class="image2">
 
-
 
-
 
-
<img src="http://2011.igem.org/wiki/images/c/c3/AspergillusDTU_billed.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
</div>
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
You can find an overview of our project on our <a href="http://2011.igem.org/Team:DTU-Denmark-2/results/data_page">Data Page</a>. Here you also find our favorite submitted biobricks, and the biobricks we characterized during the summer.</p>
 
-
</font>
 
-
</div>
 
-
 
-
<div class="lightgreen">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>Achievements</b><br><br>
 
-
</font>
 
-
<div class="image2">
 
-
 
-
 
-
<img src="http://2011.igem.org/wiki/images/f/f7/Achievements.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
</div>
 
-
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
Designing a novel assembly standard and creating a reporter system for <i>Aspergillus nidulans</i> and mammalian cells are our main achievements. You can read more about our accomplishments on <a href="http://2011.igem.org/Team:DTU-Denmark-2/Project/achievements"> this page</a>.</p>
 
-
</font>
 
-
</div>
 
-
 
-
<div class="pink">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>The Team</b><br><br>
 
-
</font>
 
-
 
-
<img src="http://2011.igem.org/wiki/images/thumb/f/fd/DSC_0349.jpg/800px-DSC_0349.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
We are five girls that have been working on this project for three months with support from our three supervisors. You can learn more about us, and how we started an iGEM team on our <a href="http://2011.igem.org/Team:DTU-Denmark-2/Team">Team Page</a>.</p>
 
-
</font>
 
-
</div>
 
-
 
-
 
-
 
-
 
-
 
</body>
</body>

Revision as of 08:33, 29 June 2012


UNAM-Genomics_Mexico

UNAM-Genomics_Mexico




{{{content}}}