Difference between revisions of "Team:UB Indonesia/Notebook"

 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
<head>
+
<head style="background-color: #689F38;">
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
Line 23: Line 23:
 
.accordion-header, .active-header, .accordion-header_noaction { -webkit-box-sizing: initial; box-sizing: initial; color: rgb(101, 100, 89); font-family: Arial, Gadget, sans-serif; font-size: 13.92px; font-weight: bold; line-height: normal; margin: 0; }
 
.accordion-header, .active-header, .accordion-header_noaction { -webkit-box-sizing: initial; box-sizing: initial; color: rgb(101, 100, 89); font-family: Arial, Gadget, sans-serif; font-size: 13.92px; font-weight: bold; line-height: normal; margin: 0; }
  
−
.navub{
+
 
−
  margin-top:15px
+
−
  clear:both;
+
−
  float:left;
+
−
  margin-bottom: 3%;
+
−
  margin-left: auto;
+
−
  margin-right:auto;
+
−
  padding:0;
+
−
  border-top:2px solid #FFF;
+
−
  border-bottom:2px solid #FFF;
+
−
  width:100% !important;
+
−
  font-family: GaletteMedium;
+
−
  font-weight:normal;
+
−
  z-index:5;
+
−
  position:relative;
+
−
  align-content: center;
+
−
}
+
 
</style>
 
</style>
 
     <!-- Bootstrap Core CSS -->
 
     <!-- Bootstrap Core CSS -->
 
     <link href="https://2015.igem.org/Team:UB_Indonesia/CSS/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
     <link href="https://2015.igem.org/Team:UB_Indonesia/CSS/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
−
 
−
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/style?action=raw&ctype=text/css">
 
  
 
     <!-- Custom CSS  
 
     <!-- Custom CSS  
 
     <link href="https://2015.igem.org/Team:UB_Indonesia/css/grayscale?action=raw&ctype=text/css" rel="stylesheet"> -->
 
     <link href="https://2015.igem.org/Team:UB_Indonesia/css/grayscale?action=raw&ctype=text/css" rel="stylesheet"> -->
 +
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/style?action=raw&ctype=text/css">
  
 
     <!-- Custom Fonts -->
 
     <!-- Custom Fonts -->
Line 68: Line 51:
 
}
 
}
 
          
 
          
−
h1{
+
#h1{
 
   font-family: GaletteMedium, sans-serif;
 
   font-family: GaletteMedium, sans-serif;
 
   font-size: 34px;
 
   font-size: 34px;
−
color: floralwhite;
+
color: black;
 
   border-style: none;
 
   border-style: none;
 
}
 
}
−
h2{
+
#h2{
 
   font-family: GaletteMedium, sans-serif;
 
   font-family: GaletteMedium, sans-serif;
 
   font-size: 27px;
 
   font-size: 27px;
Line 80: Line 63:
 
   border-style: none;
 
   border-style: none;
 
}
 
}
−
h3{
+
#h3{
 
   font-family: GaletteMedium, sans-serif;
 
   font-family: GaletteMedium, sans-serif;
 
   font-size: 23px;
 
   font-size: 23px;
Line 86: Line 69:
 
   border-style: none;
 
   border-style: none;
 
}
 
}
−
h4{
+
#h4{
 
   font-family: GaletteMedium, sans-serif;
 
   font-family: GaletteMedium, sans-serif;
 
   font-size: 17px;
 
   font-size: 17px;
Line 92: Line 75:
 
   border-style: none;
 
   border-style: none;
 
}       
 
}       
−
    li{
+
    #li{
−
    
+
   font-family: GaletteMedium, sans-serif;
−
}      
+
  font-size: px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}
 +
   
 +
    body {
 +
    background-image: url('');
 +
    background-repeat: no-repeat;
 +
    background-attachment: fixed;
 +
 
 +
    background-position: right;
 +
    background-position-x : 98%;
 +
    background-size: 15%;
 +
       
 +
}
 +
   
 
#footer{
 
#footer{
 
position:absolute;
 
position:absolute;
Line 106: Line 104:
 
     background-color: #DCEDC8;
 
     background-color: #DCEDC8;
 
     display: block;
 
     display: block;
−
     margin-top: 0;  
+
     margin-top: 0;
 
  }
 
  }
 
     .navbar .navbar-nav {
 
     .navbar .navbar-nav {
Line 153: Line 151:
 
     background-color: #8BC34A;
 
     background-color: #8BC34A;
 
box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000;
 
box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000;
−
font-family: GaletteMedium, sans-serif;
 
−
  font-size: px;
 
−
color: floralwhite;
 
−
  border-style: none;
 
 
      
 
      
 
}
 
}
 
     #li-ub-noborder{
 
     #li-ub-noborder{
 
         background-color: #8BC34A;
 
         background-color: #8BC34A;
−
         font-family: GaletteMedium, sans-serif;
+
         color:  
−
  font-size: px;
+
−
color: floralwhite;
+
−
  border-style: none;
+
 
     }
 
     }
 
#li-white{
 
#li-white{
 
color: white;
 
color: white;
−
font-family: GaletteMedium, sans-serif;
 
−
  font-size: px;
 
−
color: floralwhite;
 
−
  border-style: none;
 
 
}
 
}
 +
 +
.sponsor{
 +
  margin: 10px;
 +
  width: 120px;
 +
  heigth: 120px;
 +
opacity: 0.5;
 +
  display: inline-block;
 +
 
 +
}
 +
 +
.long{
 +
  width:170px;
 +
}
 +
.longplus{
 +
  width:210px;
 +
}
 +
 +
 +
.sponsor:hover{
 +
  opacity: 1;
 +
}
 +
 +
 +
 +
.sponsor img{
 +
   
 +
    width: auto;
 +
    height: auto; 
 +
    top: 0; 
 +
    bottom: 0; 
 +
    left: 0; 
 +
    right: 0;
 +
max-height: 100%; 
 +
    max-width: 100%; 
 +
    margin: auto;
 +
}
 +
 +
.timeline {
 +
  position: relative;
 +
  width: 660px;
 +
  margin: 0 auto;
 +
  margin-top: 20px;
 +
  padding: 1em 0;
 +
  list-style-type: none;
 +
}
 +
 +
.timeline:before {
 +
  position: absolute;
 +
  left: 50%;
 +
  top: 0;
 +
  content: ' ';
 +
  display: block;
 +
  width: 6px;
 +
  height: 100%;
 +
  margin-left: -3px;
 +
  background: rgb(80,80,80);
 +
  background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
 +
  background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
 +
  background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
 +
  background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
 +
  background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
 +
 
 +
  z-index: 5;
 +
}
 +
 +
.timeline li {
 +
  padding: 1em 0;
 +
}
 +
 +
.timeline li:after {
 +
  content: "";
 +
  display: block;
 +
  height: 0;
 +
  clear: both;
 +
  visibility: hidden;
 +
}
 +
 +
.direction-l {
 +
  position: relative;
 +
  width: 300px;
 +
  float: left;
 +
  text-align: right;
 +
}
 +
 +
.direction-r {
 +
  position: relative;
 +
  width: 300px;
 +
  float: right;
 +
}
 +
 +
.flag-wrapper {
 +
  position: relative;
 +
  display: inline-block;
 +
 
 +
  text-align: center;
 +
}
 +
 +
.flag {
 +
  position: relative;
 +
  display: inline;
 +
  background: rgb(248,248,248);
 +
  padding: 6px 10px;
 +
  border-radius: 5px;
 +
 
 +
  font-weight: 600;
 +
  text-align: left;
 +
}
 +
 +
.direction-l .flag {
 +
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
}
 +
 +
.direction-r .flag {
 +
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
 +
}
 +
 +
.direction-l .flag:before,
 +
.direction-r .flag:before {
 +
  position: absolute;
 +
  top: 50%;
 +
  right: -40px;
 +
  content: ' ';
 +
  display: block;
 +
  width: 12px;
 +
  height: 12px;
 +
  margin-top: -10px;
 +
  background: #fff;
 +
  border-radius: 10px;
 +
  border: 4px solid rgb(255,80,80);
 +
  z-index: 10;
 +
}
 +
 +
.direction-r .flag:before {
 +
  left: -40px;
 +
}
 +
 +
.direction-l .flag:after {
 +
  content: "";
 +
  position: absolute;
 +
  left: 100%;
 +
  top: 50%;
 +
  height: 0;
 +
  width: 0;
 +
  margin-top: -8px;
 +
  border: solid transparent;
 +
  border-left-color: rgb(248,248,248);
 +
  border-width: 8px;
 +
  pointer-events: none;
 +
}
 +
 +
.direction-r .flag:after {
 +
  content: "";
 +
  position: absolute;
 +
  right: 100%;
 +
  top: 50%;
 +
  height: 0;
 +
  width: 0;
 +
  margin-top: -8px;
 +
  border: solid transparent;
 +
  border-right-color: rgb(248,248,248);
 +
  border-width: 8px;
 +
  pointer-events: none;
 +
}
 +
 +
.time-wrapper {
 +
  display: inline;
 +
 
 +
  line-height: 1em;
 +
  font-size: 0.66666em;
 +
  color: rgb(250,80,80);
 +
  vertical-align: middle;
 +
}
 +
 +
.direction-l .time-wrapper {
 +
  float: left;
 +
}
 +
 +
.direction-r .time-wrapper {
 +
  float: right;
 +
}
 +
 +
.time {
 +
  display: inline-block;
 +
  padding: 4px 6px;
 +
  background: rgb(248,248,248);
 +
}
 +
 +
.desc {
 +
  margin: 1em 0.75em 0 0;
 +
 
 +
  font-size: 0.77777em;
 +
  font-style: italic;
 +
  line-height: 1.5em;
 +
}
 +
 +
.direction-r .desc {
 +
  margin: 1em 0 0 0.75em;
 +
}
 +
 +
/* ================ Timeline Media Queries ================ */
 +
 +
@media screen and (max-width: 660px) {
 +
 +
.timeline {
 +
    width: 100%;
 +
    padding: 4em 0 1em 0;
 +
}
 +
 +
.timeline li {
 +
    padding: 2em 0;
 +
}
 +
 +
.direction-l,
 +
.direction-r {
 +
    float: none;
 +
    width: 100%;
 +
 +
    text-align: center;
 +
}
 +
 +
.flag-wrapper {
 +
    text-align: center;
 +
}
 +
 +
.flag {
 +
    background: rgb(255,255,255);
 +
    z-index: 15;
 +
}
 +
 +
.direction-l .flag:before,
 +
.direction-r .flag:before {
 +
  position: absolute;
 +
  top: -30px;
 +
    left: 50%;
 +
    content: ' ';
 +
    display: block;
 +
    width: 12px;
 +
    height: 12px;
 +
    margin-left: -9px;
 +
    background: #fff;
 +
    border-radius: 10px;
 +
    border: 4px solid rgb(255,80,80);
 +
    z-index: 10;
 +
}
 +
 +
.direction-l .flag:after,
 +
.direction-r .flag:after {
 +
    content: "";
 +
    position: absolute;
 +
    left: 50%;
 +
    top: -8px;
 +
    height: 0;
 +
    width: 0;
 +
    margin-left: -8px;
 +
    border: solid transparent;
 +
    border-bottom-color: rgb(255,255,255);
 +
    border-width: 8px;
 +
    pointer-events: none;
 +
}
 +
 +
.time-wrapper {
 +
    display: block;
 +
    position: relative;
 +
    margin: 4px 0 0 0;
 +
    z-index: 14;
 +
}
 +
 +
.direction-l .time-wrapper {
 +
    float: none;
 +
}
 +
 +
.direction-r .time-wrapper {
 +
    float: none;
 +
}
 +
 +
.desc {
 +
    position: relative;
 +
    margin: 1em 0 0 0;
 +
    padding: 1em;
 +
    background: rgb(245,245,245);
 +
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
 +
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
 +
    box-shadow: 0 0 1px rgba(0,0,0,0.20);
 +
   
 +
  z-index: 15;
 +
}
 +
 +
.direction-l .desc,
 +
.direction-r .desc {
 +
    position: relative;
 +
    margin: 1em 1em 0 1em;
 +
    padding: 1em;
 +
   
 +
  z-index: 15;
 +
}
 +
 +
}
 +
 +
@media screen and (min-width: 400px ?? max-width: 660px) {
 +
 +
.direction-l .desc,
 +
.direction-r .desc {
 +
    margin: 1em 4em 0 4em;
 +
}
 +
 +
}
 +
   
 +
   
 
</style>
 
</style>
 +
    <div class="row">
 +
        <div class="col-sm-3">
 +
        </div>
 
      
 
      
−
     <h1 align="center" style="color:#000000;"> BRAWIJAYA UNIVERSITY </h1>
+
            <div class="col-sm-2" style="">
 +
        <img src="https://static.igem.org/mediawiki/2015/7/77/UBIndonesia_Fauzy_Logo_iGEM-02.png" style="height:150px;width:200px;"></img>
 +
     </div>
 +
    <div class="col-sm-7" style="font-family: GaletteMedium, sans-serif;"> <h1>BRAWIJAYA UNIVERSITY</h1> 
 +
    </div>
 +
    </div>
  
 +
 +
   
 +
   
 
      
 
      
 
<nav class="navbar navbar-default-fix">
 
<nav class="navbar navbar-default-fix">
Line 189: Line 500:
 
   <div class="navbar-collapse collapse">
 
   <div class="navbar-collapse collapse">
 
     <ul class="nav navbar-nav">
 
     <ul class="nav navbar-nav">
 +
        <li id="li-ub" class="" ><a id="li-white" href="#"> HOME</a></li>
 
       <li id="li-ub" class="active" ><a id="li-white" href="#">MAIN CASE</a></li>
 
       <li id="li-ub" class="active" ><a id="li-white" href="#">MAIN CASE</a></li>
 
       <li id="li-ub" class="dropdown">
 
       <li id="li-ub" class="dropdown">
 
<a id="li-white">  INVESTIGATION ABOUT </a>
 
<a id="li-white">  INVESTIGATION ABOUT </a>
 
                   <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
 
                   <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
−
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">SAFETY</a></li>
+
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="https://2015.igem.org/Team:UB_Indonesia/Safety">SAFETY</a></li>
−
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">NOTEBOOK</a></li>
+
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="https://2015.igem.org/Team:UB_Indonesia/Notebook">NOTEBOOK</a></li>
−
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">PROTOCOLS</a></li>
+
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="https://2015.igem.org/Team:UB_Indonesia/Protocols">PROTOCOLS</a></li>
−
      <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">PRIMER</a></li>
+
 
</ul>
 
</ul>
  
 
</li>
 
</li>
−
       <li id="li-ub"><a id="li-white" href="#contact">OUTREACH</a></li>
+
<li id="li-ub" class="dropdown">
 +
      <a id="li-white">OUTREACH</a>
 +
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
 +
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="https://2015.igem.org/Team:UB_Indonesia/Practices">PRACTICES</a></li>
 +
      <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="https://2015.igem.org/Team:UB_Indonesia/Collaborations">COLLABORATIONS</a></li></ul>
 
         <li id="li-ub"><a id="li-white" href="#contact">TARGET</a></li>
 
         <li id="li-ub"><a id="li-white" href="#contact">TARGET</a></li>
 
         <li id="li-ub" class="dropdown">
 
         <li id="li-ub" class="dropdown">
−
<a id="li-white">TEAM</a>
+
        <a id="li-white">TEAM</a>
 
                   <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
 
                   <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
−
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">TEAM MEMBERS</a></li>
+
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="https://2015.igem.org/Team:UB_Indonesia/Team">TEAM MEMBERS</a></li>
−
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">ATTRIBUTIONS</a></li>
+
       <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="https://2015.igem.org/Team:UB_Indonesia/Attributions">ATTRIBUTIONS</a></li>
 
</ul>
 
</ul>
  
 
</li>
 
</li>
−
         <li id="li-ub"><a id="li-white" href="#contact">EXTRAS</a></li>
+
         <li id="li-ub"><a id="li-white" href="https://2015.igem.org/Team:UB_Indonesia/Extras">EXTRAS</a></li>
 
          
 
          
 
          
 
          
Line 221: Line 536:
 
   </div>
 
   </div>
 
</nav>
 
</nav>
−
 
−
 
  
 
      
 
      
 
</head>
 
</head>
−
<body style="background-color:#DCEDC8">
+
<body style="background-color:#DCEDC8; margin:0; padding:0;">
−
<h1> Test </h1>
+
 
−
<div class="footer">
+
      <ul class="timeline">
−
<p>
+
 
−
This page still on progress, please be patience :)
+
    <!-- Item 1 -->
−
</p>
+
    <li>
−
    <p>
+
        <div class="direction-r">
−
This page still on progress, please be patience :)
+
            <span class="flag"></span>
−
</p>
+
            <div class="flag-wrapper">
−
    <p>
+
 
−
This page still on progress, please be patience :)
+
                <span class="time-wrapper"><span class="time">Thursday-Friday, 17 September 2015-18 September 2015</span></span>
−
</p><p>
+
            </div>
−
This page still on progress, please be patience :)
+
            <div class="desc"><p>1. Preparation DNA (Gblock)</p>
−
</p>
+
                <p>2. Restrict the all tube with solution from Promega and Genemark company.</p>
−
    <p>
+
                <p>3. Ligate the restricted-antibody and antigen with solution from Promega </p>
−
This page still on progress, please be patience :)
+
                <p>4. PCR reaction</p>
−
</p>
+
                <p>5. Preparation for submitting part to iGEM foundation</p>
−
    <p>
+
                <!--<p>- Start thawing the competent Escherichia coli cells on ice</p>
−
This page still on progress, please be patience :)
+
                <p>- Add 50µL of thawed competent Escherichia coli cells into pre-chilled 1.5mL tube, and also take a same for the control</p>
−
</p>
+
                <p>- Add 2µL of resuspended DNA to the 1.5mL tube.</p>
 +
                <p>- Pipet up and down a few times, genlty</p>
 +
                <p>- Make sure to keep the competent Escherichia coli cells on ice</p>
 +
                <p>- Close tube and incubate the competent Escherichia coli cells on ice for 30 minutes</p>
 +
                <p>- Heat shock the competent Escherichia coli cells by immersion in a pre-heated water bath at 42°C for 90 seconds</p>
 +
                <p>- Incubate the competent Escherichia coli cells on ice for 5 minutes</p>
 +
                <p>- Add 200µL of SOC media (make sure that the broth does not contain antibiotics and is not contaminated) to each transformation</p>
 +
                <p>- Incubate the competent Escherichia coli cells at 37°C for 2h while the tubes are rotating or shaking (note: this incubation time helps in transformation efficiency, especially for plasmid backbone with antibiotic resistance other than ampicillin)</p>
 +
                <p>- Label two petri dish with LB agar and specific antibiotic(s) with the part number, plasmid backbone, and antibiotic resistance. Plate 20µL of the transformation onto the dishes, and spread it (for make sure that the competent Escherichia coli cells will be able a single colony)</p>
 +
                <p>- For the control, label two petri dish with LB agar (AMP) and plate 20µL of the transformation onto the dishes, and spread it</p>
 +
                <p>- Incubate the plates at 37°C for 12-14h , making sure the agar silde of the plate is up (if incubate for too long the antibiotics start to break down and un-transformated cells will begin to grow because the resistance enzyme is excreted by the bacteria, and inactivates the antibiotic outside of the bacteria</p>
 +
                <p>- Pick a single colony, make a glycerol stock, grow up a cell culture and do a miniprep</p>
 +
                <p>- Count the colony on the 20µL control plate and calculate your competent Escherichia coli cell efficiency</p>
 +
</div>-->
 
</div>
 
</div>
 +
        </div>
 +
    </li>
 +
 
 +
    <!-- Item 2 -->
 +
    <li>
 +
        <div class="direction-l">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Wednesday, 16 September 2015</span></span>
 +
            </div>
 +
            <div class="desc"> <p>1. Cloning pSB1C3 from kit plateto Escherichia coli strain DH5α</p>
 +
            <p>2. Restrict DENV1, DENV2, and EDE1C8 TEV</p>
 +
                <p>3. Digest iGEM</p>
 +
                <p>4. Ligate DENV1, DENV2, and EDE1C8 TEV</p>
 +
               
 +
            </div>
 +
        </div>
 +
    </li>
 +
 +
    <!-- Item 3 -->
 +
    <li>
 +
        <div class="direction-r">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Tuesday, 15 September 2015 </span></span>
 +
            </div>
 +
            <div class="desc"><p> 1. Growing competent Escherichia coli strain BL21 and DH5α</p>
 +
            <p>2. Prepare LB agar and LB broth </p>
 +
</div>
 +
        </div>
 +
    </li>
 +
            <li>
 +
        <div class="direction-l">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Monday, 14 September 2015</span></span>
 +
            </div>
 +
            <div class="desc"><p> 1. Sterilize glasses, plate, and medium by autoclave all of them</p>
 +
            <p>2. Culture the Escherichia coli strain BL21 and DH5α in LB Agar</p>
 +
</div>
 +
        </div>
 +
    </li>
 +
            <li>
 +
        <div class="direction-r">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Thursday, 10 September 2015</span></span>
 +
            </div>
 +
            <div class="desc"><p> 1. Transform DNA to competent Escherichia coli cells</p>
 +
</div>
 +
        </div>
 +
    </li>
 +
            <li>
 +
        <div class="direction-l">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Wednesday,  9 September 2015</span></span>
 +
            </div>
 +
            <div class="desc"><p> 1. Transform DNA to competent Escherichia coli cells</p>
 +
</div>
 +
        </div>
 +
    </li>
 +
           
 +
            <li>
 +
        <div class="direction-r">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Tuesday ,  8 September 2015</span></span>
 +
            </div>
 +
            <div class="desc"><p> 1. Make a competent Escherichia coli strain BL21</p>
 +
</div>
 +
        </div>
 +
    </li>
 +
           
 +
            <li>
 +
        <div class="direction-l">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Monday ,  7 September 2015</span></span>
 +
            </div>
 +
            <div class="desc"><p> 1. Make a competent Escherichia coli strain BL21</p>
 +
                <p>2. Transform DNA to competent Escherichia coli cells</p>
 +
</div>
 +
        </div>
 +
    </li>
 +
  <li>
 +
        <div class="direction-r">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Wednesday,  3 September 2015</span></span>
 +
            </div>
 +
            <div class="desc"><p> 1. Make a competent Escherichia coli strain BL21</p>
 +
</div>
 +
        </div>
 +
    </li>
 +
           
 +
            <li>
 +
        <div class="direction-r">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Wednesday,  2 September 2015</span></span>
 +
            </div>
 +
            <div class="desc"><p> 1. Checking growth culture Escherichia coli strain BL21</p>
 +
                <p>2. Prepare component solution and material for making competent cell</p>
 +
                <p>3. Inoculate Escherichia coli strain BL21 in LB broth 50mL at 37°C for 3-4hour</p>
 +
                <p>4. Make a competent Escherichia coli strain BL21</p>
 +
</div>
 +
        </div>
 +
    </li>
 +
            <li>
 +
        <div class="direction-l">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"></span>
 +
                <span class="time-wrapper"><span class="time">Wednesday,  2 September 2015</span></span>
 +
            </div>
 +
            <div class="desc"><p> 1. Preparation a stock solution for make competent cell, miniprep and transformation</p>
 +
                <p>2. Simulation on Biosains Laboratory with laboratory instructor</p>
 +
                <p>3. Growing Escherichia coli strain BL21 in LB agar at 37°C for 24 hour</p>
 +
</div>
 +
                        <img src="https://static.igem.org/mediawiki/2015/e/ed/UBIndonesiaillustration-06.png" style="height:250px;width:250px;">
 +
        </div>
 +
    </li>
 +
           
 +
            <li>
 +
        <div class="direction-r">
 +
            <div class="flag-wrapper">
 +
                <span class="flag">have a great summer :D</span>
 +
                <span class="time-wrapper"><span class="time">August 2015</span></span>
 +
            </div>
 +
            <div class="desc">
 +
</div>
 +
                        <img src="https://static.igem.org/mediawiki/2015/3/30/UBIndonesiaillustration-07.png" style="height:250px;width:250px;">
 +
        </div>
 +
    </li>
 +
            <li>
 +
        <div class="direction-l">
 +
            <div class="flag-wrapper">
 +
                <span class="flag">looking  and choosing the compatible protocol  for Denguetective project </span>
 +
                <span class="time-wrapper"><span class="time">Juli 2015</span></span>
 +
            </div>
 +
            <div class="desc">
 +
</div>
 +
                        <img src="https://static.igem.org/mediawiki/2015/4/45/UBIndonesiaillustration-08.png" style="height:250px;width:250px;">
 +
        </div>
 +
    </li>
 +
            <li>
 +
        <div class="direction-r">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"> looking for Lab equipment for laboratorium woking</span>
 +
                <span class="time-wrapper"><span class="time">June 2015</span></span>
 +
            </div>
 +
            <div class="desc">
 +
</div>
 +
                        <img src="https://static.igem.org/mediawiki/2015/8/84/UBIndonesiaillustration-09.png" style="height:250px;width:250px;">
 +
        </div>
 +
    </li>
 +
           
 +
            <li>
 +
        <div class="direction-l">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"> looking for Lab equipment for laboratorium woking</span>
 +
                <span class="time-wrapper"><span class="time">31 Mei 2015</span></span>
 +
            </div>
 +
            <div class="desc">
 +
</div>
 +
                        <img src="https://static.igem.org/mediawiki/2015/b/b0/UBIndonesiaillustration-10.png" style="height:250px;width:250px;">
 +
        </div>
 +
    </li>
 +
            <li>
 +
        <div class="direction-r">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"> Team Register for having fun and joining IGEM COMPETITON 2015</span>
 +
                <span class="time-wrapper"><span class="time">April 2015</span></span>
 +
            </div>
 +
            <div class="desc">
 +
</div>
 +
                        <img src="https://static.igem.org/mediawiki/2015/2/2b/UBIndonesiaillustration-11.png" style="height:250px;width:250px;">
 +
        </div>
 +
    </li>
 +
            <li>
 +
        <div class="direction-l">
 +
            <div class="flag-wrapper">
 +
                <span class="flag"> Brainstorming ideas for igem project 2015</span>
 +
                <span class="time-wrapper"><span class="time">Maret 2015</span></span>
 +
            </div>
 +
            <div class="desc">
 +
</div>
 +
                        <img src="https://static.igem.org/mediawiki/2015/3/3a/UBIndonesiaillustration-12.png" style="height:250px;width:250px;">
 +
        </div>
 +
    </li>
 +
</ul>
 +
       
 +
   
 +
  
 
</body>
 
</body>

Latest revision as of 03:10, 19 September 2015

Brawijaya University - Detection on Dengue Fever

BRAWIJAYA UNIVERSITY

  • Thursday-Friday, 17 September 2015-18 September 2015

    1. Preparation DNA (Gblock)

    2. Restrict the all tube with solution from Promega and Genemark company.

    3. Ligate the restricted-antibody and antigen with solution from Promega

    4. PCR reaction

    5. Preparation for submitting part to iGEM foundation

  • Wednesday, 16 September 2015

    1. Cloning pSB1C3 from kit plateto Escherichia coli strain DH5α

    2. Restrict DENV1, DENV2, and EDE1C8 TEV

    3. Digest iGEM

    4. Ligate DENV1, DENV2, and EDE1C8 TEV

  • Tuesday, 15 September 2015

    1. Growing competent Escherichia coli strain BL21 and DH5α

    2. Prepare LB agar and LB broth

  • Monday, 14 September 2015

    1. Sterilize glasses, plate, and medium by autoclave all of them

    2. Culture the Escherichia coli strain BL21 and DH5α in LB Agar

  • Thursday, 10 September 2015

    1. Transform DNA to competent Escherichia coli cells

  • Wednesday, 9 September 2015

    1. Transform DNA to competent Escherichia coli cells

  • Tuesday , 8 September 2015

    1. Make a competent Escherichia coli strain BL21

  • Monday , 7 September 2015

    1. Make a competent Escherichia coli strain BL21

    2. Transform DNA to competent Escherichia coli cells

  • Wednesday, 3 September 2015

    1. Make a competent Escherichia coli strain BL21

  • Wednesday, 2 September 2015

    1. Checking growth culture Escherichia coli strain BL21

    2. Prepare component solution and material for making competent cell

    3. Inoculate Escherichia coli strain BL21 in LB broth 50mL at 37°C for 3-4hour

    4. Make a competent Escherichia coli strain BL21

  • Wednesday, 2 September 2015

    1. Preparation a stock solution for make competent cell, miniprep and transformation

    2. Simulation on Biosains Laboratory with laboratory instructor

    3. Growing Escherichia coli strain BL21 in LB agar at 37°C for 24 hour

  • have a great summer :D August 2015
  • looking and choosing the compatible protocol for Denguetective project Juli 2015
  • looking for Lab equipment for laboratorium woking June 2015
  • looking for Lab equipment for laboratorium woking 31 Mei 2015
  • Team Register for having fun and joining IGEM COMPETITON 2015 April 2015
  • Brainstorming ideas for igem project 2015 Maret 2015