Team:ITESM-Guadalajara

From 2014.igem.org

(Difference between revisions)
(Replaced content with "echo "hola";")
Line 1: Line 1:
-
{{CSS/Main}}
+
echo "hola";
-
 
+
-
<html>
+
-
 
+
-
<head>
+
-
 
+
-
  <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="keywords" content="iGEM, Chitosan, 2014, ITESM Guadalajara, Wiki">
+
-
  <meta name="author" content="Gerardo Martín del Campo">
+
-
  <meta name="title" content="Team ITESM - Guadalajara Wiki">
+
-
 
+
-
  <!-- External scripts -->
+
-
  <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'>
+
-
 
+
-
  <!-- Functionallity and behaviour JS -->
+
-
  <script>
+
-
 
+
-
    $(document).ready(function(){
+
-
 
+
-
      //Loading screen functionallity
+
-
      $('.loading').animate(
+
-
          {opacity:0},
+
-
          500,
+
-
          function(){
+
-
            $('.loading').attr("style", "display:none");
+
-
          }
+
-
      );
+
-
 
+
-
      //Height responsiveness
+
-
      $(window).resize(function() {
+
-
          wheight = $(window).height();
+
-
          $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;");
+
-
          $('.team-member-container').attr("style","height:"+wheight/2.7+"px;");
+
-
      });
+
-
 
+
-
      $(window).trigger('resize');
+
-
 
+
-
      //Menu moveto container on item click functionallity
+
-
      $('.menu-item').on('click', function(){
+
-
          $('.menu-item').removeClass('subselected');
+
-
          $(this).addClass('subselected');
+
-
          if($(this).attr("data")=="#top"){
+
-
              $('html, body').animate({
+
-
                  scrollTop: 0
+
-
              }, 1000);
+
-
          }else{
+
-
              $('html, body').animate({
+
-
                  scrollTop: $($(this).attr("data")).offset().top-70
+
-
              }, 1000);
+
-
          }
+
-
      });
+
-
 
+
-
      //Hover of team members
+
-
      $('.team-member-container').on('mouseenter', function(){
+
-
        $(this).children('.team-member-photo').attr("style", "background-image:url('"+$(this).attr("hover")+"');");
+
-
        $(this).on('mouseleave', function(){
+
-
          $(this).children('.team-member-photo').attr('style', "background-image:url('"+$(this).attr("data")+"');");
+
-
        });
+
-
      });
+
-
 
+
-
    });
+
-
   
+
-
  </script>
+
-
 
+
-
  <style>
+
-
    body,
+
-
    html{
+
-
      margin: 0;
+
-
      padding:0;
+
-
      font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
+
-
    }
+
-
 
+
-
    /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
+
-
    .firstHeading{
+
-
      display:none;
+
-
    }
+
-
    #top-section{
+
-
      background:#97a8b2;
+
-
      margin-left:0 !important;
+
-
      width:100%;
+
-
      left:0;
+
-
    }
+
-
 
+
-
 
+
-
    /* LOADING SCREEN */
+
-
    .loading{
+
-
      position:fixed;
+
-
      width:100%;
+
-
      height:100%;
+
-
      top:0;
+
-
      left:0;
+
-
 
+
-
      z-index:5;
+
-
 
+
-
      background-color:#555;
+
-
      color:#fff;
+
-
      text-align: center;
+
-
    }
+
-
    .loading p{
+
-
      position: relative;
+
-
      width:100%;
+
-
      height:10%;
+
-
      top:45%;
+
-
      left:0;
+
-
    }
+
-
 
+
-
    /* MENU STYLING */
+
-
    .menu{
+
-
      position:fixed;
+
-
      width:100%;
+
-
      height:56px;
+
-
      top:14px;
+
-
      background-color: #47a3da;
+
-
 
+
-
      z-index:4;
+
-
 
+
-
      border-collapse: collapse;
+
-
      text-align:center;
+
-
    }
+
-
    .menu tr td{
+
-
      text-align: center;
+
-
      vertical-align: middle;
+
-
 
+
-
      font-weight: 700;
+
-
      font-size:16px;
+
-
      color:#fff;
+
-
      width:7%;
+
-
    }
+
-
    .menu tr td.menu-item:hover{
+
-
      background-color:#258ecd;
+
-
      cursor: pointer;
+
-
    }
+
-
    .subselected{
+
-
      background-color: #258ecd;
+
-
    }
+
-
 
+
-
    /* CONTAINERS STYLING */
+
-
    .container{
+
-
      position:relative;
+
-
      width:100%;
+
-
      top:50px;
+
-
    }
+
-
    .container .subcontainer{
+
-
      position:absolute;
+
-
      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;
+
-
    }
+
-
 
+
-
 
+
-
  </style>
+
-
 
+
-
</head>
+
-
 
+
-
<body>
+
-
 
+
-
  <!-- Loading screen -->
+
-
  <div class="loading">
+
-
    <p>Loading content, please wait...</p>
+
-
  </div>
+
-
 
+
-
  <!-- Menu section -->
+
-
  <table class="menu">
+
-
    <tbody>
+
-
      <tr>
+
-
        <td data="#top" class="menu-item subselected">Team logo</td>
+
-
        <td data="#home" class="menu-item">Home</td>
+
-
        <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="top" class="container" data-stellar-background-ratio="0" style="top:50px !important;">
+
-
  </div>
+
-
 
+
-
<div id="home" class="container">
+
-
  <div class="subcontainer">
+
-
    <h1><b1><font size=20>Bio San</font></b></h1>
+
-
 
+
-
    <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.
+
-
 
+
-
    <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>
+
-
 
+
-
 
+
-
  <div id="team" class="container">
+
-
    <div class="subcontainer">
+
-
 
+
-
      <!-- First Row -->
+
-
 
+
-
      <div class="team-member-container" data="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/10606490_707932332595968_1774421036944913989_n.jpg?oh=d2e049c63e2847aef7a1d07cf293740f&oe=54727D1F&__gda__=1417128643_521c681bc9a691032a9a1258aebadf94" hover="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/10636007_707932839262584_2236769754676077412_n.jpg?oh=a0a3160c9f1cc9ba4c02bbe861b90e01&oe=545D6423&__gda__=1417389311_6c2ad9ec072be25321825085d4e97a49">
+
-
        <div class="team-member-photo" style="background-image:url('https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/10606490_707932332595968_1774421036944913989_n.jpg?oh=d2e049c63e2847aef7a1d07cf293740f&oe=54727D1F&__gda__=1417128643_521c681bc9a691032a9a1258aebadf94')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Sofy</td></tr>
+
-
        </table>
+
-
      </div>
+
-
     
+
-
      <div class="team-member-container" data="https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xpf1/v/t1.0-9/10559879_707931919262676_1319251872125191764_n.jpg?oh=905e421b3e75612172a5718c317d7bb8&oe=545BCEB1&__gda__=1415866075_fd6f30654d4144b83b3ab29129db01df" hover="https://scontent-a-dfw.xx.fbcdn.net/hphotos-xap1/v/t1.0-9/14230_707932149262653_2590112083670655192_n.jpg?oh=965df64eeb57f2574c0be48dec199df8&oe=54722AD3">
+
-
        <div class="team-member-photo" style="background-image:url('https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xpf1/v/t1.0-9/10559879_707931919262676_1319251872125191764_n.jpg?oh=905e421b3e75612172a5718c317d7bb8&oe=545BCEB1&__gda__=1415866075_fd6f30654d4144b83b3ab29129db01df')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Rodolfo</td></tr>
+
-
        </table>
+
-
      </div>
+
-
 
+
-
      <div class="team-member-container" data="https://scontent-b-dfw.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/1604878_707931892596012_5842194765260755276_n.jpg?oh=cc661b10c2191db4dc703312ada9d672&oe=54776EF7" hover="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/1654159_707932865929248_2439842172075516485_n.jpg?oh=2bde5ebabd3cd7610e038f8d45db0c0e&oe=54656A41&__gda__=1416991100_0d1e99fac28e012a9fcf0c7a7dfc06e1">
+
-
        <div class="team-member-photo" style="background-image:url('https://scontent-b-dfw.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/1604878_707931892596012_5842194765260755276_n.jpg?oh=cc661b10c2191db4dc703312ada9d672&oe=54776EF7')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Maggie</td></tr>
+
-
        </table>
+
-
      </div>
+
-
 
+
-
      <div class="team-member-container" data="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xfa1/v/t1.0-9/10665779_707932092595992_2156750832361780655_n.jpg?oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=1417016657_9ddd60c7dab12c1483b649b5a8139f7a" hover="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/1958199_707931972596004_1653996532394610884_n.jpg?oh=d43e544bc213fbf5f371200cd323aaa0&oe=546AF779&__gda__=1415646020_79c262caaca2f4a7c479db2be41a274c">
+
-
        <div class="team-member-photo" style="background-image:url('https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xfa1/v/t1.0-9/10665779_707932092595992_2156750832361780655_n.jpg?oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=1417016657_9ddd60c7dab12c1483b649b5a8139f7a')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Nombre</td></tr>
+
-
        </table>
+
-
      </div>
+
-
 
+
-
      <div class="team-member-container" data="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/10576906_707932242595977_4678921994998832436_n.jpg?oh=bc1fc8dc52f1ce9e44f5fc42acd96430&oe=548162A4&__gda__=1416639772_4de786e38472df4e539fe11e0d7b9a85" hover="https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/10646630_707932292595972_987211980064487412_n.jpg?oh=3e41742703bdbe63b0e2875314a0d245&oe=5473E965&__gda__=1417750828_e54730972a8c4f9e28460c7ca56faf19">
+
-
        <div class="team-member-photo" style="background-image:url('https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/10576906_707932242595977_4678921994998832436_n.jpg?oh=bc1fc8dc52f1ce9e44f5fc42acd96430&oe=548162A4&__gda__=1416639772_4de786e38472df4e539fe11e0d7b9a85')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Nombre</td></tr>
+
-
        </table>
+
-
      </div>
+
-
 
+
-
      <div class="team-member-container" data="https://scontent-a-dfw.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/10603391_707932739262594_394023350576161118_n.jpg?oh=eb4d0ba5301e7b05455e3e4d4ac868cc&oe=545B73CF" hover="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xfp1/v/t1.0-9/10574448_707932779262590_8627767242137261642_n.jpg?oh=42349ff6cde3285decf62a23b282db79&oe=54819F43&__gda__=1416773322_494c5245db49257e1e57376b212c9249">
+
-
        <div class="team-member-photo" style="background-image:url('https://scontent-a-dfw.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/10603391_707932739262594_394023350576161118_n.jpg?oh=eb4d0ba5301e7b05455e3e4d4ac868cc&oe=545B73CF')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Nombre</td></tr>
+
-
        </table>
+
-
      </div>
+
-
 
+
-
      <!-- Second Row -->
+
-
     
+
-
      <div class="team-member-container row2" data="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/10590698_707932682595933_7087832657777301608_n.jpg?oh=f533b9d73439a56b107c0f3ec16122e7&oe=5468A3B7&__gda__=1416105835_ac3f7c4c68248971a4a538ede6c4d157" hover="https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xfp1/v/t1.0-9/10590433_707932715929263_6927872594176523896_n.jpg?oh=166b3bd272a2366188f18a394ff34dad&oe=5478EE77&__gda__=1415542782_2a1ca0ce3d0d13de48fa80020888dc97">
+
-
        <div class="team-member-photo" style="background-image:url('https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/10590698_707932682595933_7087832657777301608_n.jpg?oh=f533b9d73439a56b107c0f3ec16122e7&oe=5468A3B7&__gda__=1416105835_ac3f7c4c68248971a4a538ede6c4d157')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Nombre</td></tr>
+
-
        </table>
+
-
      </div>
+
-
 
+
-
      <div class="team-member-container row2" data="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/165694_10150142314796000_7339784_n.jpg?oh=c4599b843494e5e3e6ea043f4274c2b1&oe=545BAECC&__gda__=1415899108_2f1d374b729bee21393bdf1255ed6c9f" hover="https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-frc1/v/t1.0-9/2470_1096828574662_3159_n.jpg?oh=b1a3493fb69aa27197041f4bf73d2191&oe=546392E8&__gda__=1416542995_5148dea6508c832a52f86a4dbf92a38f">
+
-
        <div class="team-member-photo" style="background-image:url('https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/165694_10150142314796000_7339784_n.jpg?oh=c4599b843494e5e3e6ea043f4274c2b1&oe=545BAECC&__gda__=1415899108_2f1d374b729bee21393bdf1255ed6c9f')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Luis</td></tr>
+
-
        </table>
+
-
      </div>
+
-
 
+
-
      <div class="team-member-container row2">
+
-
        <div class="team-member-photo" style="background-image:url('https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xfa1/v/t1.0-9/10665779_707932092595992_2156750832361780655_n.jpg?oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=1417016657_9ddd60c7dab12c1483b649b5a8139f7a')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Nombre</td></tr>
+
-
        </table>
+
-
      </div>
+
-
 
+
-
      <div class="team-member-container row2">
+
-
        <div class="team-member-photo" style="background-image:url('https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xfa1/v/t1.0-9/10665779_707932092595992_2156750832361780655_n.jpg?oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=1417016657_9ddd60c7dab12c1483b649b5a8139f7a')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Nombre</td></tr>
+
-
        </table>
+
-
      </div>
+
-
 
+
-
      <div class="team-member-container row2">
+
-
        <div class="team-member-photo" style="background-image:url('https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xfa1/v/t1.0-9/10665779_707932092595992_2156750832361780655_n.jpg?oh=1c5d1d6c1b2b3c4afc9f4039b025ab6d&oe=546E6D67&__gda__=1417016657_9ddd60c7dab12c1483b649b5a8139f7a')"></div>
+
-
        <table class="team-member-footer">
+
-
          <tr><td>Nombre</td></tr>
+
-
        </table>
+
-
      </div>
+
-
     
+
-
    </div>
+
-
  </div>
+
-
 
+
-
  <div id="teamprofile" class="container">
+
-
    Team Profile section
+
-
  </div>
+
-
 
+
-
  <div id="project" class="container">
+
-
    Project section
+
-
  </div>
+
-
 
+
-
  <div id="parts" class="container">
+
-
    Parts section
+
-
  </div>
+
-
 
+
-
  <div id="modeling" class="container">
+
-
    Modeling section
+
-
  </div>
+
-
 
+
-
  <div id="notebook" class="container">
+
-
    Notebook section
+
-
  </div>
+
-
 
+
-
  <div id="safety" class="container">
+
-
    Safety section
+
-
  </div>
+
-
 
+
-
  <div id="attributions" class="container">
+
-
    Attributions section
+
-
  </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>
+
-
 
+
-
</html>
+

Revision as of 22:37, 7 October 2014

echo "hola";

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