Team:ITESM-Guadalajara

From 2014.igem.org

(Difference between revisions)
 
(259 intermediate revisions not shown)
Line 5: Line 5:
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
<meta name="description" content="Team ITESM - Guadalajara Wiki for the iGEM competition of 2014">
+
  <meta name="description" content="Team ITESM - Guadalajara Wiki for the iGEM competition of 2014">
-
<meta name="keywords" content="iGEM, Chitosan, 2014, ITESM Guadalajara, Wiki">
+
  <meta name="keywords" content="iGEM, Chitosan, 2014, ITESM Guadalajara, Wiki">
-
<meta name="author" content="Gerardo Martín del Campo">
+
  <meta name="author" content="Irving Fernando Alvarez Vazquez, Oswaldo Avalos">
-
<meta name="title" content="Team ITESM - Guadalajara Wiki">
+
  <meta name="title" content="Team ITESM - Guadalajara Wiki">
   <!-- External scripts -->
   <!-- External scripts -->
 +
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600'
 +
rel='stylesheet' type='text/css'>
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
   <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
   <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
   <!-- Functionallity and behaviour JS -->
   <!-- Functionallity and behaviour JS -->
   <script>
   <script>
-
$(document).ready(function(){
+
    $(document).ready(function(){
-
//Loading screen functionallity
+
      //Loading screen functionallity
-
$('.loading').animate(
+
      $('.loading').animate(
-
{opacity:0},
+
          {opacity:0},
-
500,
+
          500,
-
function(){
+
          function(){
-
$('.loading').attr("style", "display:none");
+
            $('.loading').attr("style", "display:none");
-
}
+
          }
       );
       );
Line 33: Line 37:
           wheight = $(window).height();
           wheight = $(window).height();
           $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;");
           $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;");
 +
          $('.team-member-container').attr("style","height:"+wheight/2.7+"px;");
       });
       });
Line 41: Line 46:
           $('.menu-item').removeClass('subselected');
           $('.menu-item').removeClass('subselected');
           $(this).addClass('subselected');
           $(this).addClass('subselected');
-
           if($(this).attr("data")=="#home"){
+
           if($(this).attr("data")=="#top"){
               $('html, body').animate({
               $('html, body').animate({
                   scrollTop: 0
                   scrollTop: 0
Line 47: Line 52:
           }else{
           }else{
               $('html, body').animate({
               $('html, body').animate({
-
                   scrollTop: $($(this).attr("data")).offset().top-64
+
                   scrollTop: $($(this).attr("data")).offset().top-70
               }, 1000);
               }, 1000);
           }
           }
       });
       });
-
       //Stellar test
+
       //Hover of team members
-
       $.stellar({
+
       $('.team-member-container').on('mouseenter', function(){
-
         horizontalScrolling: false,
+
         $(this).children('.team-member-photo').attr("style", "background-image:url('"+$(this).attr("hover")+"');");
-
         verticalOffset: 0
+
         $(this).on('mouseleave', function(){
 +
          $(this).children('.team-member-photo').attr('style', "background-image:url('"+$(this).attr("data")+"');");
 +
        });
       });
       });
-
});
+
    });
-
 
+
      
-
/*//Stellar JS for Parallax effect
+
-
$(function(){
+
-
$.stellar({
+
-
horizontalScrolling: false,
+
-
verticalOffset: 0
+
-
});
+
-
});
+
-
     */
+
-
+
   </script>
   </script>
   <style>
   <style>
-
  body,
+
    body,
-
  html{
+
    html{
-
  margin: 0;
+
      margin: 0;
-
  padding:0;
+
      padding:0;
       font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
       font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
-
  }
+
    }
     /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
     /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
Line 84: Line 82:
     }
     }
     #top-section{
     #top-section{
-
       background:#97a8b2;
+
       background:#48af5d;
       margin-left:0 !important;
       margin-left:0 !important;
       width:100%;
       width:100%;
Line 91: Line 89:
-
  /* LOADING SCREEN */
+
    /* LOADING SCREEN */
-
  .loading{
+
    .loading{
-
  position:fixed;
+
      position:fixed;
-
  width:100%;
+
      width:100%;
-
  height:100%;
+
      height:100%;
-
  top:0;
+
      top:0;
-
  left:0;
+
      left:0;
-
  z-index:5;
+
      z-index:5;
-
  background-color:#555;
+
      background-color:#555;
-
  color:#fff;
+
      color:#fff;
-
  text-align: center;
+
      text-align: center;
-
  }
+
    }
-
  .loading p{
+
    .loading p{
-
  position: relative;
+
      position: relative;
-
  width:100%;
+
      width:100%;
-
  height:10%;
+
      height:10%;
-
  top:45%;
+
      top:45%;
-
  left:0;
+
      left:0;
-
  }
+
    }
-
  /* MENU STYLING */
+
    /* MENU STYLING */
-
  .menu{
+
    .menu{
-
  position:fixed;
+
      position:fixed;
-
  width:100%;
+
      width:100%;
-
  height:51px;
+
      height:56px;
       top:14px;
       top:14px;
-
  background-color: #47a3da;
+
      background-color: #47a3da;
-
  z-index:4;
+
      z-index:4;
-
  border-collapse: collapse;
+
      border-collapse: collapse;
-
  text-align:center;
+
      text-align:center;
-
  }
+
    }
-
  .menu tr td{
+
    .menu tr td{
-
  text-align: center;
+
      text-align: center;
-
  vertical-align: middle;
+
      vertical-align: middle;
-
      padding-bottom:5px;
+
       font-weight: 700;
       font-weight: 700;
-
  font-size:16px;
+
      font-size:16px;
-
  color:#fff;
+
      color:#fff;
-
  width:7%;
+
      width:7%;
-
  }
+
    }
-
  .menu tr td.menu-item:hover{
+
    .menu tr td.menu-item:hover{
-
  background-color:#258ecd;
+
      background-color:#258ecd;
-
  cursor: pointer;
+
      cursor: pointer;
-
  }
+
    }
-
  .menu tr td.menu-logo{
+
-
  width:9%;
+
-
  }
+
     .subselected{
     .subselected{
       background-color: #258ecd;
       background-color: #258ecd;
     }
     }
-
  .container{
+
    /* CONTAINERS STYLING */
-
  position:relative;
+
    .container{
-
  width:100%;
+
      position:relative;
-
  top:50px;
+
      width:100%;
-
  }
+
      top:50px;
-
  #home{
+
    }
-
  background-size: cover;
+
    .container .subcontainer{
-
  background-image: url("http://i1191.photobucket.com/albums/z475/alex0892/Guadalajara%20Minerva/171120111899.jpg");
+
      position:absolute;
-
  overflow:hidden;
+
      width:95%;
-
  }
+
      height:90%;
 +
      top:5%;
 +
      left:2.5%;
 +
    }
 +
    #top{
 +
      background-size: cover;
 +
      background-image: url("http://i1191.photobucket.com/albums/z475/alex0892/Guadalajara%20Minerva/171120111899.jpg");
 +
      overflow:hidden;
 +
    }
 +
    /* TEAM MEMBERS CARDS STYLING */
 +
    .team-member-container{
 +
      position:relative;
 +
      width:14%;
 +
      margin-left:2.28%;
 +
 +
      float:left;
 +
    }
 +
    .team-member-container:hover{
 +
      cursor:pointer;
 +
    }
 +
    .row2{
 +
      top:4%;
 +
    }
 +
    .team-member-container .team-member-photo{
 +
      position:relative;
 +
      width:100%;
 +
      height:85%;
 +
      top:0;
 +
      left:0;
 +
      background-size: cover;
 +
    }
 +
    .team-member-container .team-member-footer{
 +
      position:relative;
 +
      width:100%;
 +
      height:15%;
 +
      top:0;
 +
      left:0;
 +
 +
      border:none;
 +
      border-collapse: collapse;
 +
      background-color: #47a3da;
 +
      color:#fff;
 +
 +
      text-align: center;
 +
      vertical-align: middle;
 +
    }
 +
 +
body {
 +
    padding-top: 110px;
 +
}
 +
 +
.center-block {
 +
  display: block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
 +
 +
.navbar-fixed-top {
 +
background: #fff;
 +
filter: none !important;
 +
box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
        border-bottom: 1px solid rgba(0,0,0,0.2);
 +
 +
}
 +
 +
.faceBot{
 +
  background: #202020;
 +
}
 +
 +
@font-face {
 +
  font-family: 'Open Sans', Arial;;
 +
}
 +
 +
body
 +
{
 +
    font-family: 'Open Sans', Arial;
 +
}
 +
 +
ul.nav a{
 +
  color: gray;
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
 +
ul.nav a:hover{
 +
  color: gray;
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
 +
h2 {
 +
  color:green;
 +
}
 +
 +
h4 {
 +
    font-weight: bold;
 +
}
 +
 +
.menu-item{
 +
  height: 75px;
 +
}
 +
 +
li.menu-item{
 +
  background: transparent !important;
 +
}
 +
 +
.green-effect{
 +
  display: none;
 +
  background-color: #4AAF51;
 +
  opacity: 1;
 +
  color: #FFF;
 +
  transition-property: all;
 +
  transition-duration: 0.3s;
 +
  transition-timing-function: ease-out;
 +
  transition-delay: 0s;
 +
  border-color: #288D30;
 +
  position: absolute;
 +
  bottom: 0px;
 +
  width: 100%;
 +
  height: 2px;
 +
  right: 0px;
 +
}
 +
 +
a:hover .green-effect{
 +
  display: inherit;
 +
}
 +
 +
.invertir:hover {
 +
  -webkit-filter: invert(100%);
 +
}
   </style>
   </style>
 +
 +
</head>
</head>
Line 164: Line 294:
<body>
<body>
-
<!-- Loading screen -->
 
-
<div class="loading">
 
-
<p>Loading content, please wait...</p>
 
-
</div>
 
-
<!-- Menu section -->
+
<div class="navbar navbar-fixed-top" style="margin-top:10px">
-
<table class="menu">
+
  <nav class="navbar-inner">
-
<tbody>
+
  <div class="row">
-
<tr>
+
  <div class="col-md-2"></div>
-
<td class="menu-logo">Team logo</td>
+
  <div class="col-md-3"><a href="https://2014.igem.org/Team:ITESM-Guadalajara"><img class="inicioLogo" src="https://static.igem.org/mediawiki/2014/5/55/BioPhrameIgem_logo.png" height="100"  width="auto" ></a></div>
-
<td data="#home" class="menu-item subselected">Home</td>
+
  <div class="col-md-1"></div>
-
<td data="#team" class="menu-item">Team</td>
+
-
<td data="#teamprofile" class="menu-item">Official Team Profile</td>
+
-
<td data="#project" class="menu-item">Project</td>
+
-
<td data="#parts" class="menu-item">Parts</td>
+
-
<td data="#modeling" class="menu-item">Modeling</td>
+
-
<td data="#notebook" class="menu-item">Notebook</td>
+
-
<td data="#safety" class="menu-item">Safety</td>
+
-
<td data="#attributions" class="menu-item">Attributions</td>
+
-
<td class="logo"><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" style="width:35px;height:auto;"></a></td>
+
-
</tr>
+
-
</tbody>
+
-
</table>
+
-
<div id="home" class="container" data-stellar-background-ratio="0" style="top:50px !important;">
+
  <div class="col-md-6" >
-
</div>
+
      <ul class="nav navbar-nav" style="margin-top:30px">
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara">
 +
            <span>Home</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Company">
 +
            <span>The Company</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Team">
 +
            <span>Team</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Contact">
 +
            <span>Contact</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Main_Page">
 +
            <span>iGEM 2014</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
</li><li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Notebook">
 +
            <span>Notebook</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
        </li>
 +
      <li>
 +
      <a href="http://www.facebook.com/biophrame">
 +
        <img src="https://static.igem.org/mediawiki/2014/3/30/BIOPHRAMEGDLFacebookF.png" height="20"  width="auto" class="invertir img-rounded">
 +
      </a></li>
 +
      </ul>
 +
</div>
 +
  </nav>
 +
</div>
-
<div id="team" class="container">
+
<div class="row">
-
     <h1><b1><font size=20>Bio San</font></b></h1>
+
</div>
 +
<div>
 +
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:100%">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
     <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
  </ol>
 +
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2014/f/f8/BIOPHRAMEGDLminerva.jpg">
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/7/7c/BIOPHRAMEGDLpuente.jpg">
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/9/9f/BIOPHRAMEGDLtec.jpg">
 +
    </div>
 +
  </div>
 +
 +
  <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left img-rounded"></span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right img-rounded"></span>
 +
  </a>
 +
</div> <!-- Carousel -->
 +
</div>
-
<p align=justify>
 
-
Chitosan is a polysaccharide found in abundance in shrimp shell. The current extraction methods involve the use of strong acids and alkalis, these substances are dangerous wastes that can compromise the integrity of soil and water where they are disposed.
 
-
<br><br>Due to its stability and biocompatibility, chitosan has been widely used in pharmaceutical, food, and cosmetic industries, among many others. The Chitosan global market has an estimated value of $20 billion USD. Particularly, the pharmaceutical industry represents on average 1.2% of total GDP in Mexico and has grown at a 10% rate since 2008.
+
<div class="row center-block"><div class="col-md-3 col-md-offset-3"><img src="https://static.igem.org/mediawiki/2014/4/45/BioPhrame_logo.png"></div> <div class="col-md-3"><h1 class="text-success">iGEM Wiki</h1></div>
 +
</div>
-
<br><br>Therefore, it is imperative to develop a new and efficient extraction process, that is also eco-friendly. We’ve developed a new process that consists in the pretreatment of shrimp shells, followed by a fermentation in which it is demineralized and deproteinized by B. subtilis. Finally, it goes through a deacetylation process in a fermentation performed by our genetically modified E. coli strain. This modified bacterium contains 6 different enzymes that are found naturally in microorganisms that are capable of cutting and deacetylating chitin for the generation of chitosan. The action of these enzymes and a careful temperature treatment will allow us to generate chitosan with a 90% deacetylation degree. This deacetylation degree is the required one by the pharmaceutical industry, our target market.
 
-
</p>
 
-
</div>
 
-
  <div id="teamprofile" class="container">
 
-
    Team Profile section
 
-
  </div>
 
-
  <div id="project" class="container">
+
<div class="col-md-6 col-md-offset-3 text-justify">
-
    Project section
+
-
  </div>
+
-
  <div id="parts" class="container">
 
-
    Parts section
 
-
  </div>
 
-
  <div id="modeling" class="container">
 
-
    Modeling section
 
-
  </div>
 
-
  <div id="notebook" class="container">
+
<p>
-
    Notebook section
+
Biophrame Technologies focuses in innovating, developing and improving technologies based on synthetic biology to create optimized and sustainable industrial processes which can guarantee quality products for our customers.</p>
-
  </div>
+
-
  <div id="safety" class="container">
+
<p>
-
    Safety section
+
We believe the biotechnology we develop can help us not only to optimize time and resources, but to take care of the environment and improve the lives in our community, both regional and global. That is why raw material used in our processes is waste from other industrial process of other companies.</p>
-
  </div>
+
-
  <div id="attributions" class="container">
+
<video width="100%" height="500px" controls> <source type="video/mp4" src="https://static.igem.org/mediawiki/2014/b/b7/BIOPHRAMEGDLpitch.mp4"></video>
-
    Attributions section
+
 
-
  </div>
+
<hr/>
 +
<h2>OUR PRODUCT</h2>
 +
 
 +
<center><img src="https://static.igem.org/mediawiki/2014/4/44/BIOPHRAMEbiokProducts.jpg" width="50%"></center>
 +
 
 +
<p>
 +
Our main product is 'BioK' chitosan. Chitosan is a natural fiber product with multiple applications in pharmaceuticals, agrochemicals, water treatment, textile finishing, food, cosmetics, pulp and paper, photography and tissue engineering. BioK is the result of a biological production process based on genetically modified organisms which is productive, cost effective and waste reductive. In our process, chitin extracted from shrimp shells waste undergoes a process of demineralization, deproteinization and deacetilatyion by the action of two bacteria. The behavior of these bacteria is controlled by induced temperature changes, guaranteeing no chemical use in the process.</p>
 +
 
 +
 
 +
 
 +
 
 +
<video width="100%" height="500px" controls> <source type="video/mp4" src="https://static.igem.org/mediawiki/2014/f/f2/BIOPHRAMEGDLchitosanProcess.mp4"></video>
 +
 
 +
 
 +
<p>
 +
We are strategically located in Guadalajara, the second most populated city in Mexico and responsible of 7% of national gross domestic product. Our goal in the long term is to fulfil the Mexican demand of medium and high purity chitosan and to become the first Mexican exporter of high purity chitosan. We want to create dream jobs for young Mexican engineers and export our biotechnology worldwide.</p>
 +
 
 +
</div></br>
 +
 
 +
<div class="col-md-12 center-block">
 +
<div class="col-md-2 col-md-offset-3"><a href="http://www.itesm.mx/wps/wcm/connect/Campus/GDA/Guadalajara/" ><img src="https://static.igem.org/mediawiki/2014/9/93/BIOPHRAMEGDLLogo_tecnologicoDeMonterrey-300x168.jpg"  data-toggle="tooltip"  title="ITESM Guadalajara"></a></div>
 +
<div class="col-md-2"><a href="https://2014.igem.org/Main_Page">
 +
<img src="https://static.igem.org/mediawiki/2014/b/b0/BIOPHRAMEGDLLogo_igem-300x168.jpg" data-toggle="tooltip"  title="iGEM"></a></div>
 +
<div class="col-md-2"><a href="http://sergionc.com/web/"><img src="https://static.igem.org/mediawiki/2014/3/33/BIOPHRAMEGDLLogo_sergionc-300x168.jpg" data-toggle="tooltip"  title="Sergionc Video Mapping"></a></div>
 +
</div>
 +
<?php
 +
echo "hola";
 +
?>
 +
<div class="col-md-12 faceBot"></br><div class="col-md-2 col-md-offset-3"><img src="https://static.igem.org/mediawiki/2014/e/ef/Biophrame_logo_footer_500x150.png" class="img-responsive"><small style="color:white">Biophrame Technologies is a biotech company and manufacturer specialized in the production of Chitosan.</small></div>
 +
<div class="col-md-2">
 +
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbiophrame&amp;width&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe></div>
 +
</div>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:ITESM-Guadalajara&action=edit"style="color:#190718"> Click here  to edit this page!</a> </p>
 
</body>
</body>
-
<!-- Stellar JS script -->
 
<script>
<script>
-
  !function(a,b,c,d){function e(b,c){this.element=b,this.options=a.extend({},g,c),this._defaults=g,this._name=f,this.init()}var f="stellar",g={scrollProperty:"scroll",positionProperty:"position",horizontalScrolling:!0,verticalScrolling:!0,horizontalOffset:0,verticalOffset:0,responsive:!1,parallaxBackgrounds:!0,parallaxElements:!0,hideDistantElements:!0,hideElement:function(a){a.hide()},showElement:function(a){a.show()}},h={scroll:{getLeft:function(a){return a.scrollLeft()},setLeft:function(a,b){a.scrollLeft(b)},getTop:function(a){return a.scrollTop()},setTop:function(a,b){a.scrollTop(b)}},position:{getLeft:function(a){return-1*parseInt(a.css("left"),10)},getTop:function(a){return-1*parseInt(a.css("top"),10)}},margin:{getLeft:function(a){return-1*parseInt(a.css("margin-left"),10)},getTop:function(a){return-1*parseInt(a.css("margin-top"),10)}},transform:{getLeft:function(a){var b=getComputedStyle(a[0])[k];return"none"!==b?-1*parseInt(b.match(/(-?[0-9]+)/g)[4],10):0},getTop:function(a){var b=getComputedStyle(a[0])[k];return"none"!==b?-1*parseInt(b.match(/(-?[0-9]+)/g)[5],10):0}}},i={position:{setLeft:function(a,b){a.css("left",b)},setTop:function(a,b){a.css("top",b)}},transform:{setPosition:function(a,b,c,d,e){a[0].style[k]="translate3d("+(b-c)+"px, "+(d-e)+"px, 0)"}}},j=function(){var b,c=/^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,d=a("script")[0].style,e="";for(b in d)if(c.test(b)){e=b.match(c)[0];break}return"WebkitOpacity"in d&&(e="Webkit"),"KhtmlOpacity"in d&&(e="Khtml"),function(a){return e+(e.length>0?a.charAt(0).toUpperCase()+a.slice(1):a)}}(),k=j("transform"),l=a("<div />",{style:"background:#fff"}).css("background-position-x")!==d,m=l?function(a,b,c){a.css({"background-position-x":b,"background-position-y":c})}:function(a,b,c){a.css("background-position",b+" "+c)},n=l?function(a){return[a.css("background-position-x"),a.css("background-position-y")]}:function(a){return a.css("background-position").split(" ")},o=b.requestAnimationFrame||b.webkitRequestAnimationFrame||b.mozRequestAnimationFrame||b.oRequestAnimationFrame||b.msRequestAnimationFrame||function(a){setTimeout(a,1e3/60)};e.prototype={init:function(){this.options.name=f+"_"+Math.floor(1e9*Math.random()),this._defineElements(),this._defineGetters(),this._defineSetters(),this._handleWindowLoadAndResize(),this._detectViewport(),this.refresh({firstLoad:!0}),"scroll"===this.options.scrollProperty?this._handleScrollEvent():this._startAnimationLoop()},_defineElements:function(){this.element===c.body&&(this.element=b),this.$scrollElement=a(this.element),this.$element=this.element===b?a("body"):this.$scrollElement,this.$viewportElement=this.options.viewportElement!==d?a(this.options.viewportElement):this.$scrollElement[0]===b||"scroll"===this.options.scrollProperty?this.$scrollElement:this.$scrollElement.parent()},_defineGetters:function(){var a=this,b=h[a.options.scrollProperty];this._getScrollLeft=function(){return b.getLeft(a.$scrollElement)},this._getScrollTop=function(){return b.getTop(a.$scrollElement)}},_defineSetters:function(){var b=this,c=h[b.options.scrollProperty],d=i[b.options.positionProperty],e=c.setLeft,f=c.setTop;this._setScrollLeft="function"==typeof e?function(a){e(b.$scrollElement,a)}:a.noop,this._setScrollTop="function"==typeof f?function(a){f(b.$scrollElement,a)}:a.noop,this._setPosition=d.setPosition||function(a,c,e,f,g){b.options.horizontalScrolling&&d.setLeft(a,c,e),b.options.verticalScrolling&&d.setTop(a,f,g)}},_handleWindowLoadAndResize:function(){var c=this,d=a(b);c.options.responsive&&d.bind("load."+this.name,function(){c.refresh()}),d.bind("resize."+this.name,function(){c._detectViewport(),c.options.responsive&&c.refresh()})},refresh:function(c){var d=this,e=d._getScrollLeft(),f=d._getScrollTop();c&&c.firstLoad||this._reset(),this._setScrollLeft(0),this._setScrollTop(0),this._setOffsets(),this._findParticles(),this._findBackgrounds(),c&&c.firstLoad&&/WebKit/.test(navigator.userAgent)&&a(b).load(function(){var a=d._getScrollLeft(),b=d._getScrollTop();d._setScrollLeft(a+1),d._setScrollTop(b+1),d._setScrollLeft(a),d._setScrollTop(b)}),this._setScrollLeft(e),this._setScrollTop(f)},_detectViewport:function(){var a=this.$viewportElement.offset(),b=null!==a&&a!==d;this.viewportWidth=this.$viewportElement.width(),this.viewportHeight=this.$viewportElement.height(),this.viewportOffsetTop=b?a.top:0,this.viewportOffsetLeft=b?a.left:0},_findParticles:function(){{var b=this;this._getScrollLeft(),this._getScrollTop()}if(this.particles!==d)for(var c=this.particles.length-1;c>=0;c--)this.particles[c].$element.data("stellar-elementIsActive",d);this.particles=[],this.options.parallaxElements&&this.$element.find("[data-stellar-ratio]").each(function(){var c,e,f,g,h,i,j,k,l,m=a(this),n=0,o=0,p=0,q=0;if(m.data("stellar-elementIsActive")){if(m.data("stellar-elementIsActive")!==this)return}else m.data("stellar-elementIsActive",this);b.options.showElement(m),m.data("stellar-startingLeft")?(m.css("left",m.data("stellar-startingLeft")),m.css("top",m.data("stellar-startingTop"))):(m.data("stellar-startingLeft",m.css("left")),m.data("stellar-startingTop",m.css("top"))),f=m.position().left,g=m.position().top,h="auto"===m.css("margin-left")?0:parseInt(m.css("margin-left"),10),i="auto"===m.css("margin-top")?0:parseInt(m.css("margin-top"),10),k=m.offset().left-h,l=m.offset().top-i,m.parents().each(function(){var b=a(this);return b.data("stellar-offset-parent")===!0?(n=p,o=q,j=b,!1):(p+=b.position().left,void(q+=b.position().top))}),c=m.data("stellar-horizontal-offset")!==d?m.data("stellar-horizontal-offset"):j!==d&&j.data("stellar-horizontal-offset")!==d?j.data("stellar-horizontal-offset"):b.horizontalOffset,e=m.data("stellar-vertical-offset")!==d?m.data("stellar-vertical-offset"):j!==d&&j.data("stellar-vertical-offset")!==d?j.data("stellar-vertical-offset"):b.verticalOffset,b.particles.push({$element:m,$offsetParent:j,isFixed:"fixed"===m.css("position"),horizontalOffset:c,verticalOffset:e,startingPositionLeft:f,startingPositionTop:g,startingOffsetLeft:k,startingOffsetTop:l,parentOffsetLeft:n,parentOffsetTop:o,stellarRatio:m.data("stellar-ratio")!==d?m.data("stellar-ratio"):1,width:m.outerWidth(!0),height:m.outerHeight(!0),isHidden:!1})})},_findBackgrounds:function(){var b,c=this,e=this._getScrollLeft(),f=this._getScrollTop();this.backgrounds=[],this.options.parallaxBackgrounds&&(b=this.$element.find("[data-stellar-background-ratio]"),this.$element.data("stellar-background-ratio")&&(b=b.add(this.$element)),b.each(function(){var b,g,h,i,j,k,l,o=a(this),p=n(o),q=0,r=0,s=0,t=0;if(o.data("stellar-backgroundIsActive")){if(o.data("stellar-backgroundIsActive")!==this)return}else o.data("stellar-backgroundIsActive",this);o.data("stellar-backgroundStartingLeft")?m(o,o.data("stellar-backgroundStartingLeft"),o.data("stellar-backgroundStartingTop")):(o.data("stellar-backgroundStartingLeft",p[0]),o.data("stellar-backgroundStartingTop",p[1])),h="auto"===o.css("margin-left")?0:parseInt(o.css("margin-left"),10),i="auto"===o.css("margin-top")?0:parseInt(o.css("margin-top"),10),j=o.offset().left-h-e,k=o.offset().top-i-f,o.parents().each(function(){var b=a(this);return b.data("stellar-offset-parent")===!0?(q=s,r=t,l=b,!1):(s+=b.position().left,void(t+=b.position().top))}),b=o.data("stellar-horizontal-offset")!==d?o.data("stellar-horizontal-offset"):l!==d&&l.data("stellar-horizontal-offset")!==d?l.data("stellar-horizontal-offset"):c.horizontalOffset,g=o.data("stellar-vertical-offset")!==d?o.data("stellar-vertical-offset"):l!==d&&l.data("stellar-vertical-offset")!==d?l.data("stellar-vertical-offset"):c.verticalOffset,c.backgrounds.push({$element:o,$offsetParent:l,isFixed:"fixed"===o.css("background-attachment"),horizontalOffset:b,verticalOffset:g,startingValueLeft:p[0],startingValueTop:p[1],startingBackgroundPositionLeft:isNaN(parseInt(p[0],10))?0:parseInt(p[0],10),startingBackgroundPositionTop:isNaN(parseInt(p[1],10))?0:parseInt(p[1],10),startingPositionLeft:o.position().left,startingPositionTop:o.position().top,startingOffsetLeft:j,startingOffsetTop:k,parentOffsetLeft:q,parentOffsetTop:r,stellarRatio:o.data("stellar-background-ratio")===d?1:o.data("stellar-background-ratio")})}))},_reset:function(){var a,b,c,d,e;for(e=this.particles.length-1;e>=0;e--)a=this.particles[e],b=a.$element.data("stellar-startingLeft"),c=a.$element.data("stellar-startingTop"),this._setPosition(a.$element,b,b,c,c),this.options.showElement(a.$element),a.$element.data("stellar-startingLeft",null).data("stellar-elementIsActive",null).data("stellar-backgroundIsActive",null);for(e=this.backgrounds.length-1;e>=0;e--)d=this.backgrounds[e],d.$element.data("stellar-backgroundStartingLeft",null).data("stellar-backgroundStartingTop",null),m(d.$element,d.startingValueLeft,d.startingValueTop)},destroy:function(){this._reset(),this.$scrollElement.unbind("resize."+this.name).unbind("scroll."+this.name),this._animationLoop=a.noop,a(b).unbind("load."+this.name).unbind("resize."+this.name)},_setOffsets:function(){var c=this,d=a(b);d.unbind("resize.horizontal-"+this.name).unbind("resize.vertical-"+this.name),"function"==typeof this.options.horizontalOffset?(this.horizontalOffset=this.options.horizontalOffset(),d.bind("resize.horizontal-"+this.name,function(){c.horizontalOffset=c.options.horizontalOffset()})):this.horizontalOffset=this.options.horizontalOffset,"function"==typeof this.options.verticalOffset?(this.verticalOffset=this.options.verticalOffset(),d.bind("resize.vertical-"+this.name,function(){c.verticalOffset=c.options.verticalOffset()})):this.verticalOffset=this.options.verticalOffset},_repositionElements:function(){var a,b,c,d,e,f,g,h,i,j,k=this._getScrollLeft(),l=this._getScrollTop(),n=!0,o=!0;if(this.currentScrollLeft!==k||this.currentScrollTop!==l||this.currentWidth!==this.viewportWidth||this.currentHeight!==this.viewportHeight){for(this.currentScrollLeft=k,this.currentScrollTop=l,this.currentWidth=this.viewportWidth,this.currentHeight=this.viewportHeight,j=this.particles.length-1;j>=0;j--)a=this.particles[j],b=a.isFixed?1:0,this.options.horizontalScrolling?(f=(k+a.horizontalOffset+this.viewportOffsetLeft+a.startingPositionLeft-a.startingOffsetLeft+a.parentOffsetLeft)*-(a.stellarRatio+b-1)+a.startingPositionLeft,h=f-a.startingPositionLeft+a.startingOffsetLeft):(f=a.startingPositionLeft,h=a.startingOffsetLeft),this.options.verticalScrolling?(g=(l+a.verticalOffset+this.viewportOffsetTop+a.startingPositionTop-a.startingOffsetTop+a.parentOffsetTop)*-(a.stellarRatio+b-1)+a.startingPositionTop,i=g-a.startingPositionTop+a.startingOffsetTop):(g=a.startingPositionTop,i=a.startingOffsetTop),this.options.hideDistantElements&&(o=!this.options.horizontalScrolling||h+a.width>(a.isFixed?0:k)&&h<(a.isFixed?0:k)+this.viewportWidth+this.viewportOffsetLeft,n=!this.options.verticalScrolling||i+a.height>(a.isFixed?0:l)&&i<(a.isFixed?0:l)+this.viewportHeight+this.viewportOffsetTop),o&&n?(a.isHidden&&(this.options.showElement(a.$element),a.isHidden=!1),this._setPosition(a.$element,f,a.startingPositionLeft,g,a.startingPositionTop)):a.isHidden||(this.options.hideElement(a.$element),a.isHidden=!0);for(j=this.backgrounds.length-1;j>=0;j--)c=this.backgrounds[j],b=c.isFixed?0:1,d=this.options.horizontalScrolling?(k+c.horizontalOffset-this.viewportOffsetLeft-c.startingOffsetLeft+c.parentOffsetLeft-c.startingBackgroundPositionLeft)*(b-c.stellarRatio)+"px":c.startingValueLeft,e=this.options.verticalScrolling?(l+c.verticalOffset-this.viewportOffsetTop-c.startingOffsetTop+c.parentOffsetTop-c.startingBackgroundPositionTop)*(b-c.stellarRatio)+"px":c.startingValueTop,m(c.$element,d,e)}},_handleScrollEvent:function(){var a=this,b=!1,c=function(){a._repositionElements(),b=!1},d=function(){b||(o(c),b=!0)};this.$scrollElement.bind("scroll."+this.name,d),d()},_startAnimationLoop:function(){var a=this;this._animationLoop=function(){o(a._animationLoop),a._repositionElements()},this._animationLoop()}},a.fn[f]=function(b){var c=arguments;return b===d||"object"==typeof b?this.each(function(){a.data(this,"plugin_"+f)||a.data(this,"plugin_"+f,new e(this,b))}):"string"==typeof b&&"_"!==b[0]&&"init"!==b?this.each(function(){var d=a.data(this,"plugin_"+f);d instanceof e&&"function"==typeof d[b]&&d[b].apply(d,Array.prototype.slice.call(c,1)),"destroy"===b&&a.data(this,"plugin_"+f,null)}):void 0},a[f]=function(){var c=a(b);return c.stellar.apply(c,Array.prototype.slice.call(arguments,0))},a[f].scrollProperty=h,a[f].positionProperty=i,b.Stellar=e}(jQuery,this,document);
+
    $('.carousel').carousel({
-
  </script>
+
        interval: 2000
 +
    })
 +
</script>
</html>
</html>

Latest revision as of 03:21, 18 October 2014

iGEM Wiki

Biophrame Technologies focuses in innovating, developing and improving technologies based on synthetic biology to create optimized and sustainable industrial processes which can guarantee quality products for our customers.

We believe the biotechnology we develop can help us not only to optimize time and resources, but to take care of the environment and improve the lives in our community, both regional and global. That is why raw material used in our processes is waste from other industrial process of other companies.

OUR PRODUCT

Our main product is 'BioK' chitosan. Chitosan is a natural fiber product with multiple applications in pharmaceuticals, agrochemicals, water treatment, textile finishing, food, cosmetics, pulp and paper, photography and tissue engineering. BioK is the result of a biological production process based on genetically modified organisms which is productive, cost effective and waste reductive. In our process, chitin extracted from shrimp shells waste undergoes a process of demineralization, deproteinization and deacetilatyion by the action of two bacteria. The behavior of these bacteria is controlled by induced temperature changes, guaranteeing no chemical use in the process.

We are strategically located in Guadalajara, the second most populated city in Mexico and responsible of 7% of national gross domestic product. Our goal in the long term is to fulfil the Mexican demand of medium and high purity chitosan and to become the first Mexican exporter of high purity chitosan. We want to create dream jobs for young Mexican engineers and export our biotechnology worldwide.



Biophrame Technologies is a biotech company and manufacturer specialized in the production of Chitosan.

Retrieved from "http://2014.igem.org/Team:ITESM-Guadalajara"