Difference between revisions of "Team:Ecuador"

 
(67 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Ecuador}}
 
{{Ecuador}}
 +
{{Ecuador/slide_script}}
 
<html>
 
<html>
−
 
+
<style>
−
  <style>
+
 
     @import url('https://fonts.googleapis.com/css?family=Raleway');
 
     @import url('https://fonts.googleapis.com/css?family=Raleway');
−
      *{
+
    *{
−
          margin: 0px;
+
        margin: 0px;
−
          font-family: 'Raleway', sans-serif;
+
        font-family: 'Raleway', sans-serif;
−
      }
+
    }
−
    @keyframes slide-in {
+
  @keyframes slide-in {
−
      from {
+
    from {
−
        margin-left: -100%;
+
      margin-left: -100%;
−
        border-bottom-right-radius: 30px;
+
      border-bottom-right-radius: 30px;
−
        border-top-right-radius: 30px;
+
      border-top-right-radius: 30px;
−
      }
+
    }
  
−
      to {
+
    to {
−
        margin-left: 0%;
+
      margin-left: 0%;
−
        border-bottom-right-radius: 0;
+
      border-bottom-right-radius: 0;
−
        border-top-right-radius: 0px;
+
      border-top-right-radius: 0px;
−
      }
+
 
     }
 
     }
 +
  }
  
−
    @keyframes slide-in-menu {
+
  @keyframes slide-in-menu {
−
      from {
+
    from {
−
        margin-left: -120%;
+
      margin-left: -120%;
−
        border-bottom-right-radius: 30px;
+
      border-bottom-right-radius: 30px;
−
        border-top-right-radius: 30px;
+
      border-top-right-radius: 30px;
−
        opacity: 0.5;
+
      opacity: 0.5;
−
      }
+
    }
  
−
      to {
+
    to {
−
        margin-left: 0%;
+
      margin-left: 0%;
−
        border-bottom-right-radius: 0;
+
      border-bottom-right-radius: 0;
−
        border-top-right-radius: 0px;
+
      border-top-right-radius: 0px;
−
        opacity: 1;
+
      opacity: 1;
−
      }
+
 
     }
 
     }
 +
  }
  
−
    @keyframes fade-in {
+
  @keyframes fade-in {
−
      from {
+
    from {
−
        opacity: 0;
+
      opacity: 0;
−
      }
+
    }
  
−
      to {
+
    to {
−
        opacity: 1;
+
      opacity: 1;
−
      }
+
 
     }
 
     }
 +
  }
  
−
    @keyframes slide-in-oposite {
+
  @keyframes slide-in-oposite {
−
      from {
+
    from {
−
        margin-left: 100%;
+
      margin-left: 100%;
−
      }
+
    }
  
−
      to {
+
    to {
−
        margin-left: 0%;
+
      margin-left: 0%;
−
      }
+
 
     }
 
     }
 +
  }
  
−
    @keyframes slide-in-up {
+
  @keyframes slide-in-up {
−
      from {
+
    from {
−
        margin-top: 100%;
+
      margin-top: 100%;
−
      }
+
    }
  
−
      to {
+
    to {
−
        margin-left: 0%;
+
      margin-left: 0%;
−
      }
+
 
     }
 
     }
 +
  }
  
−
    @keyframes slide-in-up-oposite {
+
  @keyframes slide-in-up-oposite {
−
      from {
+
    from {
−
        margin-top: -100%;
+
      margin-top: -100%;
−
      }
+
    }
  
−
      to {
+
    to {
−
        margin-left: 0%;
+
      margin-left: 0%;
−
      }
+
−
    }
+
−
    .igem_2018_team_menu.displaying_menu {
+
−
      display: none;
+
 
     }
 
     }
 +
  }
 +
  .igem_2018_team_menu.displaying_menu {
 +
    display: none;
 +
  }
 
     .ecuador_menu {
 
     .ecuador_menu {
−
      font-size: 14px;
+
    font-size: 14px;
−
      width: 100%;
+
    width: 100%;
−
      height: 80px;
+
    height: 80px;
−
      position: fixed;
+
    position: fixed;
−
      left: 0px;
+
    left: 0px;
−
      top: 15px;
+
    top: 15px;
−
      background-color: #2471A3;
+
    background-color: #2471A3;
−
      animation-name: fade-in;
+
    animation-name: fade-in;
−
      animation-duration: 2s;
+
    animation-duration: 2s;
−
      -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
−
      -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
    -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
−
      box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
    box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
−
      display: flex;
+
    display: flex;
−
      z-index: 5;
+
    z-index: 5;
−
    }
+
  }
  
 
     .ecuador_home {
 
     .ecuador_home {
Line 113: Line 113:
 
       box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 
       box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 
       z-index: 10;
 
       z-index: 10;
 +
 
     }
 
     }
  
Line 123: Line 124:
  
 
     .menu_options_container {
 
     .menu_options_container {
−
      width: 79%;
+
    width: 79%;
−
      height: 50px;
+
    height: 50px;
−
      position: absolute;
+
    position: absolute;
−
      left: 19%;
+
    left: 19%;
−
      top: 15px;
+
    top: 15px;
−
      display: flex;
+
    display: flex;
−
      justify-content: center;
+
    justify-content: center;
−
    }
+
  }
  
−
    .menu_option {
+
  .menu_option {
−
      width: 16.66%;
+
    width: 14.28%;
−
      height: 100%;
+
    height: 100%;
−
      position: relative;
+
    position: relative;
−
      justify-content: center;
+
    justify-content: center;
−
      align-items: center;
+
    align-items: center;
−
      display: flex;
+
    display: flex;
−
      color: #FFFFFF;
+
    color: #FFFFFF;
−
      transition: 0.2s;
+
    transition: 0.2s;
−
      text-align: center;
+
    text-align: center;
−
    }
+
  }
  
 
     #project {
 
     #project {
−
      animation-name: slide-in-up-oposite;
+
    animation-name: slide-in-up-oposite;
−
      animation-duration: 0.5s;
+
    animation-duration: 0.5s;
−
      animation-delay: 0.5s;
+
    animation-delay: 0.5s;
−
      animation-fill-mode: backwards;
+
    animation-fill-mode: backwards;
−
      position: absolute;
+
    position: absolute;
−
      left: 0%;
+
    left: 0%;
−
      z-index: 9;
+
    z-index: 9;
−
    }
+
  }
  
−
    #people {
+
  #parts {
−
      animation-name: slide-in-up-oposite;
+
    animation-name: slide-in-up-oposite;
−
      animation-duration: 0.5s;
+
    animation-duration: 0.5s;
−
      animation-delay: 0.6s;
+
    animation-delay: 0.6s;
−
      animation-fill-mode: backwards;
+
    animation-fill-mode: backwards;
−
      position: absolute;
+
    position: absolute;
−
      left: 16.66%;
+
    left: 12.5%;
−
      z-index: 9;
+
    z-index: 9;
−
    }
+
  }
  
−
    #notebook {
+
  #human_practice {
−
      animation-name: slide-in-up-oposite;
+
    animation-name: slide-in-up-oposite;
−
      animation-duration: 0.5s;
+
    animation-duration: 0.5s;
−
      animation-delay: 0.7s;
+
    animation-delay: 0.7s;
−
      animation-fill-mode: backwards;
+
    animation-fill-mode: backwards;
−
      position: absolute;
+
    position: absolute;
−
      left: 33.32%;
+
    left: 25%;
−
      z-index: 9;
+
    z-index: 9;
−
    }
+
  }
  
−
    #human_practice {
+
  #safety {
−
      animation-name: slide-in-up-oposite;
+
    animation-name: slide-in-up-oposite;
−
      animation-duration: 0.5s;
+
    animation-duration: 0.5s;
−
      animation-delay: 0.8s;
+
    animation-delay: 0.8s;
−
      animation-fill-mode: backwards;
+
    animation-fill-mode: backwards;
−
      position: absolute;
+
    position: absolute;
−
      left: 49.98%;
+
    left: 37.5%;
−
      z-index: 9;
+
    z-index: 9;
−
    }
+
  }
  
−
    #parts {
+
  #interlab {
−
      animation-name: slide-in-up-oposite;
+
    animation-name: slide-in-up-oposite;
−
      animation-duration: 0.5s;
+
    animation-duration: 0.5s;
−
      animation-delay: 0.9s;
+
    animation-delay: 0.9s;
−
      animation-fill-mode: backwards;
+
    animation-fill-mode: backwards;
−
      position: absolute;
+
    position: absolute;
−
      left: 66.64%;
+
    left: 50%;
−
      z-index: 9;
+
    z-index: 9;
−
    }
+
  }
  
−
    #safety {
+
  #judging_forms {
−
      animation-name: slide-in-up-oposite;
+
    animation-name: slide-in-up-oposite;
−
      animation-duration: 0.5s;
+
    animation-duration: 0.5s;
−
      animation-delay: 1s;
+
    animation-delay: 1s;
−
      animation-fill-mode: backwards;
+
    animation-fill-mode: backwards;
−
      position: absolute;
+
−
      left: 83.30%;
+
−
      z-index: 9;
+
−
    }
+
  
−
     .ecuador_href_text {
+
     position: absolute;
−
      width: 16.66% !important;
+
    left: 62.5%;
−
      height: 100% !important;
+
    z-index: 9;
−
      position: relative !important;
+
  }
−
      justify-content: center !important;
+
−
      align-items: center !important;
+
−
      display: flex !important;
+
−
      color: #FFFFFF !important;
+
−
      transition: 0.2s !important;
+
−
      text-align: center !important;
+
−
      text-decoration: none !important;
+
−
    }
+
  
−
     .ecuador_href_sub_text {
+
  #team {
−
      width: 100% !important;
+
     animation-name: slide-in-up-oposite;
−
      height: 40px !important;
+
    animation-duration: 0.5s;
−
      position: relative !important;
+
    animation-delay: 1.1s;
−
      text-align: left !important;
+
    animation-fill-mode: backwards;
−
      text-indent: 20px !important;
+
    position: absolute;
−
      display: flex !important;
+
    left: 75%;
−
      background-color: #000 !important;
+
    z-index: 9;
−
      margin: auto auto !important;
+
  }
−
      align-items: center !important;
+
#atributions {
−
      transition: 0.2s !important;
+
    animation-name: slide-in-up-oposite;
−
      color: #D5DBDB !important;
+
    animation-duration: 0.5s;
−
      text-decoration: none !important;
+
    animation-delay: 1.2s;
−
    }
+
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
    left: 87.5%;
 +
    z-index: 9;
 +
  }
 +
.ecuador_href_text {
 +
    width: 14.28% !important;
 +
    height: 100% !important;
 +
    position: relative !important;
 +
    justify-content: center !important;
 +
    align-items: center !important;
 +
    display: flex !important;
 +
    color: #FFFFFF !important;
 +
    transition: 0.2s !important;
 +
    text-align: center !important;
 +
    text-decoration: none !important;
 +
    font-weight: bold !important;
 +
  }
 +
 
 +
  .ecuador_href_sub_text {
 +
    width: 100% !important;
 +
    height: 40px !important;
 +
    position: relative !important;
 +
    text-align: left !important;
 +
    text-indent: 20px !important;
 +
    display: flex !important;
 +
    background-color: #FFF !important;
 +
    margin: auto auto !important;
 +
    align-items: center !important;
 +
    transition: 0.2s !important;
 +
    color: #D5DBDB !important;
 +
    text-decoration: none !important;
 +
  }
  
 
     .menu_option:hover {
 
     .menu_option:hover {
−
      margin-top: 3px;
+
    margin-top: 3px;
−
      cursor: pointer;
+
    cursor: pointer;
−
    }
+
  }
  
−
    .menu_option:hover div.menu_sub_options_container{
+
  .menu_option:hover div.menu_sub_options_container{
−
      display: block;
+
    display: block;
−
    }
+
  }
  
−
    .menu_sub_options_container {
+
  .menu_sub_options_container {
−
      width: 90%;
+
    width: 100%;
−
      height: auto;
+
    height: auto;
−
      position: absolute;
+
    position: absolute;
−
      top: 50px;
+
    top: 50px;
−
      display: none;
+
    display: none;
−
    }
+
  }
  
 
     .sub_menu_option {
 
     .sub_menu_option {
−
      width: 100%;
+
    width: 100%;
−
      height: 40px;
+
    height: 40px;
−
      position: relative;
+
    position: relative;
−
      text-align: left;
+
    text-align: left;
−
      text-indent: 20px;
+
    text-indent: 20px;
−
      display: flex;
+
    display: flex;
−
      background-color: #000;
+
    background-color: #000;
−
      margin: auto auto;
+
    margin: auto auto;
−
      align-items: center;
+
    align-items: center;
−
      transition: 0.2s;
+
    transition: 0.2s;
−
      color: #D5DBDB;
+
    color: #D5DBDB;
−
    }
+
  }
  
−
    .sub_menu_option:hover {
+
  .sub_menu_option:hover {
−
      text-indent: 25px;
+
    text-indent: 15px;
−
      background-color: #2E86C1;
+
    background-color: #2E86C1;
−
    }
+
  }
  
 
     .ecuador_footer {
 
     .ecuador_footer {
Line 315: Line 336:
  
 
     .ecuador_follow_us_icons_container {
 
     .ecuador_follow_us_icons_container {
−
      width: 50%;
+
width: 50%;
 +
height: 60px;
 +
position: relative;
 +
top: 40px;
 +
margin: auto;
 +
display: flex;
 +
    }
 +
.ecuador_information_data_container{
 +
width: 50%;
 
       height: 60px;
 
       height: 60px;
 
       position: relative;
 
       position: relative;
−
       top: 40px;
+
       top: 55px;
 
       margin: auto;
 
       margin: auto;
 
       display: flex;
 
       display: flex;
−
    }
+
}
  
 
     .ecuador_follow_us_icon {
 
     .ecuador_follow_us_icon {
−
       width: 60px;
+
       width: 70px;
 
       height: 60px;
 
       height: 60px;
 
       position: relative;
 
       position: relative;
Line 361: Line 390:
 
       width: 130px;
 
       width: 130px;
 
       height: 130px;
 
       height: 130px;
−
       position: absolute;
+
       position: relative;
−
       bottom: 100px;
+
       bottom: 180px;
−
       right: 100px;
+
       left: 85%;
 
       background-image: url(https://static.igem.org/mediawiki/2018/d/db/T--Ecuador--Down--Arrow.png);
 
       background-image: url(https://static.igem.org/mediawiki/2018/d/db/T--Ecuador--Down--Arrow.png);
 
       background-position: center;
 
       background-position: center;
Line 377: Line 406:
 
     .ecuador_down_arrow_container:hover {
 
     .ecuador_down_arrow_container:hover {
 
       transform: scale(1.20);
 
       transform: scale(1.20);
−
      bottom: 70px;
 
−
      right: 110px;
 
 
       cursor: pointer;
 
       cursor: pointer;
 
     }
 
     }
Line 387: Line 414:
 
       position: relative;
 
       position: relative;
 
       left: 0px;
 
       left: 0px;
−
       top: 40px;
+
       top: 0px;
−
       margin-top: -40px;
+
       margin-top: 10px;
−
       background-color: #F8F9F9;
+
       background-color: #FFF;
−
       background-image: url(https://static.igem.org/mediawiki/2018/5/5f/T--Ecuador--Logo.png);
+
        
 
       background-position: center;
 
       background-position: center;
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
−
       background-size: 80%;
+
       background-size: 70%;
 
       animation-name: fade-in;
 
       animation-name: fade-in;
 
       animation-duration: 4s;
 
       animation-duration: 4s;
Line 421: Line 448:
 
       transform: skewY(-2deg);
 
       transform: skewY(-2deg);
 
       position: relative;
 
       position: relative;
−
       margin-top: 80px;
+
       margin-top: 90px;
 
     }
 
     }
  
Line 435: Line 462:
 
       height: auto;
 
       height: auto;
 
       margin: auto;
 
       margin: auto;
−
       margin-top: 20px;
+
       margin-top: 100px;
 
       color: #FFF;
 
       color: #FFF;
 
       font-size: 60px;
 
       font-size: 60px;
Line 442: Line 469:
 
       animation-name: fade-in;
 
       animation-name: fade-in;
 
       animation-duration: 1s;
 
       animation-duration: 1s;
−
       animation-delay: 0.5s;
+
       animation-delay: 0.1s;
 
       animation-fill-mode: backwards;
 
       animation-fill-mode: backwards;
 
       display: none;
 
       display: none;
 +
    line-height: 1;
 
     }
 
     }
  
Line 453: Line 481:
 
       margin-top: 60px;
 
       margin-top: 60px;
 
       color: #FFF;
 
       color: #FFF;
−
       font-size: 45px;
+
       font-size: 30px;
 
       text-align: center;
 
       text-align: center;
 
       text-indent: 20px;
 
       text-indent: 20px;
 
       animation-name: fade-in;
 
       animation-name: fade-in;
 
       animation-duration: 1s;
 
       animation-duration: 1s;
−
       animation-delay: 1s;
+
       animation-delay: 0.5s;
 
       animation-fill-mode: backwards;
 
       animation-fill-mode: backwards;
 
       display: none;
 
       display: none;
 +
    line-height: 1;
 
     }
 
     }
−
 
 
     .ecuador_down_arrow_container_description {
 
     .ecuador_down_arrow_container_description {
 
       width: 130px;
 
       width: 130px;
Line 468: Line 496:
 
       position: absolute;
 
       position: absolute;
 
       left: 100px;
 
       left: 100px;
−
       bottom: 100px;
+
       bottom: 180px;
 
       background-image: url(https://static.igem.org/mediawiki/2018/d/db/T--Ecuador--Down--Arrow.png);
 
       background-image: url(https://static.igem.org/mediawiki/2018/d/db/T--Ecuador--Down--Arrow.png);
 
       background-position: center;
 
       background-position: center;
Line 483: Line 511:
  
 
     .ecuador_down_arrow_container_description:hover {
 
     .ecuador_down_arrow_container_description:hover {
−
       bottom: 70px;
+
       bottom: 170px;
−
      right: 110px;
+
 
       cursor: pointer;
 
       cursor: pointer;
 
     }
 
     }
Line 490: Line 517:
 
     .ecuador_description_abstract_container {
 
     .ecuador_description_abstract_container {
 
       width: 100%;
 
       width: 100%;
−
       height: 700px;
+
       height: 720px;
 
       position: relative;
 
       position: relative;
 
       transform: skewY(-2deg);
 
       transform: skewY(-2deg);
Line 496: Line 523:
 
       background-color: #23496E;
 
       background-color: #23496E;
 
       margin-top: -70px;
 
       margin-top: -70px;
 +
      z-index: 2;
 
     }
 
     }
  
Line 530: Line 558:
 
       animation-fill-mode: backwards;
 
       animation-fill-mode: backwards;
 
       display: none;
 
       display: none;
 +
line-height: 2.6;
 
     }
 
     }
  
 
     .ecuador_description_separator {
 
     .ecuador_description_separator {
 
       width: 100%;
 
       width: 100%;
−
       height: 160px;
+
       height: 250px;
 
       background-color: #23496E;
 
       background-color: #23496E;
 
       position: relative;
 
       position: relative;
−
       margin-top: -50px;
+
       margin-top: -100px;
 +
      z-index: 1;
 
     }
 
     }
  
Line 543: Line 573:
 
       position: absolute;
 
       position: absolute;
 
       right: 200px;
 
       right: 200px;
−
       top: 100px;
+
       top: 80px;
 
       width: 60%;
 
       width: 60%;
 
       height: 55%;
 
       height: 55%;
 
     }
 
     }
 +
 +
    .cientific_name_text {
 +
      font-style: italic;
 +
    }
 +
 +
    @media only screen and (max-device-width: 600px) {
 +
      .ecuador_team_icon {
 +
          display: none;
 +
      }
 +
 +
      .ecuador_proyect_description_text_container {
 +
        width: 0%;
 +
        display: none;
 +
      }
 +
 +
      .ecuador_project_description_video_container {
 +
        width: 100%;
 +
      }
 +
 +
      .ecuador_down_arrow_container_description {
 +
        display: none;
 +
        width: 0%;
 +
      }
 +
 +
      .ecuador_down_arrow_container {
 +
        display: none;
 +
        width: 0%;
 +
      }
 +
 +
      .ecuador_project_description_container {
 +
        height: 600px;
 +
      }
 +
 +
      .description_video {
 +
        position: relative;
 +
        width: 60%;
 +
        height: 95%;
 +
        left: 1%;
 +
      }
 +
 +
      .ecuador_description_abstract_text_container {
 +
        display: block;
 +
        font-size: 14px;
 +
      }
 +
 +
      .ecuador_description_abstract_container_title {
 +
        display: block;
 +
      }
 +
 +
      .ecuador_project_description_video_container {
 +
        width: 100%;
 +
        height: 300px;
 +
        justify-content: center;
 +
        display: flex;
 +
      }
 +
 +
      .menu_options_container {
 +
          display: none;
 +
      }
 +
 +
      .ecuador_home {
 +
        font-size: 12px;
 +
      }
 +
 +
      .ecuador_description_abstract_container {
 +
        height: 1400px;
 +
      }
 +
 +
      .ecuador_footer {
 +
        display: none;
 +
      }
 +
    }
 +
 +
.ecuador_sponsors_icons_container {
 +
width: 100%;
 +
height: 60px;
 +
position: relative;
 +
top: 40px;
 +
margin: auto;
 +
display: flex;
 +
    }
 +
.ecuador_sponsors_icon {
 +
width: 60px;
 +
height: 60px;
 +
position: relative;
 +
margin-right: 4px;
 +
margin-left: 4px;
 +
    }
 +
#ing_bio{
 +
      background-image: url(https://static.igem.org/mediawiki/2018/thumb/1/17/T--Ecuador--Logo--BIO.png/902px-T--Ecuador--Logo--BIO.png);
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
      background-size: 90%;
 +
      transition: 0.4s;
 +
      border-radius: 5px;
 +
    }
 +
#ing_bio:hover {
 +
      background-size: 93%;
 +
      cursor: pointer;
 +
    }
 +
#espe{
 +
      background-image: url(https://static.igem.org/mediawiki/2018/thumb/d/d2/T--Ecuador--Logo--ESPE.png/1066px-T--Ecuador--Logo--ESPE.png);
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
      background-size: 120%;
 +
      transition: 0.4s;
 +
      border-radius: 5px;
 +
    }
 +
#espe:hover {
 +
      background-size: 125%;
 +
      cursor: pointer;
 +
    }
 +
#idgen{
 +
      background-image: url(https://static.igem.org/mediawiki/2018/e/e2/T--Ecuador--Logo--Idgen.png);
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
      background-size: 90%;
 +
      transition: 0.4s;
 +
      border-radius: 5px;
 +
    }
 +
#idgen:hover {
 +
      background-size: 93%;
 +
      cursor: pointer;
 +
    }
 +
#tukii{
 +
      background-image: url(https://static.igem.org/mediawiki/2018/thumb/2/26/T--Ecuador--Logo--Tukii.png/1024px-T--Ecuador--Logo--Tukii.png);
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
      background-size: 90%;
 +
      transition: 0.4s;
 +
      border-radius: 5px;
 +
    }
 +
#tukii:hover {
 +
      background-size: 93%;
 +
      cursor: pointer;
 +
    }
 +
#slider_Part_Law_2{
 +
max-width: 1200px;
 +
margin: 50px auto;
 +
}
  
 
   </style>
 
   </style>
−
  <div class="ecuador_menu">
+
      
−
     <a href="https://2018.igem.org/Team:Ecuador">
+
−
      <div class="ecuador_home">
+
−
        iGEM ECUADOR
+
−
      </div>
+
−
    </a>
+
−
    <div class="menu_options_container">
+
−
      <div id="project" class="menu_option">
+
−
        PROJECT
+
−
        <div class="menu_sub_options_container">
+
−
          <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Description">
+
−
            <div class="sub_menu_option">
+
−
              OVERVIEW
+
−
            </div>
+
−
          </a>
+
−
          <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Background">
+
−
            <div class="sub_menu_option">
+
−
              BACKGROUND
+
−
            </div>
+
−
          </a>
+
−
          <div class="sub_menu_option">
+
−
            MODELING
+
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            DESIGN
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
      <div id="people" class="menu_option">
+
−
        PEOPLE
+
−
        <div class="menu_sub_options_container">
+
−
          <div class="sub_menu_option">
+
−
            SPONSIRING
+
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            ATTRIBUTIONS
+
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            TEAM
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
      <div id="notebook" class="menu_option">
+
−
        NOTEBOOK
+
−
        <div class="menu_sub_options_container">
+
−
          <div class="sub_menu_option">
+
−
            LAB BOOK
+
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            PROTOCOLS
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
      <div id="human_practice" class="menu_option">
+
−
        HUMAN PRACTICE
+
−
        <div class="menu_sub_options_container">
+
−
          <div class="sub_menu_option">
+
−
            COLLABORATIONS
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
      <div id="parts" class="menu_option">
+
−
        PARTS
+
−
        <div class="menu_sub_options_container">
+
−
          <div class="sub_menu_option">
+
−
            LIST
+
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            COMPOSITE
+
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            BASIC
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
      <div id="safety" class="menu_option">
+
−
        SAFETY
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
 
   <div class="ecuador_home_content">
 
   <div class="ecuador_home_content">
 
     <div class="ecuador_team_icon">
 
     <div class="ecuador_team_icon">
−
 
+
<div id="slider_Part_Law_2">
 +
<img src="https://static.igem.org/mediawiki/2018/6/65/T--Ecuador--logo_clastin-2.png" height="80%" />
 +
<img data-src="https://static.igem.org/mediawiki/2018/3/33/T--Ecuador--Logo--003.png" src="" height="80%"/>
 +
<img data-src="https://static.igem.org/mediawiki/2018/3/33/T--Ecuador--jamboree.jpg" src="" height="80%"/>
 +
<img data-src="https://static.igem.org/mediawiki/2018/d/d5/T--Ecuador--group.jpeg" src="" height="80%"/>
 +
<img data-src="https://static.igem.org/mediawiki/2018/1/13/T--Ecuador--airp.jpeg" src="" height="80%"/>
 +
</div>
 
     </div>
 
     </div>
 
     <div onclick="scrollToDescriptionVideo()" class="ecuador_down_arrow_container">
 
     <div onclick="scrollToDescriptionVideo()" class="ecuador_down_arrow_container">
−
 
 
     </div>
 
     </div>
 
     <div id="ecuador_project_description_container" class="ecuador_project_description_container">
 
     <div id="ecuador_project_description_container" class="ecuador_project_description_container">
Line 659: Line 755:
 
       </div>
 
       </div>
 
       <div id="ecuador_description_abstract_text_container" class="ecuador_description_abstract_text_container">
 
       <div id="ecuador_description_abstract_text_container" class="ecuador_description_abstract_text_container">
−
         In this project a new biomaterial based on the cross-linking of bacterial cellulose (bacterial celluose, BC) and elastin-like polypeptides (Elastin like polypeptides, ELP) will be developed, for use in biomedical applications. The cross-linking of both materials will be carried out with synthetic biology techniques using the Escherichia coli bacterium as the expression system of the new biomaterial, and as a mediator of the cross-linking to two protein modules of the carbohydrate binding domain (carbohydrate binding domain, CBD) specific for cellulose and one module of bone morphogenic protein 2 (BMP-2).
+
         We are developing a novel biomaterial for biomedical applications based on the cross-linking of bacterial cellulose (BC) and a fusion protein with modules carbohydrate binding domain (CBD) for binding to cellulose, elastin-like polypeptides (ELP) and bone morphogenic protein 2 (BMP-2). The production of this biomaterial is being carried out with synthetic biology techniques using two  differents Escherichia coli expression systems. The first one produces bacterial celullose and the second one produces the fusion protein CBD-ELP-BMP2.  
 
         <br/>
 
         <br/>
 
         <br/>
 
         <br/>
−
         Bacterial cellulose will be used as a bandage matrix, due its biocompatibility in vivo with the body, moreover its ability to provide an optimal three-dimensional substrate for cell attachment and a microfibrillar structure that provides flexibility, and its high retention capacity of water and gas exchange, which allow it to obtain rapid rates of epithelization and tissue regeneration. CBDs are modules of proteins found in carbohydrate enzymes whose function is to bind to cellulose carbohydrate, allowing the ELP protein to give greater flexibility to the bandage, while the BMP2 protein, which is an inducer of cell differentiation in osteoblasts, will be responsible for reducing the recovery time of the bones.
+
          
 +
Bacterial cellulose is used as a matrix because of the biocompatibility with the human body and has the potential to regulate cell adhesion, that is an important characteristic to be used as a scaffold. ELP is a structural protein which confers new physicochemical characteristics to the biomaterial such us a transition temperature that allows the biomaterial to be as a hydrogel. On the other hand, the BMP2 protein, is an inducer of cell differentiation in osteoblasts, which confers bone tissue regeneration property.  
 +
 
 +
 
 
         <br/>
 
         <br/>
 
         <br/>
 
         <br/>
−
        To achieve the objective, the expression of the cellulose and the fusion protein in two bacteria will be carried out separately. For the synthesis of bacterial cellulose, an E. coli expression system will be used; introducing two plasmids: psb1C3 responsible for cellulose synthesis and psb1A3 responsible for the synthesis of the export system and overproduction. For the production of the fusion protein, plasmid psb1C3 will be used, which will contain the genes for the proteins CBD, ELP and BMP2
+
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 671: Line 770:
  
 
     </div>
 
     </div>
−
     <div class="ecuador_footer">
+
      
−
      <div class="ecuador_footer_igem_logo">
+
−
 
+
−
      </div>
+
−
      <div class="ecuador_footer_information_layout">
+
−
        <div class="ecuador_footer_information_container">
+
−
          <div class="ecuador_footer_information_title_container">
+
−
            SPONSORS
+
−
          </div>
+
−
        </div>
+
−
        <div class="ecuador_footer_information_container">
+
−
          <div class="ecuador_footer_information_title_container">
+
−
            FOLLOW US
+
−
            <div class="ecuador_follow_us_icons_container">
+
−
              <div id="facebook" class="ecuador_follow_us_icon">
+
−
 
+
−
              </div>
+
−
              <div id="instagram" class="ecuador_follow_us_icon">
+
−
 
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
−
        </div>
+
−
        <div class="ecuador_footer_information_container">
+
−
          <div class="ecuador_footer_information_title_container">
+
−
            CONTACT US
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
 
+
  
 +
<script>
 +
 +
var slider_Part_Law_2 = new IdealImageSlider.Slider({
 +
selector: '#slider_Part_Law_2',
 +
height: 600, // Required but can be set by CSS
 +
initialHeight: 600,
 +
maxHeight: 750,
 +
interval: 4000
 +
});
 +
//slider_Part_Law_2.addCaptions();
 +
slider_Part_Law_2.start();
 +
 +
</script>
 
   <script type="text/javascript">
 
   <script type="text/javascript">
  
Line 737: Line 818:
  
 
   </script>
 
   </script>
 +
  
 
</html>
 
</html>
 +
{{Ecuador/footer}}

Latest revision as of 18:26, 25 November 2018

iGEM ECUADOR
IdealImageSlider Captions Extension v1.0.1
What is C-lastin?
Know our idea
About our project
We are developing a novel biomaterial for biomedical applications based on the cross-linking of bacterial cellulose (BC) and a fusion protein with modules carbohydrate binding domain (CBD) for binding to cellulose, elastin-like polypeptides (ELP) and bone morphogenic protein 2 (BMP-2). The production of this biomaterial is being carried out with synthetic biology techniques using two differents Escherichia coli expression systems. The first one produces bacterial celullose and the second one produces the fusion protein CBD-ELP-BMP2.

Bacterial cellulose is used as a matrix because of the biocompatibility with the human body and has the potential to regulate cell adhesion, that is an important characteristic to be used as a scaffold. ELP is a structural protein which confers new physicochemical characteristics to the biomaterial such us a transition temperature that allows the biomaterial to be as a hydrogel. On the other hand, the BMP2 protein, is an inducer of cell differentiation in osteoblasts, which confers bone tissue regeneration property.

SPONSORS
FOLLOW US
CONTACT US
biosin.espe@outlook.es

UNIVERSIDAD DE LAS FUERZAS ARMADAS ESPE.
Ecuador,Sangolquí, Av. General Rumiñahui s/n y Ambato