Difference between revisions of "Team:Ecuador/Model"

Line 1: Line 1:
 
{{Ecuador}}
 
{{Ecuador}}
<html>
+
 
<head>
+
<meta charset="utf-8">
+
<title>C-lastin, Modeling</title>
+
 
<style>
 
<style>
@charset "utf-8";
 
/* CSS Document */
 
@import url('https://fonts.googleapis.com/css?family=Raleway');
 
    *{
 
        margin: 0px;
 
        font-family: 'Raleway', sans-serif;
 
}
 
   
 
 
.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 {
 
      width: 16%;
 
      height: 100%;
 
      display: flex;
 
      justify-content: center;
 
      background-color: #1F618D;
 
      position: absolute;
 
      align-items: center;
 
      margin: auto auto;
 
      left: 1.5%;
 
      color: #FFF;
 
      transition: 0.5s;
 
      -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);
 
      box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 
      z-index: 10;
 
 
    }
 
 
    .ecuador_home:hover {
 
      cursor: pointer;
 
      font-size: 16px;
 
      background-color: #1A5276;
 
      box-shadow: none;
 
    }
 
 
    .menu_options_container {
 
    width: 79%;
 
    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: 71px;
 
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;
 
      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_information_data_container{
 
width: 80%;
 
      height: 60px;
 
      position: relative;
 
      top: 25px;
 
      margin: auto;
 
      display: flex;
 
font-size: 17px;
 
}
 
 
    .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;
 
    }
 
 
    #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_sponsors_icons_container {
 
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 {
 
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;
 
    }
 
 
@charset "utf-8";
 
/* CSS Document */
 
 
.ec--modeling--container{
 
.ec--modeling--container{
 
padding-top: 100px;
 
padding-top: 100px;
Line 479: Line 91:
 
}
 
}
 
</style>
 
</style>
</head>
 
  
<body>
 
 
<div class="ecuador_menu">
 
<div class="ecuador_menu">
 
<a href="https://2018.igem.org/Team:Ecuador">
 
<a href="https://2018.igem.org/Team:Ecuador">
Line 889: Line 499:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
</body>
+
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
<script>
 
<script>
Line 956: Line 566:
 
 
 
</script>
 
</script>
</html>
+
 
 
{{Ecuador/footer}}
 
{{Ecuador/footer}}

Revision as of 08:21, 8 October 2018

<style> .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;

}

  1. bigBox {
 width:800px;
 height: 300px;

}

  1. leftBox {
 float:left;
 height:300px;
 width: 390px;
 background: pink;
 margin:0;

}

  1. rightBox {
 float:right;
 height:300px;
 width: 390px;
 background: pink;

} .ec--biobr--location--container{ padding-top: 50px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } </style>

<a href="https://2018.igem.org/Team:Ecuador">

iGEM ECUADOR

</a>

  • <a href="#MOD">Modeling</a>
  • <a href="#WWD">WHAT DID WE DO?</a>
  • <a href="#HWD">HOW DID WE DO IT?</a>
  • <a href="#RES">RESULTS</a>
  • <a href="#EXP">EXPERIENCE</a>
  • <a href="#ACK">ACKNOWLEDGEMENT</a>
Reference image

<a name="WWD">WHAT DID WE DO?</a>

Parrafo

<img width="700" height="500" src="recursos extras/modeling.jpeg" alt="Transfected with GFP (Green Fluorescent Protein) Recorded using a 63x objective 3 days in vitro mouse Made by Jurjen Broeke">

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

...

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

<a name="HWD">HOW DID WE DO IT?</a>

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>)


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


<img width="359" height="75" src="modeling_6_oct_clip_image002.png">


length: 54 bp

Location


<img width="195" height="70" src="modeling_6_oct_clip_image003.png">


length: 919 bp

Location


<img width="195" height="51" src="modeling_6_oct_clip_image004.png" >


length: 918 bp

Location


<img width="189" height="54" src="modeling_6_oct_clip_image005.png" >


length: 918 bp

Location


<img width="197" height="63" src="modeling_6_oct_clip_image006.png" >


length: 918 bp

Location


<img width="196" height="52" src="modeling_6_oct_clip_image007.png">


length: 918 bp

Location


<img width="188" height="64" src="modeling_6_oct_clip_image008.png" >


length: 918 bp

Location


<img width="194" height="55" src="modeling_6_oct_clip_image009.png">


length: 918 bp

<a name="RES">RESULTS</a>

             Particle standard curves

<img src="recursos extras/A-PSC.1.png" width="775" height="445" alt=""/>

<img src="recursos extras/A-PSC.2.png" width="779" height="445" alt=""/>


Fluorescein standard curves

<img src="recursos extras/A-FSC.1.png" width="779" height="445" alt=""/>

<img src="recursos extras/A-FSC.2.png" width="779" height="445" alt=""/>

               Net  Absorbance 600 as number of particles/100 uL</p>

<img src="recursos extras/image019.png" width="752" height="452" alt=""/>

<img src="recursos extras/image021.png" width="752" height="452" alt=""/>

<a name="EXP">EXPERIENCE</a>

<img src="https://svgsilh.com/svg/2324013-2196f3.svg" width="752" height="452" alt=""/>

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


<a name="ACK">ACKNOWLEDGEMENT</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>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#type").mouseenter(function(){

   	$(".textdis").show();

}); $("#label-neg-c").mouseenter(function(){

   	$(".loc-neg-c").show();

}); $("#label-pos-c").mouseenter(function(){

   	$(".loc-pos-c").show();

}); $("#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>