Team:Tec-Monterrey/projectdescription

From 2011.igem.org

(Difference between revisions)
Line 59: Line 59:
   .firstHeading {
   .firstHeading {
     display: none;}
     display: none;}
 +
body {
body {
Line 181: Line 182:
         color: #FFF;
         color: #FFF;
}
}
-
 
-
 
-
table {
 
-
    background: none repeat scroll 0 0 transparent}
 
-
 
/* panel heading */
/* panel heading */
Line 196: Line 192:
-moz-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-
border-bottom: 0px solid #04191d;
 
}
}
Line 219: Line 214:
overflow: hidden;
overflow: hidden;
font-size: 14px;
font-size: 14px;
 +
margin:5px 200px;
 +
padding: 5px;
}
}
Line 224: Line 221:
.panelcollapsed .panelcontent { display: none; }
.panelcollapsed .panelcontent { display: none; }
-
-->
+
/* panel heading */
-
</style><!--[if lte IE 7]>
+
.panel h3, .panelcollapsed h3
-
<style>
+
-
.content { margin-right: -1px; }
+
-
ul.nav a { zoom: 1; } 
+
-
</style>
+
-
<![endif]-->
+
-
 
+
-
<script type="text/javascript">
+
-
<!--
+
-
 
+
-
 
+
-
//Magic
+
-
var galimg = 0;
+
-
var imgpath = new Array();
+
-
imgpath[0] = "https://static.igem.org/mediawiki/2011/4/49/IMG_8506.JPG";
+
-
imgpath[1] = "https://static.igem.org/mediawiki/2011/0/0f/Image0136.JPG";
+
-
imgpath[2] = "https://static.igem.org/mediawiki/2011/0/0c/DSC_0144.JPG";
+
-
imgpath[3] = "https://static.igem.org/mediawiki/2011/b/be/DSC_0193.JPG";
+
-
imgpath[4] = "https://static.igem.org/mediawiki/2011/9/93/DSC_0191.JPG";
+
-
imgpath[5] = "https://static.igem.org/mediawiki/2011/5/56/DSC_0175.JPG";
+
-
imgpath[6] = "https://static.igem.org/mediawiki/2011/d/d5/DSC_0174.JPG";
+
-
imgpath[7] = "https://static.igem.org/mediawiki/2011/6/6a/DSC_0168.JPG";
+
-
imgpath[8] = "https://static.igem.org/mediawiki/2011/d/d9/DSC_0157.JPG";
+
-
imgpath[9] = "https://static.igem.org/mediawiki/2011/5/5d/DSC_0149.JPG";
+
-
imgpath[10] ="https://static.igem.org/mediawiki/2011/4/41/DSC_0147.JPG";
+
-
imgpath[11] ="https://static.igem.org/mediawiki/2011/f/f9/DSC_0146.JPG";
+
-
imgpath[12] ="https://static.igem.org/mediawiki/2011/6/62/IMG_8594.JPG";
+
-
imgpath[13] ="https://static.igem.org/mediawiki/2011/0/03/IMG_8658.JPG";
+
-
imgpath[14] ="https://static.igem.org/mediawiki/2011/f/f7/IMG_8659.JPG";
+
-
imgpath[15] ="https://static.igem.org/mediawiki/2011/5/5e/IMG_8679.JPG";
+
-
imgpath[16] ="https://static.igem.org/mediawiki/2011/3/3f/DSC_0201.JPG";
+
-
imgpath[17] ="https://static.igem.org/mediawiki/2011/5/53/DSC_0011.JPG";
+
-
 
+
-
 
+
-
function moveLeft()
+
{
{
-
galimg -= 1;
+
color: #e5e5e5;
 +
font-weight: normal;
 +
margin:5px 200px;
 +
padding: 5px;
 +
-moz-border-radius: 3px;
 +
-webkit-border-radius: 3px;
 +
}
 +
 
 +
/* panel heading on rollover */
 +
.panel h3:hover, .panelcollapsed h3:hover {
 +
background-color: #f6d41b;
 +
color: #000;
-
if (galimg < 0)
 
-
galimg = imgpath.length - 1;
 
-
 
-
document.getElementById('imgGal').src = imgpath[galimg];
 
}
}
-
function moveRight()
+
/* heading of a collapsed panel */
 +
.panelcollapsed h3
{
{
-
galimg += 1;
+
background-image: url(arrow-dn.gif);
-
+
background-repeat: no-repeat;
-
if (galimg >= imgpath.length)
+
background-position: 280px;
-
galimg = 0;
+
-
+
-
document.getElementById('imgGal').src = imgpath[galimg];
+
}
}
 +
 +
.gallery {
 +
margin-right: 100px;
 +
margin-left: 100px;
 +
overflow: visible;
 +
}
 +
.thumbs {
 +
height: 112px;
 +
width: 550px;
 +
display: table;
 +
text-align: center;
 +
background-attachment: scroll;
 +
background-color: #000;
 +
background-repeat: no-repeat;
 +
list-style-type: none;
 +
overflow: auto;
 +
}
 +
 +
<script type="text/javascript">
 +
<!--
 +
 +
 +
// -----------------------------------------------------------------------------------------------
// -----------------------------------------------------------------------------------------------
Line 284: Line 275:
var PANEL_COLLAPSED_CLASS = "panelcollapsed";
var PANEL_COLLAPSED_CLASS = "panelcollapsed";
var PANEL_HEADING_TAG    = "h2";
var PANEL_HEADING_TAG    = "h2";
 +
var PANEL_HEADING_TAG2    = "h3";
var PANEL_CONTENT_CLASS  = "panelcontent";
var PANEL_CONTENT_CLASS  = "panelcontent";
var PANEL_COOKIE_NAME    = "panels";
var PANEL_COOKIE_NAME    = "panels";
Line 294: Line 286:
// get all headings
// get all headings
-
var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG);
+
var ht2 = document.getElementsByTagName(PANEL_HEADING_TAG);
 +
var ht3 = document.getElementsByTagName(PANEL_HEADING_TAG2);
 +
 +
var c1 = 0;
 +
var c2 = 0;
 +
var full = ht2.length + ht3.length;
 +
var headingTags = new Array(full);
 +
 +
for (var j = 0; j < full; j++)
 +
{
 +
if (c1 < ht2.length) {
 +
headingTags[j] = ht2[c1];
 +
c1++;
 +
}
 +
if (c1 >= ht2.length) {
 +
headingTags[j] = ht3[c2];
 +
c2++;
 +
}
 +
}
// go through all tags
// go through all tags
Line 368: Line 378:
}
}
-
/**
+
 
-
* Change the height of the target
+
-
* @param panelContent reference to the panel content to change height
+
-
* @param iteration current iteration; animation will be stopped when iteration reaches PANEL_ANIMATION_STEPS
+
-
* @param stepHeight height increment to be added/substracted in one step
+
-
* @param direction 1 for expanding, -1 for collapsing
+
-
*/
+
function animateStep(panelContent, iteration, stepHeight, direction)
function animateStep(panelContent, iteration, stepHeight, direction)
{
{
Line 479: Line 483:
-->
-->
</script>
</script>
 +
</head><body>
</head><body>
Line 566: Line 571:
<div class="content">
<div class="content">
   <!--in sub pages, this divisions should be comments! :D-->
   <!--in sub pages, this divisions should be comments! :D-->
-
 
+
       
-
     
+
   <div class="quicklinks">  
   <div class="quicklinks">  
    
    
Line 578: Line 582:
   ">
   ">
     <p>&nbsp;</p>
     <p>&nbsp;</p>
-
     <div class="gallery" id="gallery">
+
     <div class="panelcollapsed">
-
       <p>
+
       <h3>ABSTRACT</h3>
-
<a href="#" onClick="moveLeft()"><img src="https://static.igem.org/mediawiki/2011/d/d5/Backbutton.png" width="72" height="112">
+
  <div class="panelcontent" style="text-aling:center; background-color:#e5e5e5; color:#333; ">
-
 
+
        <p>&nbsp;</p>
-
</a><img src="https://static.igem.org/mediawiki/2011/4/49/IMG_8506.JPG" alt="dasdfa" name="imgGal" width="469" height="342" id="imgGal" longdesc="http://asfsdfa">
+
            <p>Production of sugarcane used to be one of the most important activities in the Mexican industry.  
-
 
+
            Nonetheless, the increasing demand for high fructose syrup has become a rising threath to most sugar companies.  
-
<a href="#" onClick="moveRight()"><img src="https://static.igem.org/mediawiki/2011/e/ea/ButtonNext.png" width="72" height="112"></a>
+
            Our project´s aim is to help the sugarcane industry by giving them a competitive edge with the aid of synthetic biology.
-
      </p>
+
            At the end of the summer, we will build a new genetic construct which will be able to immobilize and express fused enzymes with membrane protein fragments.</p>
-
      <p>&nbsp;</p>
+
-
      <p><img name="" src="https://static.igem.org/mediawiki/2011/5/5b/Meetlab.png" width="623" height="143" alt=""></p>
+
<p>&nbsp;</p>
<p>&nbsp;</p>
 +
<p>This biobrick will be able to transform sucrose into fructose without any chemical process that may damage or destroy the bacteria.
 +
Enzyme immobilization offers many industrial benefits; reducing individual processes, the ability to reuse the same enzyme batch,
 +
control of the catalytical reaction,and the potencial use of a reaction product.
 +
All these benefits not only mean saving resources, cutting production costs and also economical savings.  </p>
 +
    </div>
 +
    </div>
       <p>&nbsp;</p>
       <p>&nbsp;</p>
-
    </div>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
      
      
      
      

Revision as of 03:25, 3 August 2011

wiki