Difference between revisions of "Team:Ecuador"

 
(98 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=Questrial');
+
 
     *{
 
     *{
 
         margin: 0px;
 
         margin: 0px;
−
         font-family: 'Questrial', sans-serif;
+
         font-family: 'Raleway', sans-serif;
 +
    }
 +
  @keyframes slide-in {
 +
    from {
 +
      margin-left: -100%;
 +
      border-bottom-right-radius: 30px;
 +
      border-top-right-radius: 30px;
 
     }
 
     }
−
    @keyframes slide-in {
 
−
      from {
 
−
        margin-left: -100%;
 
−
        border-bottom-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 fade-in {
+
  @keyframes slide-in-menu {
−
      from {
+
    from {
−
        opacity: 0;
+
      margin-left: -120%;
−
      }
+
      border-bottom-right-radius: 30px;
 +
      border-top-right-radius: 30px;
 +
      opacity: 0.5;
 +
    }
  
−
      to {
+
    to {
−
        opacity: 1;
+
      margin-left: 0%;
−
       }
+
       border-bottom-right-radius: 0;
 +
      border-top-right-radius: 0px;
 +
      opacity: 1;
 
     }
 
     }
−
     .igem_2018_team_menu.displaying_menu {
+
  }
−
       display: none;
+
 
 +
  @keyframes fade-in {
 +
     from {
 +
       opacity: 0;
 
     }
 
     }
−
     .ecuador_menu {
+
 
−
       width: 100%;
+
     to {
−
      height: 100px;
+
       opacity: 1;
−
      position: fixed;
+
−
      left: 0px;
+
−
      top: 15px;
+
−
      background-color: #FFFFFF;
+
−
      animation-name: fade-in;
+
−
      animation-duration: 2s;
+
−
      -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);
+
−
      box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
−
      display: flex;
+
−
      z-index: 5;
+
 
     }
 
     }
 +
  }
 +
 +
  @keyframes slide-in-oposite {
 +
    from {
 +
      margin-left: 100%;
 +
    }
 +
 +
    to {
 +
      margin-left: 0%;
 +
    }
 +
  }
 +
 +
  @keyframes slide-in-up {
 +
    from {
 +
      margin-top: 100%;
 +
    }
 +
 +
    to {
 +
      margin-left: 0%;
 +
    }
 +
  }
 +
 +
  @keyframes slide-in-up-oposite {
 +
    from {
 +
      margin-top: -100%;
 +
    }
 +
 +
    to {
 +
      margin-left: 0%;
 +
    }
 +
  }
 +
  .igem_2018_team_menu.displaying_menu {
 +
    display: none;
 +
  }
 +
    .ecuador_menu {
 +
    font-size: 14px;
 +
    width: 100%;
 +
    height: 80px;
 +
    position: fixed;
 +
    left: 0px;
 +
    top: 15px;
 +
    background-color: #2471A3;
 +
    animation-name: fade-in;
 +
    animation-duration: 2s;
 +
    -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);
 +
    box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
 +
    display: flex;
 +
    z-index: 5;
 +
  }
  
 
     .ecuador_home {
 
     .ecuador_home {
Line 55: Line 102:
 
       display: flex;
 
       display: flex;
 
       justify-content: center;
 
       justify-content: center;
−
       background-color: #154360;
+
       background-color: #1F618D;
 
       position: absolute;
 
       position: absolute;
 
       align-items: center;
 
       align-items: center;
Line 62: Line 109:
 
       color: #FFF;
 
       color: #FFF;
 
       transition: 0.5s;
 
       transition: 0.5s;
−
       -webkit-box-shadow: inset -60px -33px 154px -24px rgba(33,47,60,1);
+
       -webkit-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
−
       -moz-box-shadow: inset -60px -33px 154px -24px rgba(33,47,60,1);
+
       -moz-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
−
       box-shadow: inset -60px -33px 154px -24px rgba(33,47,60,1);
+
       box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 +
      z-index: 10;
 +
 
     }
 
     }
  
 
     .ecuador_home:hover {
 
     .ecuador_home:hover {
 
       cursor: pointer;
 
       cursor: pointer;
−
       font-size: 15px;
+
       font-size: 16px;
−
       background-color: #154360;
+
       background-color: #1A5276;
 
       box-shadow: none;
 
       box-shadow: none;
 
     }
 
     }
  
 
     .menu_options_container {
 
     .menu_options_container {
−
      width: 79%;
+
    width: 79%;
−
      height: 50px;
+
    height: 50px;
 +
    position: absolute;
 +
    left: 19%;
 +
    top: 15px;
 +
    display: flex;
 +
    justify-content: center;
 +
  }
 +
 
 +
  .menu_option {
 +
    width: 14.28%;
 +
    height: 100%;
 +
    position: relative;
 +
    justify-content: center;
 +
    align-items: center;
 +
    display: flex;
 +
    color: #FFFFFF;
 +
    transition: 0.2s;
 +
    text-align: center;
 +
  }
 +
 
 +
    #project {
 +
    animation-name: slide-in-up-oposite;
 +
    animation-duration: 0.5s;
 +
    animation-delay: 0.5s;
 +
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
    left: 0%;
 +
    z-index: 9;
 +
  }
 +
 
 +
  #parts {
 +
    animation-name: slide-in-up-oposite;
 +
    animation-duration: 0.5s;
 +
    animation-delay: 0.6s;
 +
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
    left: 12.5%;
 +
    z-index: 9;
 +
  }
 +
 
 +
  #human_practice {
 +
    animation-name: slide-in-up-oposite;
 +
    animation-duration: 0.5s;
 +
    animation-delay: 0.7s;
 +
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
    left: 25%;
 +
    z-index: 9;
 +
  }
 +
 
 +
  #safety {
 +
    animation-name: slide-in-up-oposite;
 +
    animation-duration: 0.5s;
 +
    animation-delay: 0.8s;
 +
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
    left: 37.5%;
 +
    z-index: 9;
 +
  }
 +
 
 +
  #interlab {
 +
    animation-name: slide-in-up-oposite;
 +
    animation-duration: 0.5s;
 +
    animation-delay: 0.9s;
 +
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
    left: 50%;
 +
    z-index: 9;
 +
  }
 +
 
 +
  #judging_forms {
 +
    animation-name: slide-in-up-oposite;
 +
    animation-duration: 0.5s;
 +
    animation-delay: 1s;
 +
    animation-fill-mode: backwards;
 +
 
 +
    position: absolute;
 +
    left: 62.5%;
 +
    z-index: 9;
 +
  }
 +
 
 +
  #team {
 +
    animation-name: slide-in-up-oposite;
 +
    animation-duration: 0.5s;
 +
    animation-delay: 1.1s;
 +
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
    left: 75%;
 +
    z-index: 9;
 +
  }
 +
#atributions {
 +
    animation-name: slide-in-up-oposite;
 +
    animation-duration: 0.5s;
 +
    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 {
 +
    margin-top: 3px;
 +
    cursor: pointer;
 +
  }
 +
 
 +
  .menu_option:hover div.menu_sub_options_container{
 +
    display: block;
 +
  }
 +
 
 +
  .menu_sub_options_container {
 +
    width: 100%;
 +
    height: auto;
 +
    position: absolute;
 +
    top: 50px;
 +
    display: none;
 +
  }
 +
 
 +
    .sub_menu_option {
 +
    width: 100%;
 +
    height: 40px;
 +
    position: relative;
 +
    text-align: left;
 +
    text-indent: 20px;
 +
    display: flex;
 +
    background-color: #000;
 +
    margin: auto auto;
 +
    align-items: center;
 +
    transition: 0.2s;
 +
    color: #D5DBDB;
 +
  }
 +
 
 +
  .sub_menu_option:hover {
 +
    text-indent: 15px;
 +
    background-color: #2E86C1;
 +
  }
 +
 
 +
    .ecuador_footer {
 +
      width: 100%;
 +
      height: 250px;
 +
      position: relative;
 +
      left: 0px;
 +
      background-color: #212F3C;
 +
    }
 +
 
 +
    .ecuador_footer_igem_logo {
 +
      width: 180px;
 +
      height: 180px;
 +
      position: absolute;
 +
      right: 80px;
 +
      top: 35px;
 +
      background-image: url(https://static.igem.org/mediawiki/2018/5/55/T--Ecuador--iGEM--Logo--Black.png);
 +
      background-size: 100%;
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
    }
 +
 
 +
    .ecuador_footer_information_layout {
 +
      width: 75%;
 +
      height: 80%;
 
       position: absolute;
 
       position: absolute;
−
       left: 19%;
+
       left: 60px;
−
       top: 25px;
+
       top: 15%;
 
       display: flex;
 
       display: flex;
−
      justify-content: center;
 
 
     }
 
     }
  
−
     .menu_option {
+
     .ecuador_footer_information_container {
−
       width: 16.66%;
+
       width: 33.33%;
 
       height: 100%;
 
       height: 100%;
 
       position: relative;
 
       position: relative;
−
      justify-content: center;
+
    }
−
       align-items: center;
+
 
−
       display: flex;
+
    .ecuador_footer_information_title_container {
−
       color: #797D7F;
+
       width: 100%;
−
       transition: 0.2s;
+
       height: 25px;
 +
       position: relative;
 +
       top: 0px;
 
       text-align: center;
 
       text-align: center;
 +
      font-size: 20px;
 +
      font-weight: bold;
 +
      color: #B2BABB;
 
     }
 
     }
  
−
     .menu_option:hover {
+
     .ecuador_follow_us_icons_container {
−
       margin-top: 3px;
+
width: 50%;
 +
height: 60px;
 +
position: relative;
 +
top: 40px;
 +
margin: auto;
 +
display: flex;
 +
    }
 +
.ecuador_information_data_container{
 +
width: 50%;
 +
      height: 60px;
 +
      position: relative;
 +
      top: 55px;
 +
       margin: auto;
 +
      display: flex;
 +
}
 +
 
 +
    .ecuador_follow_us_icon {
 +
      width: 70px;
 +
      height: 60px;
 +
      position: relative;
 +
      margin: auto;
 +
    }
 +
 
 +
    #facebook {
 +
      background-image: url(https://static.igem.org/mediawiki/2018/4/42/T--Ecuador--Facebook.png);
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
      background-size: 80%;
 +
      transition: 0.4s;
 +
      border-radius: 5px;
 +
    }
 +
 
 +
    #facebook:hover {
 +
      background-image: url(https://static.igem.org/mediawiki/2018/4/40/T--Ecuador--Facebook--White.png);
 
       cursor: pointer;
 
       cursor: pointer;
 
     }
 
     }
  
−
     .menu_option:hover div.menu_sub_options_container{
+
     #instagram {
−
       display: block;
+
      background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Ecuador--Instagram.png);
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
      background-size: 80%;
 +
      transition: 0.4s;
 +
       border-radius: 5px;
 
     }
 
     }
  
−
     .menu_sub_options_container {
+
    #instagram:hover {
−
       width: 90%;
+
      background-image: url(https://static.igem.org/mediawiki/2018/4/49/T--Ecuador--Instagram--White.png);
−
       height: auto;
+
      cursor: pointer;
−
       position: absolute;
+
    }
−
       top: 50px;
+
 
 +
     .ecuador_down_arrow_container {
 +
       width: 130px;
 +
      height: 130px;
 +
      position: relative;
 +
      bottom: 180px;
 +
      left: 85%;
 +
      background-image: url(https://static.igem.org/mediawiki/2018/d/db/T--Ecuador--Down--Arrow.png);
 +
      background-position: center;
 +
      background-repeat: no-repeat;
 +
      background-size: 65%;
 +
      animation-name: fade-in;
 +
      animation-duration: 1s;
 +
      animation-fill-mode: backwards;
 +
      animation-delay: 3s;
 +
      transition: 0.5s;
 +
    }
 +
 
 +
    .ecuador_down_arrow_container:hover {
 +
      transform: scale(1.20);
 +
      cursor: pointer;
 +
    }
 +
 
 +
    .ecuador_team_icon {
 +
      width: 100%;
 +
       height: 750px;
 +
       position: relative;
 +
      left: 0px;
 +
      top: 0px;
 +
       margin-top: 10px;
 
       background-color: #FFF;
 
       background-color: #FFF;
−
       border-top: solid 1px;
+
        
−
       display: none;
+
      background-position: center;
 +
       background-repeat: no-repeat;
 +
      background-size: 70%;
 +
      animation-name: fade-in;
 +
      animation-duration: 4s;
 
     }
 
     }
  
−
     .sub_menu_option {
+
     .ecuador_project_description_container {
 
       width: 100%;
 
       width: 100%;
−
       height: 40px;
+
       height: 800px;
 +
      background-color: #333333;
 
       position: relative;
 
       position: relative;
−
       text-align: left;
+
       transform: skewY(2deg);
−
      text-indent: 20px;
+
 
       display: flex;
 
       display: flex;
−
      background-color: #000;
 
−
      margin: auto auto;
 
−
      align-items: center;
 
−
      transition: 0.2s;
 
−
      color: #D5DBDB;
 
 
     }
 
     }
  
−
     .sub_menu_option:hover {
+
     .ecuador_proyect_description_text_container {
−
       text-indent: 25px;
+
       transform: skewY(-2deg);
 +
      width: 40%;
 +
      height: 50%;
 +
      position: relative;
 +
      margin-top: 170px;
 +
      justify-content: center;
 
     }
 
     }
  
−
     .ecuador_video_layout {
+
     .ecuador_project_description_video_container {
 +
      width: 60%;
 +
      height: 70%;
 +
      transform: skewY(-2deg);
 +
      position: relative;
 +
      margin-top: 90px;
 +
    }
 +
 
 +
    .ecuador_home_content {
 
       width: 100%;
 
       width: 100%;
−
       height: 900px;
+
       height: auto;
 
       position: absolute;
 
       position: absolute;
 
       left: 0px;
 
       left: 0px;
−
      top: 125px;
 
−
      background-color: #0F1010;
 
 
     }
 
     }
  
−
     .ecuador_home_info {
+
     .ecuador_proyect_description_main_text_container {
 +
      width: 80%;
 +
      height: auto;
 +
      margin: auto;
 +
      margin-top: 100px;
 +
      color: #FFF;
 +
      font-size: 60px;
 +
      text-align: center;
 +
      text-indent: 20px;
 +
      animation-name: fade-in;
 +
      animation-duration: 1s;
 +
      animation-delay: 0.1s;
 +
      animation-fill-mode: backwards;
 +
      display: none;
 +
    line-height: 1;
 +
    }
 +
 
 +
    .ecuador_proyect_description_sub_text_container {
 +
      width: 40%;
 +
      height: auto;
 +
      margin: auto;
 +
      margin-top: 60px;
 +
      color: #FFF;
 +
      font-size: 30px;
 +
      text-align: center;
 +
      text-indent: 20px;
 +
      animation-name: fade-in;
 +
      animation-duration: 1s;
 +
      animation-delay: 0.5s;
 +
      animation-fill-mode: backwards;
 +
      display: none;
 +
    line-height: 1;
 +
    }
 +
    .ecuador_down_arrow_container_description {
 +
      width: 130px;
 +
      height: 130px;
 +
      position: absolute;
 +
      left: 100px;
 +
      bottom: 180px;
 +
      background-image: url(https://static.igem.org/mediawiki/2018/d/db/T--Ecuador--Down--Arrow.png);
 +
      background-position: center;
 +
      background-repeat: no-repeat;
 +
      background-size: 65%;
 +
      animation-name: fade-in;
 +
      animation-duration: 1s;
 +
      animation-fill-mode: backwards;
 +
      animation-delay: 1.5s;
 +
      transition: 0.5s;
 +
      transform: scaleX(-1);
 +
      display: none;
 +
    }
 +
 
 +
    .ecuador_down_arrow_container_description:hover {
 +
      bottom: 170px;
 +
      cursor: pointer;
 +
    }
 +
 
 +
    .ecuador_description_abstract_container {
 
       width: 100%;
 
       width: 100%;
−
       height: 500px;
+
       height: 720px;
−
       background-color: #1A5276;
+
      position: relative;
 +
      transform: skewY(-2deg);
 +
      display: block;
 +
       background-color: #23496E;
 +
      margin-top: -70px;
 +
      z-index: 2;
 +
    }
 +
 
 +
    .ecuador_description_abstract_container_title {
 +
      transform: skewY(2deg);
 +
      width: 100%;
 +
      height: auto;
 +
      position: relative;
 +
      font-size: 40px;
 +
      display: flex;
 +
      justify-content: center;
 +
      color: #FFF;
 +
      top: 100px;
 +
      animation-name: fade-in;
 +
      animation-duration: 1s;
 +
      animation-fill-mode: backwards;
 +
      text-align: center;
 +
      display: none;
 +
    }
 +
 
 +
    .ecuador_description_abstract_text_container {
 +
      width: 80%;
 +
      height: auto;
 +
      transform: skewY(2deg);
 +
      top: 160px;
 +
      color: #FFF;
 +
      font-size: 20px;
 +
      position: relative;
 +
      margin: auto;
 +
      text-align: justify;
 +
      animation-name: fade-in;
 +
      animation-duration: 1s;
 +
      animation-delay: 0.75s;
 +
      animation-fill-mode: backwards;
 +
      display: none;
 +
line-height: 2.6;
 +
    }
 +
 
 +
    .ecuador_description_separator {
 +
      width: 100%;
 +
      height: 250px;
 +
      background-color: #23496E;
 +
      position: relative;
 +
      margin-top: -100px;
 +
      z-index: 1;
 +
    }
 +
 
 +
    .description_video {
 
       position: absolute;
 
       position: absolute;
−
       left: 0px;
+
       right: 200px;
−
       top: 1000px;
+
       top: 80px;
 +
      width: 60%;
 +
      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">
+
   
−
     <div class="ecuador_home">
+
   <div class="ecuador_home_content">
−
      iGEM ECUADOR
+
     <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 class="menu_options_container">
+
     <div onclick="scrollToDescriptionVideo()" class="ecuador_down_arrow_container">
−
      <div id="proyect" class="menu_option">
+
    </div>
−
        PROJECT
+
    <div id="ecuador_project_description_container" class="ecuador_project_description_container">
−
        <div class="menu_sub_options_container">
+
      <div class="ecuador_proyect_description_text_container">
−
          <div class="sub_menu_option">
+
        <div id="ecuador_proyect_description_main_text_container" class="ecuador_proyect_description_main_text_container">
−
            MODELING
+
           What is C-lastin?
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            DESIGN
+
−
           </div>
+
−
          <div class="sub_menu_option">
+
−
            BACKGROUND
+
−
          </div>
+
 
         </div>
 
         </div>
−
      </div>
+
        <div id="ecuador_proyect_description_sub_text_container" class="ecuador_proyect_description_sub_text_container">
−
      <div id="people" class="menu_option">
+
           Know our idea
−
        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>
 
       </div>
−
       <div id="notebook" class="menu_option">
+
       <div class="ecuador_project_description_video_container">
−
        NOTEBOOK
+
         <video class="description_video" controls>
−
         <div class="menu_sub_options_container">
+
           <source src="https://static.igem.org/mediawiki/2018/9/91/T--Ecuador--Description--video.mp4" type="video/mp4">
−
           <div class="sub_menu_option">
+
         </video>
−
            LAB BOOK
+
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            PROTOCOLS
+
−
          </div>
+
−
         </div>
+
 
       </div>
 
       </div>
−
       <div id="human_practice" class="menu_option">
+
       <div id="ecuador_down_arrow_container_description" onclick="scrollToAbstract()" class="ecuador_down_arrow_container_description">
−
        HUMAN PRACTICE
+
 
−
        <div class="menu_sub_options_container">
+
−
          <div class="sub_menu_option">
+
−
            COLLABORATIONS
+
−
          </div>
+
−
        </div>
+
 
       </div>
 
       </div>
−
      <div id="parts" class="menu_option">
+
    </div>
−
        PARTS
+
    <div id="ecuador_description_abstract_container" class="ecuador_description_abstract_container">
−
        <div class="menu_sub_options_container">
+
      <div id="ecuador_description_abstract_container_title" class="ecuador_description_abstract_container_title">
−
          <div class="sub_menu_option">
+
         About our project
−
            LIST
+
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            COMPOSITE
+
−
          </div>
+
−
          <div class="sub_menu_option">
+
−
            BASIC
+
−
          </div>
+
−
         </div>
+
 
       </div>
 
       </div>
−
       <div id="safety" class="menu_option">
+
       <div id="ecuador_description_abstract_text_container" class="ecuador_description_abstract_text_container">
−
         SAFETY
+
         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/>
 +
       
 +
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/>
 +
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
−
  </div>
+
    <div class="ecuador_description_separator">
−
   <div class="ecuador_video_layout">
+
 
 +
    </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">
 +
 
 +
 
 +
  function scrollToDescriptionVideo() {
 +
    var divScrollY = document.getElementById("ecuador_project_description_container").offsetTop;
 +
    window.scroll({
 +
      top: divScrollY - 40,
 +
      left: 0,
 +
      behavior: 'smooth'
 +
    });
 +
  }
 +
 
 +
  function scrollToAbstract() {
 +
    var divScrollY = document.getElementById("ecuador_description_abstract_container").offsetTop;
 +
    window.scroll({
 +
      top: divScrollY - 40,
 +
      left: 0,
 +
      behavior: 'smooth'
 +
    });
 +
  }
 +
 
 +
  document.getElementById("ecuador_description_abstract_container").onmouseover = function () {
 +
    document.getElementById("ecuador_description_abstract_container_title").style.display = "block";
 +
    document.getElementById("ecuador_description_abstract_text_container").style.display = "block";
 +
  }
 +
 
 +
  document.getElementById("ecuador_project_description_container").onmouseover = function () {
 +
    document.getElementById("ecuador_proyect_description_main_text_container").style.display = "block";
 +
    document.getElementById("ecuador_proyect_description_sub_text_container").style.display = "block";
 +
    document.getElementById("ecuador_down_arrow_container_description").style.display = "block";
 +
  }
 +
 
 +
  </script>
  
−
  </div>
 
−
  <div class="ecuador_home_info">
 
  
−
  </div>
 
 
</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