Difference between revisions of "Team:UB Indonesia"

 
(70 intermediate revisions by 3 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 7: Line 7:
 
     <meta name="author" content="">
 
     <meta name="author" content="">
  
−
     <title>Something Wonderful Project</title>
+
     <title>Brawijaya University - Detection on Dengue Fever </title>
  
 +
 +
 +
<style>
 +
top_menu_14, #top_menu_under, #top_menu_inside{
 +
box-sizing: initial; }
 +
top_menu_inside {
 +
margin-left: 20px; }
 +
bars_box, #menu_BarsBox, h5{
 +
-webkit-box-sizing: initial; box-sizing: initial; line-height: normal; }
 +
menu_BarsBox > h5 {
 +
color: rgb(0, 0, 0); font-family: arial, sans-serif; font-size: 12px; line-height: normal; margin-bottom: 0px; margin-top: 0px; font-weight: bold; }
 +
.accordion-content li { line-height: 18px; -webkit-box-sizing: initial; box-sizing: initial; }
 +
.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; }
 +
 +
 +
</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/stylesc?action=raw&ctype=text/css">
+
    <!-- Custom CSS
−
 
+
    <link href="https://2015.igem.org/Team:UB_Indonesia/css/grayscale?action=raw&ctype=text/css" rel="stylesheet"> -->
−
    <!-- Custom CSS -->
+
     <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/style?action=raw&ctype=text/css">
−
     <link href="https://2015.igem.org/Team:UB_Indonesia/css/grayscale?action=raw&ctype=text/css" rel="stylesheet">
+
  
 
     <!-- Custom Fonts -->
 
     <!-- Custom Fonts -->
−
     <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+
     <link href="https://2015.igem.org/Team:UB_Indonesia/css/font-awesome?action=raw&ctype=text/css" rel="stylesheet">
 
     <link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
 
     <link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
 
     <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 
     <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 +
    <link href="https://2015.igem.org/Team:UB_Indonesia/css/base" rel="stylesheet">
  
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
Line 28: Line 44:
 
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
     <![endif]-->
 
     <![endif]-->
−
    <style>
+
 
−
body {  
+
<style>  
−
     background-image: url('https://static.igem.org/mediawiki/2015/3/39/Dark-blue.jpg');
+
@font-face {
 +
     font-family: GaletteMedium;
 +
    src: url(https://static.igem.org/mediawiki/2015/8/88/UBIndonesia_-_Galette-Medium.otf);
 +
}
 +
       
 +
#h1{
 +
  font-family: GaletteMedium, sans-serif;
 +
  font-size: 34px;
 +
color: black;
 +
  border-style: none;
 +
}
 +
#h2{
 +
  font-family: GaletteMedium, sans-serif;
 +
  font-size: 27px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}
 +
#h3{
 +
  font-family: GaletteMedium, sans-serif;
 +
  font-size: 23px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}
 +
#h4{
 +
  font-family: GaletteMedium, sans-serif;
 +
  font-size: 17px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}     
 +
    #li{
 +
  font-family: GaletteMedium, sans-serif;
 +
  font-size: px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}
 +
   
 +
    body {
 +
    background-image: url('');
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-attachment: fixed;
 
     background-attachment: fixed;
−
     background-position: right;  
+
 
 +
     background-position: right;
 +
    background-position-x : 98%;
 +
    background-size: 15%;
 +
       
 +
}
 +
   
 +
#footer{
 +
position:absolute;
 +
  bottom:0;
 +
  width:100%;
 +
  height:60px;  /* Height of the footer */
 +
  background:#6cf;
 
}
 
}
−
#container {
 
−
  width: 80%;
 
−
  height: auto;
 
−
  padding-right: 15px;
 
−
  padding-left: 15px;
 
−
  margin-right: auto;
 
−
  margin-left: auto;
 
−
}</style>
 
−
</head>
 
  
−
<body background="img/intro-bg.jpg" id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
.dropdown:hover .dropdown-menu {
 +
    background-color: #DCEDC8;
 +
    display: block;
 +
    margin-top: 0;
 +
}
 +
    .navbar .navbar-nav {
 +
        color: white;
 +
  display: inline-block;
 +
  float: none;
 +
  vertical-align: top;
 +
}
  
−
    <!-- Navigation -->
+
.navbar .navbar-collapse {
−
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
+
  text-align: center;
−
        <div class="container">
+
}
−
            <div class="navbar-header">
+
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
−
                    <i class="fa fa-bars"></i>
+
−
                </button>
+
−
                <a class="navbar-brand page-scroll" href="#page-top">
+
−
                    <i class="glyphicon glyphicon-home"></i> UB INDONESIA</a>
+
−
            </div>
+
  
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
.navbar-default{
−
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
    text-align: center;
−
                <ul class="nav navbar-nav">
+
       
−
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
}
−
                    <li class="hidden">
+
.navbar-default-fix .navbar-nav > li > a:hover,
−
                        <a href="#page-top"></a>
+
.navbar-default-fix .navbar-nav > li > a:focus {
−
                    </li>
+
    color: white;
−
                    <li>
+
    background-color: #AAA;
−
                        <a class="page-scroll" href="#Introducing">Introducing</a>
+
    box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000;
−
                    </li>                   
+
   
−
                    <li>
+
}
−
                        <a class="page-scroll" href="#Resepsi">Menu 2</a>
+
.navbar-default-fix .navbar-nav > .active > a,
−
                    </li>
+
.navbar-default-fix .navbar-nav > .active > a:hover,
−
                    <li>
+
.navbar-default-fix .navbar-nav > .active > a:focus {
−
                        <a class="page-scroll" href="#Keluarga">Menu 3</a>
+
    color: white;
−
                    </li>
+
    background-color: #689F38;
−
                    <li>
+
    box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000;
−
                        <a class="page-scroll" href="#Denah">Menu 4</a>
+
    }
−
                    </li>                   
+
   
−
                    <li>
+
.dropdown .dropdown-menu > li > a:hover,
−
                        <a class="page-scroll" href="#BukuTamu">Menu 5</a>
+
.dropdown .dropdown-menu > li > a:focus {
−
                    </li>
+
    color: white;
−
                </ul>
+
    background-color: #B6B6B6;
−
            </div>
+
    ;
−
            <!-- /.navbar-collapse -->
+
   
−
         </div>
+
}
−
        <!-- /.container -->
+
   
−
    </nav>
+
     
 +
   
 +
   
 +
#li-ub{
 +
   
 +
    background-color: #8BC34A;
 +
box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000;
 +
   
 +
}
 +
    #li-ub-noborder{
 +
        background-color: #8BC34A;
 +
         color:
 +
    }
 +
#li-white{
 +
color: white;
 +
}
  
−
    <!-- Intro Header -->
+
.sponsor{
−
    <header class="intro">
+
  margin: 10px;
−
        <div class="intro-body">
+
  width: 120px;
−
            <div class="container">
+
  heigth: 120px;
−
                <div class="row">
+
opacity: 0.5;
−
                    <div class="col-md-8 col-md-offset-2">
+
  display: inline-block;
−
                        <h3 class="brand-heading" color="white">Something Wonderful Projects...</h3>
+
 
−
                        <p class="intro-text">Brawijaya University<br>
+
}
−
                        </p>
+
−
                        <a href="#Pembuka" class="btn btn-circle page-scroll">
+
−
                            <i class="fa fa-angle-double-down animated"></i>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </header>
+
  
−
    <!-- Story Section -->
+
.long{
−
    <section id="Pembuka" class="container content-section text-center">
+
  width:170px;
−
        <div class="row">
+
}
−
            <div class="col-lg-8 col-lg-offset-2">
+
.longplus{
−
            <br/><br>
+
  width:210px;
−
<hr>
+
}
  
−
<p>&quot;  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ex mi,  dignissim et odio ac, dapibus accumsan justo. Suspendisse sagittis odio  id condimentum pulvinar. Pellentesque habitant morbi tristique senectus  et netus et malesuada fames ac turpis egestas. Aenean quis turpis et  lectus convallis ullamcorper vel id tellus. Maecenas lacinia, augue non  pretium facilisis, lectus enim pharetra risus, vitae pretium orci nisi  in urna. Nunc maximus viverra velit, in eleifend nisi auctor  condimentum. Fusce lorem nulla, bibendum in facilisis laoreet, efficitur  eget sem. Curabitur odio ante, sagittis quis arcu id, sollicitudin  porta libero.  </p>
 
−
<p> Aliquam ullamcorper dignissim ligula in tincidunt. Mauris ut libero  interdum, scelerisque leo varius, dignissim massa. Class aptent taciti  sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.  Sed tristique porttitor venenatis. Sed malesuada sodales massa, nec  porttitor justo dignissim accumsan. In accumsan enim quis diam  efficitur, sed interdum diam vehicula. Sed at eros maximus, consequat  ipsum ut, luctus lectus. Aliquam porta ullamcorper facilisis. Aenean  quis mauris nunc. Nulla venenatis lacus ipsum, id interdum turpis  pretium eget. Curabitur non vestibulum tellus. &quot;</p>
 
−
<hr>
 
−
<br/>
 
  
−
<br>
+
.sponsor:hover{
−
<br>
+
  opacity: 1;
−
<br>
+
}
−
<br>
+
−
<br>
+
−
<br><br><br><br>
+
  
  
−
            </div>
 
−
        </div>
 
−
    </section>
 
  
−
     <!-- Resepsi Section -->
+
.sponsor img{
−
     <section id="Resepsi" class="container content-section text-center">
+
      
−
        <div class="row">
+
    width: auto;
−
          <div class="col-lg-8 col-lg-offset-2">
+
    height: auto; 
−
                <p>
+
    top: 0; 
−
                  </p>
+
    bottom: 0; 
−
                </p>
+
    left: 0; 
−
          </div>
+
    right: 0;
 +
max-height: 100%; 
 +
    max-width: 100%; 
 +
     margin: auto;
 +
}
 +
   
 +
</style>
 +
    <div class="row">
 +
        <div class="col-sm-3">
 
         </div>
 
         </div>
−
     </section>
+
      
−
    <section id="Keluarga" class="content-section text-center">
+
            <div class="col-sm-2" style="">
−
      <div class="keluarga-section">
+
        <img src="https://static.igem.org/mediawiki/2015/7/77/UBIndonesia_Fauzy_Logo_iGEM-02.png" style="height:150px;width:200px;"></img>
−
        <div class="container">
+
    </div>
−
            </div>
+
    <div class="col-sm-7" style="font-family: GaletteMedium, sans-serif;"> <h1>BRAWIJAYA UNIVERSITY</h1>
−
        </div>
+
    </div>
−
     </section>
+
     </div>
  
−
    <!-- Denah Section -->
 
−
    <section id="Denah" class="container content-section text-center">
 
−
        <div class="row">
 
−
            <div class="col-lg-8 col-lg-offset-2">
 
−
                    <h2>         
 
−
        </div>
 
−
        <br>
 
−
<div>
 
−
<h2>&nbsp;</h2>
 
−
</div>       
 
−
    </section>
 
  
−
     <!-- BukuTamu Section -->
+
      
−
     <section id="BukuTamu" class="container content-section text-center">
+
   
−
        <div class="row">
+
   
−
            <div class="col-lg-8 col-lg-offset-2">
+
<nav class="navbar navbar-default-fix">
 +
  <div class="navbar-header">
 +
   
 +
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
      <span class="icon-bar">___</span>
 +
      <span class="icon-bar">___</span>
 +
      <span class="icon-bar">___</span>
 +
     </button>
 +
  </div>
 +
  <div class="navbar-collapse collapse">
 +
    <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="dropdown">
 +
<a id="li-white">  INVESTIGATION ABOUT </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/Safety">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/Notebook">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/Protocols">PROTOCOLS</a></li>
 +
</ul>
  
−
                <p><br>
+
</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" class="dropdown">
 +
        <a id="li-white">TEAM</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/Team">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/Attributions">ATTRIBUTIONS</a></li>
 +
</ul>
  
−
</p>
+
</li>
−
              <div id="fb-root"></div>
+
        <li id="li-ub"><a id="li-white" href="https://2015.igem.org/Team:UB_Indonesia/Extras">EXTRAS</a></li>
−
<script>(function(d, s, id) {
+
       
−
  var js, fjs = d.getElementsByTagName(s)[0];
+
       
−
  if (d.getElementById(id)) return;
+
    </ul>
−
  js = d.createElement(s); js.id = id;
+
    <div class="navbar-header navbar-right">
−
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3&appId=807527079362442";
+
  <p class="navbar-text">
−
   fjs.parentNode.insertBefore(js, fjs);
+
  <a href="#" class="navbar-link">    </a>
−
}(document, 'script', 'facebook-jssdk'));</script>
+
  </p>
 +
  </div>
 +
   </div>
 +
</nav>
  
−
<div
 
−
align="center"
 
−
  class="fb-like"
 
−
  data-share="true"
 
−
  data-width=100%
 
−
  data-show-faces="true">
 
−
</div>
 
  
  
−
<div style="width:100%" class="fb-comments" data-colorscheme="dark" data-href="http://ananta.id/novianantawedding/" data-numposts="25"></div>
+
   
−
<br>
+
</head>
−
<br>
+
<body style="background-color:#DCEDC8">
−
           
+
    <div class="row">
−
          </div>
+
    <div class="col-sm-2">
 +
        <div class="box1">
 +
        </div>
 +
    </div>
 +
    <div class="col-sm-8">
 +
        <div class="">
 +
         
 +
                <img src="https://static.igem.org/mediawiki/2015/1/1d/UBIndonesia_Fauzy_ilustrasi_wiki_2-02_copy_%282%29.png" style="height:600px;width:900px;"> </img>
 +
         
 
         </div>
 
         </div>
−
    </section>
 
−
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
 
−
    <!-- Footer -->
 
−
    <footer>
 
−
        <div class="container text-center">
 
−
            <p>Copyright &copy; UB Team</p>
 
−
            <hr>
 
−
            Credit to : MOO<a href="http://www.facebook.com"></a>
 
 
         </div>
 
         </div>
−
     </footer>
+
     </div>
  
−
    <!-- jQuery -->
 
−
    <script src="js/jquery.js"></script>
 
  
−
    <!-- Bootstrap Core JavaScript -->
 
−
    <script src="https://2014.igem.org/Team:UB_Indonesia/js/bootstrap?action=raw&ctype=text/javascript"></script>
 
  
−
    <!-- Plugin JavaScript -->
+
<div class="row">
−
    <script>
+
              <div class="col-sm-2">
−
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
+
                 
−
</script>
+
              </div>
 +
              <div class="col-sm-2">
 +
    <img src="https://static.igem.org/mediawiki/2015/1/11/UBIndonesia_Fauzy_GEN.png" style="height:200px;width:200px;"> </img>
 +
              </div>
 +
    <div class="col-sm-6">
 +
<br>
 +
First, we will construct an expression system of E. coli that can secrete a functional antibody fragment by means of plasmid transformation that has been fused with OsmY.  
 +
              </div>
 +
<div class="col-sm-1">
 +
                 
 +
              </div>
 +
</div>
  
−
    <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
+
<div class="row">
 +
              <div class="col-sm-2">
 +
                 
 +
              </div>
 +
              <div class="col-sm-2">
 +
    <img src="https://static.igem.org/mediawiki/2015/8/8f/UBIndonesia_Fauzy_KIT.png" style="height:200px;width:200px;"> </img>
 +
              </div>
 +
    <div class="col-sm-6">
 +
<br>
 +
And then antibody named scFv will be put in construction kit which aimed to detect dengue virus particle in the patient’s sample rapidly and accurately. Our goal is to create cheap, easy, and suggestive kit to know whether somebody get fever caused by dengue infection.
 +
              </div>
 +
<div class="col-sm-1">
 +
</div>
 +
</div>
  
 +
<div class="row">
 +
              <div class="col-sm-2">
 +
                 
 +
              </div>
 +
              <div class="col-sm-2">
 +
    <img src="https://static.igem.org/mediawiki/2015/1/18/UBIndonesia_Fauzy_mobile.png" style="height:200px;width:200px;"> </img>
 +
              </div>
 +
    <div class="col-sm-6">
 +
<br>
 +
We also designed a mobile-based software aimed to support the interpretation of detection results from our diagnostic kit. Also, to make society more aware toward how severe dengue fever is, we show some applicative information for society, which is easy-to-understand explanation about the clinical manifestation, warning sign and suggestion of dengue fever. Thus society couls also know what to do when they finding a patient with dengue-suspicion.
 +
              </div>
 +
<div class="col-sm-1">
 +
                 
 +
              </div>
 +
</div>
  
−
     <!-- Custom Theme JavaScript -->
+
<div class="row">
−
     <script>
+
              <div class="col-sm-2">
 +
                 
 +
              </div>
 +
              <div class="col-sm-2">
 +
     <img src="https://static.igem.org/mediawiki/2015/3/36/UBIndonesia_Fauzy_web.png" style="height:200px;width:200px;"> </img>
 +
              </div>
 +
    <div class="col-sm-6">
 +
<br>
 +
<p> In addition, the software is able to retrieve data and report the results of a diagnosis that can be directly sent to the central server at the various health care with online system. This is expected to assist the government in providing data of dengue fever cases in various areas, because the medical record is still being the issue of health epidemiology. So that the government can immediately intervene quickly and accurately toward the endemic area. </p>
 +
<p> The solutions we offer are expected to reduce the incidence and mortality of dengue fever in Indonesia, which we know dengue fever and its sequel, dengue hemmorhagic fever, are abundant in tropical country like our country. It is important to do so, because dengue fever could become shock form, which is lethal if we don’t act faster and earlier. </p>
 +
              </div>
 +
<div class="col-sm-1">
 +
                 
 +
              </div>
 +
</div>
 +
<br><br><br><br><br><br><br>
 +
      
 +
   
 +
<div class="footer">
 +
  <div class="container" style="text-align:center;">
 +
      <div style="text-align:center;">
 +
          <h1 id="h1">Denguetective Sponsored By</h1>
 +
      </div>
  
−
// jQuery to collapse the navbar on scroll
 
−
$(window).scroll(function() {
 
−
    if ($(".navbar").offset().top > 50) {
 
−
        $(".navbar-fixed-top").addClass("top-nav-collapse");
 
−
    } else {
 
−
        $(".navbar-fixed-top").removeClass("top-nav-collapse");
 
−
    }
 
−
});
 
  
−
// jQuery for page scrolling feature - requires jQuery Easing plugin
+
<div class="sponsor">
−
$(function() {
+
      <a>
−
    $('a.page-scroll').bind('click', function(event) {
+
         <img src="https://static.igem.org/mediawiki/2015/0/0c/UBIndonesiaLOGO-UB.png" style="">
−
         var $anchor = $(this);
+
         </a></div>
−
        $('html, body').stop().animate({
+
−
            scrollTop: $($anchor.attr('href')).offset().top
+
−
         }, 1500, 'easeInOutExpo');
+
−
        event.preventDefault();
+
−
    });
+
−
});
+
  
−
// Closes the Responsive Menu on Menu Item Click
 
−
$('.navbar-collapse ul li a').click(function() {
 
−
    $('.navbar-toggle:visible').click();
 
−
});
 
  
−
// Google Maps Scripts
+
    <div class="sponsor longplus">
−
// When the window has finished loading create our google map below
+
      <a>
−
google.maps.event.addDomListener(window, 'load', init);
+
        <img src="https://static.igem.org/mediawiki/2015/c/c5/UBIndonesiakyushu.png" style="">
 +
        </a></div>
 +
     
 +
      <div class="sponsor longplus">
 +
      <a>
 +
        <img src="https://static.igem.org/mediawiki/2015/5/5b/UBIndonesiaIDT_logo_trans.png" style="">
 +
        </a></div>
 +
    </div>
 +
      <div class="container" style="text-align:center;">
 +
<div class="sponsor">
 +
      <a>
 +
        <img src="https://static.igem.org/mediawiki/2015/1/1b/UBIndonesia_Agro_Makmur_Sentosa.png">
 +
        </a></div>
 +
</div>
  
−
function init() {
 
−
    // Basic options for a simple Google Map
 
−
    // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
 
−
    var mapOptions = {
 
−
        // How zoomed in you want the map to start at (always required)
 
−
        zoom: 15,
 
  
−
        // The latitude and longitude to center the map (always required)
 
−
        center: new google.maps.LatLng(40.6700, -73.9400), // New York
 
  
−
        // Disables the default Google Maps UI components
+
<div class="container" style="text-align:center;">
−
         disableDefaultUI: true,
+
      <div style="text-align:center;">
−
         scrollwheel: false,
+
          <h1 id="h1">Our Wonderful Partners</h1>
−
         draggable: false,
+
      </div>
 +
<div class="sponsor">
 +
      <a>
 +
         <img src="https://static.igem.org/mediawiki/2015/6/6d/UBIndonesialogo_Jawa_Timur.png" style="">
 +
         </a></div>
 +
<div class="sponsor">
 +
      <a>
 +
         <img src="https://static.igem.org/mediawiki/2015/f/f3/UBIndonesialogo_depkes.png" style="">
 +
        </a></div>
 +
     
 +
</div>
  
−
        // How you would like to style the map.
+
   
−
        // This is where you would paste any style found on Snazzy Maps.
+
   
−
        styles: [{
+
    <div class="container" style="height:10px;text-align:center;">
−
            "featureType": "water",
+
       
−
            "elementType": "geometry",
+
    <div style="text-align:center;">
−
            "stylers": [{
+
         <h1 id="h1">Media Partner Supported By</h1>
−
                "color": "#000000"
+
      </div>
−
            }, {
+
          
−
                "lightness": 17
+
         <div class="sponsor longplus">
−
            }]
+
      <a>
−
        }, {
+
         <img src="https://static.igem.org/mediawiki/2015/5/58/UBIndonesiaradar-malang.png">
−
            "featureType": "landscape",
+
             </a></div>
−
            "elementType": "geometry",
+
     </div>
−
            "stylers": [{
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 20
+
−
            }]
+
−
         }, {
+
−
            "featureType": "road.highway",
+
−
            "elementType": "geometry.fill",
+
−
            "stylers": [{
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 17
+
−
            }]
+
−
         }, {
+
−
            "featureType": "road.highway",
+
−
            "elementType": "geometry.stroke",
+
−
            "stylers": [{
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 29
+
−
            }, {
+
−
                "weight": 0.2
+
−
            }]
+
−
         }, {
+
−
            "featureType": "road.arterial",
+
−
            "elementType": "geometry",
+
−
            "stylers": [{
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 18
+
−
            }]
+
−
         }, {
+
−
            "featureType": "road.local",
+
−
            "elementType": "geometry",
+
−
            "stylers": [{
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 16
+
−
            }]
+
−
        }, {
+
−
            "featureType": "poi",
+
−
            "elementType": "geometry",
+
−
            "stylers": [{
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 21
+
−
            }]
+
−
        }, {
+
−
            "elementType": "labels.text.stroke",
+
−
             "stylers": [{
+
−
                "visibility": "on"
+
−
            }, {
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 16
+
−
            }]
+
−
        }, {
+
−
            "elementType": "labels.text.fill",
+
−
            "stylers": [{
+
−
                "saturation": 36
+
−
            }, {
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 40
+
−
            }]
+
−
        }, {
+
−
            "elementType": "labels.icon",
+
−
            "stylers": [{
+
−
                "visibility": "off"
+
−
            }]
+
−
        }, {
+
−
            "featureType": "transit",
+
−
            "elementType": "geometry",
+
−
            "stylers": [{
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 19
+
−
            }]
+
−
        }, {
+
−
            "featureType": "administrative",
+
−
            "elementType": "geometry.fill",
+
−
            "stylers": [{
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 20
+
−
            }]
+
−
        }, {
+
−
            "featureType": "administrative",
+
−
            "elementType": "geometry.stroke",
+
−
            "stylers": [{
+
−
                "color": "#000000"
+
−
            }, {
+
−
                "lightness": 17
+
−
            }, {
+
−
                "weight": 1.2
+
−
            }]
+
−
        }]
+
−
     };
+
  
−
    // Get the HTML DOM element that will contain your map
+
  </div>
−
    // We are using a div with id="map" seen below in the <body>
+
−
    var mapElement = document.getElementById('map');
+
  
−
    // Create the Google Map using out element and options defined above
+
</body>
−
     var map = new google.maps.Map(mapElement, mapOptions);
+
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
 +
    </script>
  
−
    // Custom Map Marker Icon - Customize the map-marker.png file to customize your icon
+
<!-- Optional theme
−
    var image = 'img/map-marker.png';
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">-->
−
    var myLatLng = new google.maps.LatLng(40.6700, -73.9400);
+
−
    var beachMarker = new google.maps.Marker({
+
−
        position: myLatLng,
+
−
        map: map,
+
−
        icon: image
+
−
    });
+
−
}</script>
+
  
−
</body>
+
<!-- Latest compiled and minified JavaScript -->
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  
 +
 
 
</html>
 
</html>

Latest revision as of 02:56, 19 September 2015

Brawijaya University - Detection on Dengue Fever

BRAWIJAYA UNIVERSITY


First, we will construct an expression system of E. coli that can secrete a functional antibody fragment by means of plasmid transformation that has been fused with OsmY.

And then antibody named scFv will be put in construction kit which aimed to detect dengue virus particle in the patient’s sample rapidly and accurately. Our goal is to create cheap, easy, and suggestive kit to know whether somebody get fever caused by dengue infection.

We also designed a mobile-based software aimed to support the interpretation of detection results from our diagnostic kit. Also, to make society more aware toward how severe dengue fever is, we show some applicative information for society, which is easy-to-understand explanation about the clinical manifestation, warning sign and suggestion of dengue fever. Thus society couls also know what to do when they finding a patient with dengue-suspicion.

In addition, the software is able to retrieve data and report the results of a diagnosis that can be directly sent to the central server at the various health care with online system. This is expected to assist the government in providing data of dengue fever cases in various areas, because the medical record is still being the issue of health epidemiology. So that the government can immediately intervene quickly and accurately toward the endemic area.

The solutions we offer are expected to reduce the incidence and mortality of dengue fever in Indonesia, which we know dengue fever and its sequel, dengue hemmorhagic fever, are abundant in tropical country like our country. It is important to do so, because dengue fever could become shock form, which is lethal if we don’t act faster and earlier.








Denguetective Sponsored By

Our Wonderful Partners

Media Partner Supported By