Difference between revisions of "Team:Ecuador/Interlab"

Line 1: Line 1:
 
{{Ecuador}}
 
{{Ecuador}}
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>C-lastin, Interlab</title>
 
<style>
 
<style>
−
  @import url('https://fonts.googleapis.com/css?family=Raleway');
+
@charset "utf-8";
 +
/* CSS Document */
 +
@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 {
+
      
−
     from {
+
−
      margin-left: -100%;
+
.ecuador_menu {
−
      border-bottom-right-radius: 30px;
+
−
      border-top-right-radius: 30px;
+
−
    }
+
−
 
+
−
    to {
+
−
      margin-left: 0%;
+
−
      border-bottom-right-radius: 0;
+
−
      border-top-right-radius: 0px;
+
−
    }
+
−
  }
+
−
 
+
−
  @keyframes slide-in-menu {
+
−
    from {
+
−
      margin-left: -120%;
+
−
      border-bottom-right-radius: 30px;
+
−
      border-top-right-radius: 30px;
+
−
      opacity: 0.5;
+
−
    }
+
−
 
+
−
    to {
+
−
      margin-left: 0%;
+
−
      border-bottom-right-radius: 0;
+
−
      border-top-right-radius: 0px;
+
−
      opacity: 1;
+
−
    }
+
−
  }
+
−
 
+
−
  @keyframes fade-in {
+
−
    from {
+
−
      opacity: 0;
+
−
    }
+
−
 
+
−
    to {
+
−
      opacity: 1;
+
−
    }
+
−
  }
+
−
 
+
−
  @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;
 
     font-size: 14px;
 
     width: 100%;
 
     width: 100%;
Line 96: Line 31:
 
   }
 
   }
  
−
  .ecuador_home {
+
    .ecuador_home {
−
    width: 16%;
+
      width: 16%;
−
    height: 100%;
+
      height: 100%;
−
    display: flex;
+
      display: flex;
−
    justify-content: center;
+
      justify-content: center;
−
    background-color: #1F618D;
+
      background-color: #1F618D;
−
    position: absolute;
+
      position: absolute;
−
    align-items: center;
+
      align-items: center;
−
    margin: auto auto;
+
      margin: auto auto;
−
    left: 1.5%;
+
      left: 1.5%;
−
    color: #FFF;
+
      color: #FFF;
−
    transition: 0.5s;
+
      transition: 0.5s;
−
    -webkit-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
+
      -webkit-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
−
    -moz-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
+
      -moz-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);
+
      box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
−
    z-index: 10;
+
      z-index: 10;
−
  }
+
 +
    }
  
−
  .ecuador_home:hover {
+
    .ecuador_home:hover {
−
    cursor: pointer;
+
      cursor: pointer;
−
    font-size: 16px;
+
      font-size: 16px;
−
    background-color: #1A5276;
+
      background-color: #1A5276;
−
    box-shadow: none;
+
      box-shadow: none;
−
  }
+
    }
  
−
  .menu_options_container {
+
    .menu_options_container {
 
     width: 79%;
 
     width: 79%;
 
     height: 50px;
 
     height: 50px;
Line 143: Line 79:
 
   }
 
   }
  
−
  #project {
+
    #project {
 
     animation-name: slide-in-up-oposite;
 
     animation-name: slide-in-up-oposite;
 
     animation-duration: 0.5s;
 
     animation-duration: 0.5s;
Line 153: Line 89:
 
   }
 
   }
  
−
   #people {
+
   #parts {
 
     animation-name: slide-in-up-oposite;
 
     animation-name: slide-in-up-oposite;
 
     animation-duration: 0.5s;
 
     animation-duration: 0.5s;
Line 159: Line 95:
 
     animation-fill-mode: backwards;
 
     animation-fill-mode: backwards;
 
     position: absolute;
 
     position: absolute;
−
     left: 14.28%;
+
     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;
Line 169: Line 105:
 
     animation-fill-mode: backwards;
 
     animation-fill-mode: backwards;
 
     position: absolute;
 
     position: absolute;
−
     left: 28.56%;
+
     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;
Line 179: Line 115:
 
     animation-fill-mode: backwards;
 
     animation-fill-mode: backwards;
 
     position: absolute;
 
     position: absolute;
−
     left: 42.84%;
+
     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;
Line 189: Line 125:
 
     animation-fill-mode: backwards;
 
     animation-fill-mode: backwards;
 
     position: absolute;
 
     position: absolute;
−
     left: 57.12%;
+
     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;
 
     position: absolute;
−
     left: 71.40%;
+
     left: 62.5%;
 
     z-index: 9;
 
     z-index: 9;
 
   }
 
   }
  
−
   #interlab {
+
   #team {
 
     animation-name: slide-in-up-oposite;
 
     animation-name: slide-in-up-oposite;
 
     animation-duration: 0.5s;
 
     animation-duration: 0.5s;
Line 209: Line 146:
 
     animation-fill-mode: backwards;
 
     animation-fill-mode: backwards;
 
     position: absolute;
 
     position: absolute;
−
     left: 85.68%;
+
     left: 75%;
 
     z-index: 9;
 
     z-index: 9;
 
   }
 
   }
−
 
+
#atributions {
−
   .ecuador_href_text {
+
    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;
 
     width: 14.28% !important;
 
     height: 100% !important;
 
     height: 100% !important;
Line 234: Line 179:
 
     text-indent: 20px !important;
 
     text-indent: 20px !important;
 
     display: flex !important;
 
     display: flex !important;
−
     background-color: #000 !important;
+
     background-color: #FFF !important;
 
     margin: auto auto !important;
 
     margin: auto auto !important;
 
     align-items: center !important;
 
     align-items: center !important;
Line 242: Line 187:
 
   }
 
   }
  
−
  .menu_option:hover {
+
    .menu_option:hover {
 
     margin-top: 3px;
 
     margin-top: 3px;
 
     cursor: pointer;
 
     cursor: pointer;
Line 252: Line 197:
  
 
   .menu_sub_options_container {
 
   .menu_sub_options_container {
−
     width: 90%;
+
     width: 100%;
 
     height: auto;
 
     height: auto;
 
     position: absolute;
 
     position: absolute;
Line 259: Line 204:
 
   }
 
   }
  
−
  .sub_menu_option {
+
    .sub_menu_option {
 
     width: 100%;
 
     width: 100%;
 
     height: 40px;
 
     height: 40px;
Line 274: Line 219:
  
 
   .sub_menu_option:hover {
 
   .sub_menu_option:hover {
−
    text-indent: 25px;
+
text-indent: 71px;
−
    background-color: #2E86C1;
+
background-color: #2E86C1;
 
   }
 
   }
−
 
+
.ecuador_footer {
−
  .ecuador_footer {
+
      width: 100%;
−
    width: 100%;
+
      height: 250px;
−
    height: 250px;
+
      position: relative;
−
    position: relative;
+
      left: 0px;
−
    left: 0px;
+
      background-color: #212F3C;
−
    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;
+
−
    left: 60px;
+
−
    top: 15%;
+
−
    display: flex;
+
−
  }
+
−
 
+
−
  .ecuador_footer_information_container {
+
−
    width: 33.33%;
+
−
    height: 100%;
+
−
    position: relative;
+
−
  }
+
−
 
+
−
  .ecuador_footer_information_title_container {
+
−
    width: 100%;
+
−
    height: 25px;
+
−
    position: relative;
+
−
    top: 0px;
+
−
    text-align: center;
+
−
    font-size: 20px;
+
−
    font-weight: bold;
+
−
    color: #B2BABB;
+
−
  }
+
−
 
+
−
  .ecuador_follow_us_icons_container {
+
−
    width: 50%;
+
−
    height: 60px;
+
−
    position: relative;
+
−
    top: 40px;
+
−
    margin: auto;
+
−
    display: flex;
+
−
  }
+
−
 
+
−
  .ecuador_follow_us_icon {
+
−
    width: 60px;
+
−
    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;
+
−
  }
+
−
 
+
−
  #instagram {
+
−
    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;
+
−
  }
+
−
 
+
−
  #instagram:hover {
+
−
    background-image: url(https://static.igem.org/mediawiki/2018/4/49/T--Ecuador--Instagram--White.png);
+
−
    cursor: pointer;
+
−
  }
+
−
 
+
−
  .ecuador_interlab_container {
+
−
    width: 100%;
+
−
    height: 600px;
+
−
    position: relative;
+
−
    top: 100px;
+
−
  }
+
−
 
+
−
  .ecuador_interlab_title {
+
−
    width: 100%;
+
−
    height: 70px;
+
−
    position: absolute;
+
−
    margin: auto;
+
−
    color: #141515;
+
−
    font-size: 60px;
+
−
    font-weight: 500;
+
−
    display: flex;
+
−
    justify-content: center;
+
−
    align-items: center;
+
−
    animation-name: fade-in;
+
−
    animation-duration: 1.5s;
+
−
    animation-fill-mode: backwards;
+
−
    animation-delay: 0.5s;
+
−
    top: 40px;
+
−
  }
+
−
 
+
−
  .ecuador_interlab_content {
+
−
    width: 100%;
+
−
    height: auto;
+
−
    position: absolute;
+
−
    left: 0px;
+
−
  }
+
−
 
+
−
  @media only screen and (max-device-width: 600px) {
+
−
    .ecuador_team_icon {
+
−
        display: none;
+
 
     }
 
     }
  
−
     .ecuador_proyect_description_text_container {
+
     .ecuador_footer_igem_logo {
−
       width: 0%;
+
       width: 180px;
−
       display: none;
+
      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_project_description_video_container {
+
     .ecuador_footer_information_layout {
−
       width: 100%;
+
       width: 75%;
 +
      height: 80%;
 +
      position: absolute;
 +
      left: 60px;
 +
      top: 15%;
 +
      display: flex;
 
     }
 
     }
  
−
     .ecuador_down_arrow_container_description {
+
     .ecuador_footer_information_container {
−
       display: none;
+
       width: 33.33%;
−
       width: 0%;
+
       height: 100%;
 +
      position: relative;
 
     }
 
     }
  
−
     .ecuador_down_arrow_container {
+
     .ecuador_footer_information_title_container {
−
       display: none;
+
       width: 100%;
−
       width: 0%;
+
       height: 25px;
 +
      position: relative;
 +
      top: 0px;
 +
      text-align: center;
 +
      font-size: 20px;
 +
      font-weight: bold;
 +
      color: #B2BABB;
 
     }
 
     }
  
−
     .ecuador_project_description_container {
+
     .ecuador_follow_us_icons_container {
−
      height: 600px;
+
width: 50%;
 +
height: 60px;
 +
position: relative;
 +
top: 40px;
 +
margin: auto;
 +
display: flex;
 
     }
 
     }
 +
.ecuador_information_data_container{
 +
width: 80%;
 +
      height: 60px;
 +
      position: relative;
 +
      top: 25px;
 +
      margin: auto;
 +
      display: flex;
 +
font-size: 17px;
 +
}
  
−
     .description_video {
+
     .ecuador_follow_us_icon {
 +
      width: 70px;
 +
      height: 60px;
 
       position: relative;
 
       position: relative;
−
       width: 60%;
+
       margin: auto;
−
      height: 95%;
+
−
      left: 1%;
+
 
     }
 
     }
  
−
     .ecuador_description_abstract_text_container {
+
     #facebook {
−
       display: block;
+
       background-image: url(https://static.igem.org/mediawiki/2018/4/42/T--Ecuador--Facebook.png);
−
       font-size: 14px;
+
       background-repeat: no-repeat;
 +
      background-position: center;
 +
      background-size: 80%;
 +
      transition: 0.4s;
 +
      border-radius: 5px;
 
     }
 
     }
  
−
     .ecuador_description_abstract_container_title {
+
     #facebook:hover {
−
       display: block;
+
       background-image: url(https://static.igem.org/mediawiki/2018/4/40/T--Ecuador--Facebook--White.png);
 +
      cursor: pointer;
 
     }
 
     }
  
−
     .ecuador_project_description_video_container {
+
     #instagram {
−
       width: 100%;
+
       background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Ecuador--Instagram.png);
−
       height: 300px;
+
       background-repeat: no-repeat;
−
       justify-content: center;
+
       background-position: center;
−
       display: flex;
+
       background-size: 80%;
 +
      transition: 0.4s;
 +
      border-radius: 5px;
 
     }
 
     }
  
−
     .menu_options_container {
+
     #instagram:hover {
−
        display: none;
+
      background-image: url(https://static.igem.org/mediawiki/2018/4/49/T--Ecuador--Instagram--White.png);
 +
      cursor: pointer;
 
     }
 
     }
  
−
    .ecuador_home {
+
.ecuador_sponsors_icons_container {
−
      font-size: 12px;
+
width: 100%;
 +
height: 60px;
 +
position: relative;
 +
top: 40px;
 +
margin-top: auto;
 +
margin-right: auto;
 +
margin-left: auto;
 +
margin-bottom: auto;
 +
display: flex;
 
     }
 
     }
−
 
+
.ecuador_sponsors_icon {
−
    .ecuador_description_abstract_container {
+
width: 60px;
−
      height: 1400px;
+
height: 60px;
 +
position: relative;
 +
margin-right: 4px;
 +
margin-left: 4px;
 
     }
 
     }
−
 
+
#ing_bio{
−
     .ecuador_footer {
+
      background-image: url(https://static.igem.org/mediawiki/2018/thumb/1/17/T--Ecuador--Logo--BIO.png/902px-T--Ecuador--Logo--BIO.png);
−
       display: none;
+
      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;
 
     }
 
     }
−
  }
 
  
 +
@charset "utf-8";
 +
/* CSS Document */
 +
.ec--modeling--container{
 +
padding-top: 100px;
 +
padding-right: 300px;
 +
padding-bottom: 100px;
 +
padding-left: 300px;
 +
}
 +
.ec--main--title{
 +
text-align: center;
 +
padding-top: 30px;
 +
padding-right: 30px;
 +
padding-bottom: 30px;
 +
padding-left: 30px;
 +
}
 +
.ec--img--wwd--cont{
 +
text-align: center;
 +
padding-top: 20px;
 +
padding-right: 20px;
 +
padding-bottom: 20px;
 +
padding-left: 20px;
 +
}
 +
.ec--modeling--items{
 +
display: flex;
 +
position: fixed;
 +
float: right;
 +
right: 64px;
 +
top: 200px;
 +
}
 +
.ec--biob--cont{
 +
padding-top: 20px;
 +
padding-right: 20px;
 +
padding-bottom: 20px;
 +
padding-left: 20px;
 +
}
 +
.textdis{
 +
    display:none;
 +
}
 +
.loc-neg-c{
 +
display: none;
 +
}
 +
.loc-pos-c{
 +
display: none;
 +
}
 +
.loc-td1{
 +
display: none;
 +
}
 +
.loc-td2{
 +
display: none;
 +
}
 +
.loc-td3{
 +
display: none;
 +
}
 +
.loc-td4{
 +
display: none;
 +
}
 +
.loc-td5{
 +
display: none;
 +
}
 +
.loc-td6{
 +
display: none;
 +
}
 +
 +
input:hover  {
 +
    background-color: brown;
 +
}
 +
 +
#bigBox {
 +
  width:800px;
 +
  height: 500px;
 +
}
 +
#leftBox {
 +
  float:left;
 +
  height:500px;
 +
  width: 390px;
 +
  margin:0;
 +
}
 +
#rightBox {
 +
  float:right;
 +
  height:500px;
 +
  width: 390px;
 +
}
 +
.ec--biobr--location--container{
 +
padding-top: 50px;
 +
padding-right: 25px;
 +
padding-bottom: 25px;
 +
padding-left: 25px;
 +
}
 +
.ec--main--title h1{
 +
color:black;
 +
}
 +
.ec--nau--content h2{
 +
color:black;
 +
}
 
</style>
 
</style>
 +
</head>
  
−
<div class="ecuador_menu">
+
<body>
−
<a href="https://2018.igem.org/Team:Ecuador">
+
−
  <div class="ecuador_home">
+
<div class="ec--modeling--container">
−
iGEM ECUADOR
+
<div class="ec--first--section">
−
  </div>
+
<div class="ec--main--title">
−
</a>
+
<a name="MOD"  style="text-decoration: none;"><h1>Interlab</h1></a>
−
<div class="menu_options_container">
+
</div>
−
  <div id="project" class="menu_option">
+
<div class="ec--modeling--items">
−
PROJECT
+
<ul>
−
<div class="menu_sub_options_container">
+
<li><a href="#MOD">Modeling</a></li>
−
  <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Description">
+
<li><a href="#WWD">WHAT DID WE DO?</a></li>
−
<div class="sub_menu_option">
+
<li><a href="#HWD">HOW DID WE DO IT?</a></li>
−
  OVERVIEW
+
<li><a href="#RES">RESULTS</a></li>
−
</div>
+
<li><a href="#EXP">EXPERIENCE</a></li>
−
  </a>
+
<li><a href="#ACK">ACKNOWLEDGEMENT</a></li>
−
  <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Background">
+
</ul>
−
<div class="sub_menu_option">
+
</div>
−
  BACKGROUND
+
<div class="ec--img--home--slider">Reference image</div>
−
</div>
+
</div>
−
  </a>
+
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Model">
+
<div class="ec--nau--content">
−
  <div class="sub_menu_option">
+
<div class="ec--sect--title">
−
MODELING
+
<a name="WWD"  style="text-decoration: none;"><h2>WHAT DID WE DO?</h2></a>
 +
  <p>Parrafo<br></p>
 +
  <div class="ec--img--wwd--cont">
 +
<p><img width="700" height="500" src="https://static.igem.org/mediawiki/2018/d/d6/T--ECUADOR--Modeling.jpeg"></p>
 
  </div>
 
  </div>
−
  </a>
+
          <h3>Converting between  absorbance of cells to absorbance of a known concentration of beads.</h3>
−
  <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Design">
+
              <p>...</p>
−
<div class="sub_menu_option">
+
              <h3>Counting  colony-forming units (CFUs) from the sample.</h3>
−
  DESIGN
+
<p>…</p>
−
</div>
+
  <a name="HWD" style="text-decoration: none;"><h2>HOW DID WE DO IT?</h2></a>
−
  </a>
+
<p>In order to avoid distortions in the results due to  differences in the experimentation processes, we follow the procedures  described in the iGEM protocol (<a href="https://static.igem.org/mediawiki/2018/0/09/2018_InterLab_Plate_Reader_Protocol.pdf">Plate reader protocol</a>, <a href="http://parts.igem.org/Help:Protocols/Competent_Cells">component_cells</a>,  <a href="http://parts.igem.org/Help:Protocols/Transformation">Transformation</a>)
−
</div>
+
<br>
−
  </div>
+
</p>
−
  <div id="people" class="menu_option">
+
<br>
−
PEOPLE
+
              <h3>BIOBRICKS</h3>
−
<div class="menu_sub_options_container">
+
              <br>
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Sponsiring">
+
−
<div class="sub_menu_option">
+
  <div class="ec--biob--cont">
−
SPONSIRING
+
<div id="bigBox">
 +
 +
<div id="leftBox">
 +
    <table border="0" cellspacing="8px" cellpadding="0">
 +
          <tr>
 +
            <td width="148" valign="top"><p ><strong>Device</strong><strong> </strong></p></td>
 +
            <td width="132" valign="top"><p ><strong>Part Number</strong><strong> </strong></p></td>
 +
            <td width="104" valign="top"><p ><strong>Location</strong><strong> </strong></p></td>
 +
              </tr>
 +
          <tr>
 +
            <td width="148" valign="top"><p id="label-neg-c">Negative control</p></td>
 +
            <td width="132" valign="top"><p>BBa_R0040 </p></td>
 +
            <td width="104" valign="top"><p>Well 2D </p></td>
 +
              </tr>
 +
          <tr>
 +
            <td width="148" valign="top"><p id="type">Positive control </p></td>
 +
            <td width="132" valign="top"><p>BBa_I20270 </p></td>
 +
            <td width="104" valign="top"><p>Well 2B</p></td>
 +
              </tr>
 +
          <tr>
 +
            <td width="148" valign="top"><p id="label-td1">Test Device 1 </p></td>
 +
            <td width="132" valign="top"><p>BBa_J364000 </p></td>
 +
            <td width="104" valign="top"><p>Well 2F    &nbsp; </p></td>
 +
              </tr>
 +
          <tr>
 +
            <td width="148" valign="top"><p id="label-td2">Test Device 2 </p></td>
 +
            <td width="132" valign="top"><p>BBa_J364001 </p></td>
 +
            <td width="104" valign="top"><p>Well 2H    &nbsp; </p></td>
 +
              </tr>
 +
          <tr>
 +
            <td width="148" valign="top"><p id="label-td3">Test Device 3 </p></td>
 +
            <td width="132" valign="top"><p>BBa_J364002 </p></td>
 +
            <td width="104" valign="top"><p>Well 2J </p></td>
 +
              </tr>
 +
          <tr>
 +
            <td width="148" valign="top"><p id="label-td4">Test Device 4 </p></td>
 +
            <td width="132" valign="top"><p>BBa_J364007 </p></td>
 +
            <td width="104" valign="top"><p>Well 2L    &nbsp; </p></td>
 +
              </tr>
 +
          <tr>
 +
            <td width="148" valign="top"><p id="label-td5">Test Device 5 </p></td>
 +
            <td width="132" valign="top"><p>BBa_J364008 </p></td>
 +
            <td width="104" valign="top"><p>Well 2N </p></td>
 +
              </tr>
 +
          <tr>
 +
            <td width="148" valign="top"><p id="label-td6">Test Device 6 </p></td>
 +
            <td width="132" valign="top"><p>BBa_J364009 </p></td>
 +
            <td width="104" valign="top"><p>Well 2P    &nbsp; </p></td>
 +
              </tr>
 +
            </table>
 +
  </div>
 +
<div id="rightBox">
 +
<div class="ec--biobr--location--container">
 +
<div class="loc-neg-c">
 +
<p><strong>Location</strong></p><br>
 +
<p><img width="359" height="75" src="https://static.igem.org/mediawiki/2018/c/c9/T--ECUADOR--L001.png"> </p>
 +
<br>
 +
<p>length: 54 bp </p>
 +
</div>
 +
<div class="textdis" id="pos_c">
 +
<p><strong>Location</strong></p><br>
 +
<p><img width="195" height="70" src="https://static.igem.org/mediawiki/2018/b/b5/T--ECUADOR--L002.png"></p>
 +
<br>
 +
<p>length: 919 bp</p>
 +
</div>
 +
<div class="loc-td1">
 +
<p><strong>Location</strong></p><br>
 +
<p><img width="195" height="51" src="https://static.igem.org/mediawiki/2018/8/86/T--ECUADOR--L003.png" > </p>
 +
<br>
 +
<p>length: 918 bp </p>
 +
</div>
 +
<div class="loc-td2">
 +
<p><strong>Location</strong></p><br>
 +
<p><img width="189" height="54" src="https://static.igem.org/mediawiki/2018/c/c8/T--ECUADOR--L004.png" ></p>
 +
<br>
 +
<p>length: 918 bp</p>
 +
</div>
 +
<div class="loc-td3">
 +
<p><strong>Location</strong></p><br>
 +
<p><img width="197" height="63" src="https://static.igem.org/mediawiki/2018/4/43/T--ECUADOR--L005.png" > </p>
 +
<br>
 +
<p>length: 918 bp </p>
 +
</div>
 +
<div class="loc-td4">
 +
<p><strong>Location</strong></p><br>
 +
<p><img width="196" height="52" src="https://static.igem.org/mediawiki/2018/5/53/T--ECUADOR--L006.png"></p>
 +
<br>
 +
<p>length: 918 bp</p>
 +
</div>
 +
<div class="loc-td5">
 +
<p><strong>Location</strong></p><br>
 +
<p><img width="188" height="64" src="https://static.igem.org/mediawiki/2018/9/97/T--ECUADOR--L007.png"  > </p>
 +
<br>
 +
<p>length: 918 bp </p>
 +
</div>
 +
<div class="loc-td6">
 +
<p><strong>Location</strong></p><br>
 +
<p><img width="194" height="55" src="https://static.igem.org/mediawiki/2018/0/02/T--ECUADOR--L008.png"></p>
 +
<br>
 +
<p>length: 918 bp</p>
 +
</div>
 +
  </div>
 
</div>
 
</div>
−
</a>
 
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Attributions">
 
−
  <div class="sub_menu_option">
 
−
ATTRIBUTIONS
 
 
  </div>
 
  </div>
−
</a>
 
−
  <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Team">
 
−
<div class="sub_menu_option">
 
−
  TEAM
 
 
</div>
 
</div>
−
  </a>
+
<a name="RES" style="text-decoration: none;"><h2>RESULTS</h2></a>
 +
              <strong>Particle standard curves</strong>
 +
  <div class="ec--img--wwd--cont">
 +
<p><img src="https://static.igem.org/mediawiki/2018/3/30/T--ECUADOR--A-PSC.1.png" width="775" height="445" alt=""/></p>
 +
</div>
 +
<div class="ec--img--wwd--cont">
 +
  <p><img src="https://static.igem.org/mediawiki/2018/1/1d/T--ECUADOR--A-PSC.2.png" width="779" height="445" alt=""/></p>
 +
  </div>
 +
<br>
 +
              <p><strong>Fluorescein standard curves</strong> </p>
 +
              <div class="ec--img--wwd--cont">
 +
    <p><img src="https://static.igem.org/mediawiki/2018/7/7c/T--ECUADOR--A-FSC.1.png" width="779" height="445" alt=""/><br></p>
 +
  </div>
 +
              <div class="ec--img--wwd--cont">
 +
  <img src="https://static.igem.org/mediawiki/2018/c/cf/T--ECUADOR--A-FSC.2.png" width="779" height="445" alt=""/><br>
 +
  </div>
 +
                <strong>Net  Absorbance 600 as number of particles/100 uL</strong></p>
 +
<div class="ec--img--wwd--cont">
 +
              <p><img src="https://static.igem.org/mediawiki/2018/6/64/T--ECUADOR--A-NA600.png" width="752" height="452" alt=""/></p>
 
</div>
 
</div>
−
  </div>
+
<div class="ec--img--wwd--cont">
−
  <div id="notebook" class="menu_option">
+
              <p><img src="https://static.igem.org/mediawiki/2018/2/2e/T--ECUADOR--A-RBT.png" width="752" height="452" alt=""/></p>
−
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Notebook">
+
−
NOTEBOOK
+
−
  </a>
+
−
<div class="menu_sub_options_container">
+
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Lab_book">
+
−
  <div class="sub_menu_option">
+
−
LAB BOOK
+
−
  </div>
+
−
</a>
+
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Protocols">
+
−
  <div class="sub_menu_option">
+
−
  PROTOCOLS
+
−
  </div>
+
−
</a>
+
 
</div>
 
</div>
−
  </div>
+
<a name="EXP" style="text-decoration: none;"><h2>EXPERIENCE</h2></a>
−
  <div id="human_practice" class="menu_option">
+
            <div class="ec--img--wwd--cont">
−
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Human_Practices">
+
              <p><img src="https://svgsilh.com/svg/2324013-2196f3.svg" width="752" height="452" alt=""/></p>
−
HUMAN PRACTICE
+
−
  </a>
+
−
<div class="menu_sub_options_container">
+
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Collaborations">
+
−
  <div class="sub_menu_option">
+
−
COLLABORATIONS
+
−
  </div>
+
−
</a>
+
 
</div>
 
</div>
−
  </div>
+
              <p><em>As a team the interlab  challenge was useful&nbsp;because we learn about the protocols and the handling  of the plate reader and how it can be used in later processes of our project</em></p>
−
  <div id="parts" class="menu_option">
+
  <br>
−
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Parts">
+
<a name="ACK" style="text-decoration: none;"><h2>ACKNOWLEDGEMENT</h2></a>
−
PARTS
+
  <br>
−
  </a>
+
                As a team, we would like to thank the  Biomedicine team of Universidad Tecnica Equinoccial and especially Linda  Guaman, member of their research team, for allowing us to use their measurement  equipment, which were essential for the completion of the Interlab.</div>
−
<div class="menu_sub_options_container">
+
<div class="ec--sect--text"></div>
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/List">
+
−
  <div class="sub_menu_option">
+
−
  LIST
+
−
  </div>
+
−
</a>
+
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Composite">
+
−
  <div class="sub_menu_option">
+
−
  COMPOSITE
+
−
  </div>
+
−
</a>
+
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Basic">
+
−
  <div class="sub_menu_option">
+
−
  BASIC
+
−
  </div>
+
−
</a>
+
−
</div>
+
−
  </div>
+
−
  <div id="safety" class="menu_option">
+
−
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Safety">
+
−
SAFETY
+
−
</a>
+
−
  </div>
+
−
+
−
  <div id="interlab" class="menu_option">
+
−
<a class="ecuador_href_text" href="http://2018.iGEM.org/Team:Ecuador/InterLab">
+
−
  INTERLAB
+
−
</a>
+
−
  </div>
+
 
</div>
 
</div>
−
  </div>
+
</div>
−
<div class="ecuador_interlab_content">
+
<div class="ec--hump--section">
−
  <div class="ecuador_interlab_container">
+
  <div class="ec--hump--content">
−
    <div class="ecuador_interlab_title">
+
</div>
−
      INTERLAB
+
</div>
−
    </div>
+
</div>
−
  </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>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
−
          </div>
+
<script>
−
        </div>
+
$(document).ready(function(){
−
      </div>
+
$("#type").mouseenter(function(){
−
      <div class="ecuador_footer_information_container">
+
    $(".textdis").show();
−
        <div class="ecuador_footer_information_title_container">
+
});
−
          CONTACT US
+
$("#label-neg-c").mouseenter(function(){
−
        </div>
+
    $(".loc-neg-c").show();
−
      </div>
+
});
−
    </div>
+
$("#label-pos-c").mouseenter(function(){
−
  </div>
+
    $(".loc-pos-c").show();
−
</div>
+
});
 +
$("#label-td1").mouseenter(function(){
 +
    $(".loc-td1").show();
 +
});
 +
$("#label-td2").mouseenter(function(){
 +
    $(".loc-td2").show();
 +
});
 +
$("#label-td3").mouseenter(function(){
 +
    $(".loc-td3").show();
 +
});
 +
$("#label-td4").mouseenter(function(){
 +
    $(".loc-td4").show();
 +
});
 +
$("#label-td5").mouseenter(function(){
 +
    $(".loc-td5").show();
 +
});
 +
$("#label-td6").mouseenter(function(){
 +
    $(".loc-td6").show();
 +
});
 +
 +
 +
$("#type").mouseleave(function(){
 +
$(".textdis").hide();
 +
});
 +
$("#label-neg-c").mouseleave(function(){
 +
$(".loc-neg-c").hide();
 +
});
 +
$("#label-pos-c").mouseleave(function(){
 +
$(".loc-pos-c").hide();
 +
});
 +
$("#label-td1").mouseleave(function(){
 +
$(".loc-td1").hide();
 +
});
 +
$("#label-td2").mouseleave(function(){
 +
$(".loc-td2").hide();
 +
});
 +
$("#label-td3").mouseleave(function(){
 +
$(".loc-td3").hide();
 +
});
 +
$("#label-td4").mouseleave(function(){
 +
$(".loc-td4").hide();
 +
});
 +
$("#label-td5").mouseleave(function(){
 +
$(".loc-td5").hide();
 +
});
 +
$("#label-td6").mouseleave(function(){
 +
$(".loc-td6").hide();
 +
});
 +
 +
 +
});
 +
 +
 +
 +
</script>
 
</html>
 
</html>
 +
{{Ecuador/footer}}

Revision as of 11:47, 13 October 2018

iGEM ECUADOR
C-lastin, Interlab

Interlab
Reference image

WHAT DID WE DO?

Parrafo

Converting between absorbance of cells to absorbance of a known concentration of beads.

...

Counting colony-forming units (CFUs) from the sample.

…

HOW DID WE DO IT?

In order to avoid distortions in the results due to differences in the experimentation processes, we follow the procedures described in the iGEM protocol (Plate reader protocol, component_cells, Transformation)


BIOBRICKS


Device

Part Number

Location

Negative control

BBa_R0040

Well 2D

Positive control

BBa_I20270

Well 2B

Test Device 1

BBa_J364000

Well 2F  

Test Device 2

BBa_J364001

Well 2H  

Test Device 3

BBa_J364002

Well 2J

Test Device 4

BBa_J364007

Well 2L  

Test Device 5

BBa_J364008

Well 2N

Test Device 6

BBa_J364009

Well 2P  

Location



length: 54 bp

Location



length: 919 bp

Location



length: 918 bp

Location



length: 918 bp

Location



length: 918 bp

Location



length: 918 bp

Location



length: 918 bp

Location



length: 918 bp

RESULTS

 Particle standard curves


Fluorescein standard curves



Net Absorbance 600 as number of particles/100 uL

EXPERIENCE

As a team the interlab challenge was useful because we learn about the protocols and the handling of the plate reader and how it can be used in later processes of our project


ACKNOWLEDGEMENT
As a team, we would like to thank the Biomedicine team of Universidad Tecnica Equinoccial and especially Linda Guaman, member of their research team, for allowing us to use their measurement equipment, which were essential for the completion of the Interlab.
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