Difference between revisions of "Team:UI Indonesia"

Line 48: Line 48:
 
   }
 
   }
  
−
   .navbar {
+
   <!---- MT NAVBAR --->
−
    background-color: #4CAF50;
+
.sidebar-nav {
−
    position: fixed;
+
  padding: 9px 0;
−
    top: 10px ;
+
}
−
    width: 100%;
+
−
    z-index:50;
+
−
  }
+
  
−
  .navbar a {
+
.dropdown-menu .sub-menu {
−
    float: left;
+
  left: 100%;
−
    color: white;
+
  position: absolute;
−
    text-align: center;
+
  top: 0;
−
    padding-top: 20px;
+
  visibility: hidden;
−
    padding-bottom: 10px;
+
  margin-top: -1px;
−
    padding-right: 10px;
+
}
−
    padding-left: 10px;
+
−
    text-decoration: none;
+
−
    font-size: 16px;
+
−
  }
+
  
−
  .dropdown {
+
.dropdown-menu li:hover .sub-menu {
−
    float: left;
+
  visibility: visible;
−
    overflow: hidden;
+
}
−
  }
+
  
−
  .dropdown .dropbtn {
+
.dropdown:hover .dropdown-menu {
−
    font-size: 8px;  
+
  display: block;
−
    border: none;
+
}
−
    outline: none;
+
−
    color: #f9c89b;
+
−
    padding: 15px 10px;
+
−
    background-color: inherit;
+
−
  }
+
  
−
  .navbar a:hover, .dropdown:hover .dropbtn {
+
.nav-tabs .dropdown-menu,
−
    background-color: #8bc34a;
+
.nav-pills .dropdown-menu,
−
  }
+
.navbar .dropdown-menu {
 +
  margin-top: 0;
 +
}
  
−
  .dropdown-content {
+
.navbar .sub-menu:before {
−
    display: none;
+
  border-bottom: 7px solid transparent;
−
    position: absolute;
+
  border-left: none;
−
    background-color: #ddffdd;
+
  border-right: 7px solid rgba(0, 0, 0, 0.2);
−
    min-width: 160px;
+
  border-top: 7px solid transparent;
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
  left: -7px;
−
    z-index: 100;
+
  top: 10px;
−
    top: 60px;
+
}
−
    font-size: 8 px;
+
−
  }
+
  
−
  .dropdown-content a {
+
.navbar .sub-menu:after {
−
    float: none;
+
  border-top: 6px solid transparent;
−
    color: black;
+
  border-left: none;
−
    padding: 12px 18px;
+
  border-right: 6px solid #fff;
−
    text-decoration: none;
+
  border-bottom: 6px solid transparent;
−
    display: block;
+
  left: 10px;
−
    text-align: left;
+
  top: 11px;
−
   }
+
   left: -6px;
 +
}  
  
−
  .dropdown-content a:hover {
+
.dropdown>ul{
−
    background-color: #8bc34a;
+
background-color:#ddffdd;
−
  }
+
}
  
−
  .dropdown:hover .dropdown-content {
+
.dropdown:hover{
−
    display: block;
+
background-color:#9ff99f;
−
    position: fixed;
+
}
−
  }
+
.navbar-header:hover{
 +
background-color:#4CAF50;
 +
}
 +
.dropdown-menu>li>a:hover{
 +
background-color:#4CAF50;  
 +
}
 +
.navbar-nav>li:hover{
 +
background-color:#4CAF50;
 +
}
  
 +
.navbar-default{
 +
background-color:#1F2421}
 +
border-color:none;
 +
}
 +
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
 +
color:white;}
 +
.navbar-default .navbar-brand{
 +
color:white;}
 +
.navbar-default .navbar-nav>li>a{
 +
color:white;
 +
}
 +
 +
.dropdown-menu{
 +
background-color:#ddffdd;
 +
}
 +
.current{
 +
    background-color:#4CAF50; 
 +
}
 +
.navbar-default .navbar-nav>.open>a{
 +
background-color:1F2421;color:white;}
 +
 +
.navbar{
 +
margin:0px;border:0px;}
 
</style>
 
</style>
  
 
<body>
 
<body>
 
<!-- Navbar -->
 
<!-- Navbar -->
−
<div class="navbar">
+
<nav class="navbar navbar-default">
−
   <!-- 1 -->
+
  <div class="navbar-inner">
−
  <a class="w3-bar-item w3-light-green" href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
+
   <div class="container-fluid">
−
  <!-- 2 -->
+
    <div class="navbar-header">
−
  <div class="dropdown">
+
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project▾</a>
+
        <span class="icon-bar"></span>
−
      <div class="dropdown-content">
+
        <span class="icon-bar"></span>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#overview">Overview</a>
+
        <span class="icon-bar"></span>                       
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a>
+
      </button>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a>
+
      <a class="navbar-brand" href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
−
       </div>
+
    </div>
 +
    <div class="collapse navbar-collapse" id="myNavbar">
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li class="dropdown navbar-project">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/Project#">Project<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#">Overview</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="navbar-parts"><a href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a></li>
 +
<li class="navbar-safety"><a href="https://2018.igem.org/Team:UI_Indonesia/Safety">Safety</a></li>
 +
<li class="dropdown navbar-interlab">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab">InterLab<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a></li>
 +
<li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a></li>
 +
<li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a></li>
 +
          </ul>
 +
        </li>
 +
<li class="navbar-model"><a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a></li>
 +
<li class="dropdown navbar-humanpractice">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse1">Campus Campaign</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse2">Social Work</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse3">Biosafety & Biosecurity Training</a></li>
 +
<li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse4">Human Practice Catalogue</a></li>
 +
          </ul>
 +
        </li>
 +
<li class="navbar-improve"><a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a></li>
 +
<li class="navbar-team"><a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a></li>
 +
<li class="navbar-collaborations"><a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a></li>
 +
<li class="navbar-attributions"><a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a></li>
 +
       </ul>
 +
    </div>
 
   </div>
 
   </div>
−
  <!-- 3 -->
 
−
  <div class="dropdown">
 
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a>
 
−
<!--      <div class="dropdown-content">
 
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Overview</a>
 
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Our Project</a>
 
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Results and Discussions</a>
 
−
      </div> -->
 
 
   </div>
 
   </div>
−
  <!-- 4 -->
+
</nav>
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Safety">Safety</a>
+
−
  <!-- 5 -->
+
−
  <div class="dropdown">
+
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab"">InterLab▾</a>
+
−
      <div class="dropdown-content">
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a>
+
−
      </div>
+
−
  </div>
+
−
  <!-- 6 -->
+
−
  <div class="dropdown">
+
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a>
+
−
<!--      <div class="dropdown-content">
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Overview</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Our Project</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Results and Discussions</a>
+
−
      </div> -->
+
−
  </div>
+
−
  <!-- 7 -->
+
−
  <div class="dropdown">
+
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices▾</a>
+
−
      <div class="dropdown-content">
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#campuscampaign">Campus Campaign</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#socialwork">Social Work</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#biotraining">Biosafety & Biosecurity Training</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#catalogue">Human Practice Catalogue</a>
+
−
      </div>
+
−
  </div>
+
−
  <!-- 8 -->
+
−
  <div class="dropdown">
+
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a>
+
−
<!--      <div class="dropdown-content">
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#">Overview</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#">Our Project</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#">Results and Discussions</a>
+
−
      </div> -->
+
−
  </div>
+
−
  <!-- 9 -->
+
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a>
+
−
  <!-- 10 -->
+
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a>
+
−
  <!-- 11 -->
+
−
  <div class="dropdown">
+
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a>
+
−
<!--      <div class="dropdown-content">
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Overview</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Our Project</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Results and Discussions</a>
+
−
      </div> -->
+
−
  </div>
+
−
</div>
+
−
 
+
 
<!-- First Parallax Image with Logo Text -->
 
<!-- First Parallax Image with Logo Text -->
 
<div class="bgimg-1 w3-display-container">
 
<div class="bgimg-1 w3-display-container">

Revision as of 05:20, 11 October 2018

Diphtheria is an infection caused by pathogenic bacterium Corynebacterium diphtheriae. The hallmark of diphtheria infection is pseudomembrane formation in posterior pharynx, potentially leading to respiratory tract obstruction and death. In addition, the bacterium produces toxin that enters cell via interaction with heparin-binding EGF-like growth factor (HB-EGF) receptor and inhibits protein synthesis, resulting in lethal complications such as myocarditis, bleeding problem, kidney and liver necrosis.
Despite being preventable and curable, incidence and mortality rate caused by diphtheria are still increasing, especially in developing countries including Indonesia. Recently, there has been diphtheria outbreak affecting major provinces in Indonesia, mainly in unvaccinated children and adults. Therefore, there are two issues to be highlighted: (1) lack of early detection and prompt treatment of diphtheria infection and (2) lack of awareness regarding diphtheria and vaccination among Indonesian people.
We, fourteen undergraduate students from various backgrounds in iGEM University of Indonesia (UI) 2018 team, are collaborating in attempt to overcome these problems. We plan to develop an alternative method for detecting diphtheria toxin by integrating native Escherichia coli chemotaxis system with heparin-binding EGF-like growth factor (HB-EGF) receptor and fluorescence resonance energy transfer (FRET) system, comprising of LuxAB and enhanced yellow fluorescence protein (eYFP). Furthermore, we plan to raise awareness regarding diphtheria and vaccination among people around us by means of charities and social works. For further information about our project, human practices, collaboration with other iGEM teams, and many others, feel free to navigate our Wiki pages.
Team UI Indonesia
  igemui2018@gmail.com