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

 
(One intermediate revision by one other user not shown)
Line 196: Line 196:
 
     margin: auto;
 
     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>
Line 229: Line 505:
 
<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>
 
</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 256: Line 536:
 
   </div>
 
   </div>
 
</nav>
 
</nav>
 +
 
      
 
      
 
</head>
 
</head>

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