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

Line 25: Line 25:
 
   .mySlides {display: none}
 
   .mySlides {display: none}
  
−
   .bgimg-6 {
+
   .bgimg-1, .bgimg-2 {
 
       background-attachment: fixed;
 
       background-attachment: fixed;
 
       background-position: center;
 
       background-position: center;
Line 32: Line 32:
 
   }
 
   }
  
−
   .bgimg-6 {
+
   .bgimg-1 {
 +
      background-image: url('https://static.igem.org/mediawiki/2018/8/83/T--UI_Indonesia--cover4.png');
 +
      min-height: 650px;
 +
  }
 +
 
 +
  .bgimg-2 {
 
       background-image: url("https://static.igem.org/mediawiki/2018/b/b0/T--UI_Indonesia--team.jpg");
 
       background-image: url("https://static.igem.org/mediawiki/2018/b/b0/T--UI_Indonesia--team.jpg");
−
       min-height: 500px;
+
       min-height: 400px;
 
   }
 
   }
  
 
   @media only screen and (max-device-width: 1024px) {
 
   @media only screen and (max-device-width: 1024px) {
−
       .bgimg-6 {
+
       .bgimg-1, .bgimg-2 {
 
           background-attachment: scroll;
 
           background-attachment: scroll;
 
       }
 
       }
Line 108: Line 113:
 
     display: block;
 
     display: block;
 
     position: fixed;
 
     position: fixed;
−
  }
 
−
 
−
  .w3-image {
 
−
    max-width:40%;
 
−
    height:auto
 
 
   }
 
   }
  
Line 120: Line 120:
 
<!-- Navbar -->
 
<!-- Navbar -->
 
<div class="navbar">
 
<div class="navbar">
−
   <a href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
+
  <!-- 1 -->
 +
   <a class="w3-bar-item w3-light-green" href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
 +
  <!-- 2 -->
 
   <div class="dropdown">
 
   <div class="dropdown">
−
     <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project</a>
+
     <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project ⯆</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
 
         <a href="https://2018.igem.org/Team:UI_Indonesia/Project#overview">Overview</a>
 
         <a href="https://2018.igem.org/Team:UI_Indonesia/Project#overview">Overview</a>
Line 129: Line 131:
 
       </div>
 
       </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>
 +
  <!-- 4 -->
 
   <a href="https://2018.igem.org/Team:UI_Indonesia/Modeling">Modeling</a>
 
   <a href="https://2018.igem.org/Team:UI_Indonesia/Modeling">Modeling</a>
 +
  <!-- 5 -->
 
   <div class="dropdown">
 
   <div class="dropdown">
−
     <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab"">InterLab</a>
+
     <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab"">InterLab ⯆</a>
 
       <div class="dropdown-content">
 
       <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#intro">Introduction</a>
Line 140: Line 153:
 
       </div>
 
       </div>
 
   </div>
 
   </div>
 +
  <!-- 6 -->
 
   <div class="dropdown">
 
   <div class="dropdown">
−
     <a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Human Practices</a>
+
     <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">
 
       <div class="dropdown-content">
−
         <a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices#campuscampaign">Campus Campaign</a>
+
         <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#campuscampaign">Campus Campaign</a>
−
         <a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices#socialwork">Social Work</a>
+
         <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#socialwork">Social Work</a>
−
         <a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices#biotraining">Biosafety & Biosecurity Training</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/Human_Practices#catalogue">Human Practice Catalogue</a>
+
         <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#catalogue">Human Practice Catalogue</a>
 
       </div>
 
       </div>
 
   </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>
 
   <a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a>
−
   <a class="w3-bar-item w3-light-green" href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a>
+
   <!-- 11 -->
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a>
+
  <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>
 
</div>
  
−
<!-- Container (Team Section) -->
+
<!-- First Parallax Image with Logo Text -->
−
<div class="bgimg-6 w3-display-container" id="team">
+
<div class="bgimg-1 w3-display-container">
−
   <div class="w3-display-middle" style="white-space:nowrap;">
+
   <div class="w3-display-middle">
 +
    <span class="w3-xxlarge w3-text-white w3-wide"></span>
 
   </div>
 
   </div>
 
</div>
 
</div>
  
−
<div class="w3-content w3-container w3-padding-64">
+
<!-- Container (About Section) -->
−
   <h5 class="w3-center">Driven by kindred spirit and compassion, these fourteen undergraduate students from University of Indonesia (UI) are solemnly pledged to turn their mutual dreams into reality. Get to know them better, shall we?<br><br>
+
<div class="w3-content w3-container w3-padding-64" id="about">
−
  <em>Click on the images to see details.</em></h5>
+
   <h5>Diphtheria is an infection caused by pathogenic bacterium <i>Corynebacterium diphtheriae</i>. 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.</h5>
 +
<h5>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.</h5>
  
−
  <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
 
 
   <div class="w3-row-padding w3-center">
 
   <div class="w3-row-padding w3-center">
−
     <div class="w3-col m3">
+
     <button class="w3-button w3-padding-large w3-light-green" onclick="location.href = 'https://2018.igem.org/Team:UI_Indonesia/Project';" style="margin-top:64px">SEE MORE</button>
−
      <img src="https://static.igem.org/mediawiki/2018/1/1e/T--UI_Indonesia--memberniki.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Nuikita Wachid (Niki)</b><br><em>Team Manager</em><br>Niki is a Nursing student in her senior year. She is managing team funding for this project and helping team leader manage team. Her hobby is making creative contents through social media platforms like Instagram, Twitter, and Youtube. Her dream is to enroll into Ivy League's postgraduate program.">
+
−
    </div>
+
−
 
+
−
    <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/e/e8/T--UI_Indonesia--membervaldi.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Valdi Ven Japranata</b><br><em>Team Leader</em><br>Valdi is a third-year student majoring Medicine. As a team leader, he supervises every divisions’ progress and keeps his team members’ enthusiasm. He is also part of the Wet Lab division. He likes to spend his spare time doing handcrafts, playing his little guitar, and listening to music. Lana Del Rey, Ed Sheeran, and Selena Gomez are some artists in his playlist. He aspires to be dermatologist in the future and develop his own skincare products.">
+
−
    </div>
+
−
 
+
−
    <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/3/34/T--UI_Indonesia--memberandre.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Andrea Laurentius (Andre)</b><br><em>Wet Lab Division</em><br>Andrea is a second-year Medical student in Universitas Indonesia. Molecular engineering and surgery is his whole new level of ambitions. He loves to spend time in gyms and laboratories, and he is eagerly looking forward to the Giant Jamboree!">
+
−
    </div>
+
−
 
+
−
    <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--memberaby.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Luthfian Aby Nurachman (Aby)</b><br><em>Vice Team Leader</em><br>Aby is a second-year undergraduate studying Medicine in Universitas Indonesia. He holds great passion and enthusiasm in his path on becoming a great physicist. He enjoys sleeping and relaxing in his spare time. He also enjoys melon so much.">
+
−
    </div>
+
 
   </div>
 
   </div>
 +
</div>
  
−
  <div class="w3-row-padding w3-center w3-section">
+
<!-- Team -->
−
    <div class="w3-col m3">
+
<div class="bgimg-2 w3-display-container">
−
      <img src="https://static.igem.org/mediawiki/2018/0/08/T--UI_Indonesia--memberiqbal.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Muhammad Iqbal Adi Pratama (Iqbal)</b><br><em>Wet Lab Division</em><br>Iqbal is a second-year Medical undergraduate in Universitas Indonesia. Apart from his main interest in Biology and Medicine, he likes to watch random YouTube videos about history in his spare time.">
+
  <div class="w3-display-middle">
−
    </div>
+
     <span class="w3-xxlarge w3-text-white w3-wide"></span>
−
 
+
−
    <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberreysa.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Reysa Anggraini Vestiana Putri</b><br><em>Wet Lab Division</em><br>Reysa is a third-year Bio-Process Engineering student in Universitas Indonesia. She loves to eat spicy Indonesian foods such as rendang and “ayam geprek”. She eats a lot, and yet she still maintains a fairly thin body. She believes that is because of workout routines she does every morning. In her spare time, she usually makes crafts or watches videos on YouTube to fulfill her curiosities.">
+
−
     </div>
+
−
 
+
−
    <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/2/29/T--UI_Indonesia--memberihya.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Ihya Fakhrurizal Amin</b><br><em>Dry Lab Division</em><br>Ihya is a second-year undergraduate majoring Medicine in Universitas Indonesia. He loves playing role-playing games, drawing weird creatures, and reading manga (i.e. Japanese comics) in his leisure time.">
+
−
    </div>
+
−
 
+
−
    <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/9/91/T--UI_Indonesia--memberjesfar.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Jessica Farah</b><br><em>Dry Lab Division</em><br>Jessica is a third-year student majoring in Chemical Engineering. She just discovered onion rings by the age of 20 and currently, she is obsessed with it! She loves playing gmaes as she is now waiting for the localized version of Dragon Quest XI and Kingdom Hearts III, and cannot wait to play them.">
+
−
    </div>
+
 
   </div>
 
   </div>
 +
</div>
  
−
  <div class="w3-row-padding w3-center w3-section">
+
<!-- Container (Team Section) -->
−
    <div class="w3-col m3">
+
<div class="w3-content w3-container w3-padding-64" id="team">
−
      <img src="https://static.igem.org/mediawiki/2018/8/8e/T--UI_Indonesia--memberikhsan.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Muhammad Ikhsan (Ikhsan)</b><br><em>Dry Lab Division</em><br>Ikhsan is a freshman majoring Biology. He admits to be the kind of person that doesn’t enjoy sports and arts that much, though he often watches films and listens to music in his spare time. He enjoys eating durian and “lele” (catfish). In general, his favorite moodboster is seeing colorful flowers around him.">
+
  <h5>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 <i>Escherichia coli</i> 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.</h5>
−
    </div>
+
  
−
    <div class="w3-col m3">
+
   <div class="w3-row-padding w3-center">
−
      <img src="https://static.igem.org/mediawiki/2018/1/15/T--UI_Indonesia--memberainun.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Ainun Rahmania</b><br><em>Policy and Practice Division</em><br>Ainun is a third-year student majoring Chemical Engineering in Universitas Indonesia. One of her dreams is to travel around the world because she likes to meet new people. Moreover, she loves to play futsal, shown with three gold medals she earned in various futsal competitions.">
+
     <button class="w3-button w3-padding-large w3-light-green" onclick="location.href = 'https://2018.igem.org/Team:UI_Indonesia/Team';" style="margin-top:64px">SEE MORE</button>
−
    </div>
+
−
 
+
−
    <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/1/14/T--UI_Indonesia--membergaluh.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Galuh Widyastuti</b><br><em>Policy and Practice Division</em><br>Galuh is a second-year undergraduate student majoring Environmental Health. She is keen on traveling (check #galdoestravel on Instagram!) and she has even learnt six foreign languages for that. She would refuse coffee and tea as she cannot consume caffeine.">
+
−
    </div>
+
−
 
+
−
    <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberglory.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Glory Lamria</b><br><em>Policy and Practice Division</em><br>Glory is an energetic third-year student majoring Bio-Process Engineering who has powerful combination of organizational, public speaking, and management skills. She is highly concerned on global issues and loves to discuss topics related to Sustainable Development Goals (SDGs) 2030. In her spare time, she would read books, travel, dance, and act in theatres.">
+
−
    </div>
+
−
  </div>
+
−
 
+
−
   <div class="w3-row-padding w3-center w3-section">
+
−
     <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/4/47/T--UI_Indonesia--memberedwin.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Edwin Lawisan</b><br><em>Web - Wiki Design and Development</em><br>Edwin is a sophomore majoring Information Systems. He is passionate in Finance, Investment Banking, and Business Intelligence. Edwin is an avid non-fiction book peruser. His favourite books include Why The Rich are Getting Richer By Robert Kiyosaki and Thinking, Fast and Slow by Dale Carnegie.">
+
−
    </div>
+
−
 
+
−
    <div class="w3-col m3">
+
−
      <img src="https://static.igem.org/mediawiki/2018/5/5a/T--UI_Indonesia--membermitta.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="<b>Hema Mitta Kalyani</b><br><em>Web - Wiki Design and Development</em><br>Mitta is a passionate second-year undergraduate majoring Computer Science. Her all-time favorite number is 7. She loves being on her own, but that doesn’t mean she feels lonely because she is surrounded by good friends. She could also use a lot of sleep, probably to escape from reality.">
+
−
    </div>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<!-- Modal for full size images on click-->
+
−
<div id="modal01" class="w3-modal w3-pale-green" onclick="this.style.display='none'">
+
−
  <span class="w3-button w3-large w3-pale-green w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
+
−
  <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
+
−
    <img id="img01" class="w3-image">
+
−
    <p id="caption" class="w3-center w3-opacity w3-large"></p>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 245: Line 235:
 
   </div>
 
   </div>
 
</footer>
 
</footer>
−
 
−
<script>
 
−
// Modal Image Gallery
 
−
function onClick(element) {
 
−
  document.getElementById("img01").src = element.src;
 
−
  document.getElementById("modal01").style.display = "block";
 
−
  var captionText = document.getElementById("caption");
 
−
  captionText.innerHTML = element.alt;
 
−
}
 
−
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 12:13, 2 October 2018

Home
Project ⯆
Overview Our Project Results and Discussions
Parts
Modeling
InterLab ⯆
Introduction Materials and Equipment Methods Results and Discussions Conclusions
Model
Human Practices ⯆
Campus Campaign Social Work Biosafety & Biosecurity Training Human Practice Catalogue
Improve
Team Collaborations
Attributions
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