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

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;
 
 
}
 
}
  
−
.timeline {
+
.sponsor{
−
   position: relative;
+
   margin: 10px;
−
   width: 660px;
+
   width: 120px;
−
   margin: 0 auto;
+
   heigth: 120px;
−
  margin-top: 20px;
+
opacity: 0.5;
−
  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;
 
   display: inline-block;
 
    
 
    
−
  text-align: center;
 
 
}
 
}
  
−
.flag {
+
.long{
−
   position: relative;
+
   width:170px;
−
  display: inline;
+
−
  background: rgb(248,248,248);
+
−
  padding: 6px 10px;
+
−
  border-radius: 5px;
+
−
 
+
−
  font-weight: 600;
+
−
  text-align: left;
+
 
}
 
}
−
 
+
.longplus{
−
.direction-l .flag {
+
   width:210px;
−
   -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,
+
.sponsor:hover{
−
.direction-r .flag:before {
+
   opacity: 1;
−
   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 {
+
.sponsor img{
−
    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;
+
    width: auto;
 +
    height: auto; 
 +
    top: 0; 
 +
    bottom: 0; 
 +
    left: 0; 
 +
    right: 0;
 +
max-height: 100%; 
 +
    max-width: 100%; 
 +
    margin: auto;
 
}
 
}
−
 
−
.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 465: Line 224:
 
   <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">
Line 472: Line 232:
 
       <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="#">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="#">PROTOCOLS</a></li>
−
      <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">PRIMER</a></li>
 
 
</ul>
 
</ul>
  
Line 497: Line 256:
 
   </div>
 
   </div>
 
</nav>
 
</nav>
−
 
−
 
−
 
 
      
 
      
 
</head>
 
</head>

Revision as of 23:55, 18 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