Difference between revisions of "Team:UI Indonesia/Attributions"

Line 10: Line 10:
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
</head>
 
</head>
  
Line 69: Line 70:
 
   }
 
   }
  
−
  .navbar {
 
−
    background-color: #4CAF50;
 
−
    position: fixed;
 
−
    top: 10px ;
 
−
    width: 100%;
 
−
    z-index:50;
 
−
  }
 
  
−
  .navbar a {
 
−
    float: left;
 
−
    color: white;
 
−
    text-align: center;
 
−
    padding-top: 20px;
 
−
    padding-bottom: 10px;
 
−
    padding-right: 10px;
 
−
    padding-left: 10px;
 
−
    text-decoration: none;
 
−
    font-size: 16px;
 
−
  }
 
−
 
−
  .dropdown {
 
−
    float: left;
 
−
    overflow: hidden;
 
−
  }
 
−
 
−
  .dropdown .dropbtn {
 
−
    font-size: 8px;   
 
−
    border: none;
 
−
    outline: none;
 
−
    color: #f9c89b;
 
−
    padding: 15px 10px;
 
−
    background-color: inherit;
 
−
  }
 
−
 
−
  .navbar a:hover, .dropdown:hover .dropbtn {
 
−
    background-color: #8bc34a;
 
−
  }
 
−
 
−
  .dropdown-content {
 
−
    display: none;
 
−
    position: absolute;
 
−
    background-color: #ddffdd;
 
−
    min-width: 160px;
 
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
−
    z-index: 100;
 
−
    top: 60px;
 
−
    font-size: 8 px;
 
−
  }
 
−
 
−
  .dropdown-content a {
 
−
    float: none;
 
−
    color: black;
 
−
    padding: 12px 18px;
 
−
    text-decoration: none;
 
−
    display: block;
 
−
    text-align: left;
 
−
  }
 
−
 
−
  .dropdown-content a:hover {
 
−
    background-color: #8bc34a;
 
−
  }
 
−
 
−
  .dropdown:hover .dropdown-content {
 
−
    display: block;
 
−
    position: fixed;
 
−
  }
 
  
 
   .container {
 
   .container {
Line 180: Line 116:
 
     text-align: center;
 
     text-align: center;
 
   }
 
   }
 +
  <!---- MT NAVBAR --->
 +
.sidebar-nav {
 +
  padding: 9px 0;
 +
}
 +
 +
.dropdown-menu .sub-menu {
 +
  left: 100%;
 +
  position: absolute;
 +
  top: 0;
 +
  visibility: hidden;
 +
  margin-top: -1px;
 +
}
 +
 +
.dropdown-menu li:hover .sub-menu {
 +
  visibility: visible;
 +
}
 +
 +
.dropdown:hover .dropdown-menu {
 +
  display: block;
 +
}
 +
 +
.nav-tabs .dropdown-menu,
 +
.nav-pills .dropdown-menu,
 +
.navbar .dropdown-menu {
 +
  margin-top: 0;
 +
}
 +
 +
.navbar .sub-menu:before {
 +
  border-bottom: 7px solid transparent;
 +
  border-left: none;
 +
  border-right: 7px solid rgba(0, 0, 0, 0.2);
 +
  border-top: 7px solid transparent;
 +
  left: -7px;
 +
  top: 10px;
 +
}
 +
 +
.navbar .sub-menu:after {
 +
  border-top: 6px solid transparent;
 +
  border-left: none;
 +
  border-right: 6px solid #fff;
 +
  border-bottom: 6px solid transparent;
 +
  left: 10px;
 +
  top: 11px;
 +
  left: -6px;
 +
}
 +
 +
.dropdown>ul{
 +
background-color:#ddffdd;
 +
}
 +
 +
.dropdown:hover{
 +
background-color:#9ff99f;
 +
}
 +
.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;}
  
 
</style>
 
</style>
Line 185: Line 204:
 
<body>
 
<body>
 
<!-- Navbar -->
 
<!-- Navbar -->
−
<div class="navbar">
+
<nav class="navbar navbar-default">
−
   <!-- 1 -->
+
  <div class="navbar-inner">
−
  <a 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="asd.html">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 current"><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 class="w3-bar-item w3-light-green" 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>
+
  
 
<!-- Container (Introduction Section) -->
 
<!-- Container (Introduction Section) -->
Line 293: Line 288:
 
   </ol>
 
   </ol>
 
</div>
 
</div>
 +
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Revision as of 13:47, 10 October 2018

OUR SINCERE AND HEARTFELT GRATITUDE
Words simply cannot express the level of gratitude we have to these people, without whom we would not have accomplished what we have done, without whom we cannot be where we are today, and without whom we would not have delivered our dedication towards the eradication of Diphtheria and our responsibilities to humanities.

  1. Department of Environmental Health, Faculty of Public Health, University of Indonesia for the participation in campus campaign and opinion sharing regarding the project.
  2. Department of Chemical Engineering, Faculty of Engineering, University of Indonesia for the participation in collaboration between UI and NTU by filling out the survey that was provided.
  3. IHVCB (Institute of Human Virology and Cancer Biology) that has provided biosafety & biosecurity training, lab access, and opportunities for us to hold a mini seminar that aims to get people to know about the project itself.
  4. The committee of Kerja Sosial (KERSOS) 2018 Faculty of Engineering, University of Indonesia for the opportunity and cooperation to work together in KERSOS program in order to gain public participations in directing the project.
  5. Prof. Dr. dr. I Made Djaja, SKM, M.Sc. from the Faculty of Public Health, University of Indonesia for the help, consideration, and consultancy according to the biosafety aspect of the project.
  6. Dr. dr. Budiman Bela, Sp.MK. from the Faculty of Medicine, University of Indonesia for providing insights about molecular designing and genetic theoretical construction.
  7. Dr. drh. Silvia Tri Widyaningtyas, M.Biomed from IHVCB, University of Indonesia for teaching our team lab techniques in microbiology and molecular biology.
  8. Aroem Naroeni, DEA, PhD from IHVCB, University of Indonesia for the help in issuing recommendation for biosafety and biosecurity aspects of the projects.
  9. Nanyang Technological University (NTU) iGEM Team 2018 for the collaboration in both lab work and human practices.
  10. Mr. Wahyu Andrianto, S.H., M. H. from the Faculty of Law, University of Indonesia for the help, consideration, and consultancy according to our ethical review in legal aspect.
  11. Pastor Raditya Oloan for the consideration and help according to our ethical review in religion aspect from Christian point of view.
  12. Father Swasono for the consideration and help according to our ethical review in religion aspect from Catholic point of view.
  13. Ir. Soelyono, M.M. from Faculty of Humanities, University of Indonesia for the consideration and help according to our ethical review in religion aspect from Buddhism point of view.
  14. Ustad Nur Fajri Romadhon as a member of Fatwa Committee of Special Capital Region of Jakarta for giving us insights from Islam point of view
  15. AGAMA HINDU
  16. Ms. Aulia Reski W, B.Sc and Mr. Supriadi as Policy and Practice Advisor UI iGEM Team 2018
  17. Mr. Putra Mahanim T., Mr. Brian Mendel, and Mr. Adi Nugroho H., S.Ked as Lab Advisor UI iGEM Team 2018