Difference between revisions of "Team:Szeged SA RMG"

m
Line 1: Line 1:
−
<!DOCTYPE html>
+
<html>
−
<html lang="en">
+
 
−
<head>
+
<title>Methungeny.com</title>
−
  <title>igem index</title>
+
<meta charset="UTF-8">
−
  <meta charset="utf-8">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
−
  <style>
+
<style type="text/css">
−
     /* Add a gray background color and some padding to the footer */
+
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
−
     footer {
+
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
−
      background-color: #f2f2f2;
+
.fa-anchor,.fa-coffee {font-size:200px}
−
      padding: 25px;
+
.TextJustify
 +
{
 +
text-align:justify
 +
}
 +
     .divTable
 +
     {
 +
        display:  table;
 +
        width:auto;
 +
        background-color:white;
 +
        border:none;
 +
}
 +
 
 +
    .divRow
 +
    {
 +
      display:table-row;
 +
      width:auto;
 
     }
 
     }
  
−
     .carousel-inner img {
+
     html{
−
      width: 100%; /* Set width to 100% */
+
      scroll-behavior: smooth;
−
      min-height: 200px;
+
 
     }
 
     }
  
−
     /* Hide the carousel text when the screen is less than 600 pixels wide */
+
     a:visited{
−
    @media (max-width: 600px) {
+
      color: white;
−
      .carousel-caption {
+
−
        display: none;  
+
−
      }
+
 
     }
 
     }
−
  </style>
 
−
</head>
 
−
<body>
 
  
−
<nav class="navbar navbar-inverse">
+
    .divCell
−
  <div class="container-fluid">
+
     {
−
     <div class="navbar-header">
+
         float:left;/*fix for  buggy browsers*/
−
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+
         display:table-column;
−
         <span class="icon-bar"></span>
+
         width:180px;
−
         <span class="icon-bar"></span>
+
         background-color:white;
−
         <span class="icon-bar"></span>                       
+
     }
−
      </button>
+
−
         <a class="navbar-brand" href="#"><img src="/images/logo.png" style=" width:20px;"> </a></div>
+
.befordulo_kep_class {
−
     <div class="collapse navbar-collapse" id="myNavbar">
+
/*-webkit-animation-name: kep_befordul; /* Safari 4.0 - 8.0 */
−
      <ul class="nav navbar-nav">
+
-webkit-animation-duration: 0.78s; /* Safari 4.0 - 8.0 */
−
        <li class="active"><a href="#">Home</a></li>
+
animation-name: kep_befordul;
−
<html>
+
animation-duration: 0.78s;
−
<head>
+
animation-delay: 3s;*/
−
<style>
+
−
.dropbtn {
+
width: 180px;
−
    background-color: inherit;
+
height: 180px;
−
    color: white;
+
}
−
    padding: 16px;
+
−
    font-size: 16px;
+
−
    border: none;
+
−
    cursor: pointer;
+
−
}
+
  
−
.dropdown {
+
/* Safari 4.0 - 8.0 */
−
    position: relative;
+
@-webkit-keyframes kep_befordul {
−
    display: inline-block;
+
0% { width: 0px; height: 180px;}
−
}
+
100% { width: 180px; height: 180px;}
 +
}
  
−
.dropdown-content {
+
/* Standard syntax */
−
    display: none;
+
@keyframes kep_befordul {
−
    position: absolute;
+
0% { width: 0px; height: 180px;}
−
    background-color: #f9f9f9;
+
100% { width: 180px; height: 180px;}
−
    min-width: 160px;
+
}
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
div.ex1 {
−
     z-index: 1;
+
     margin-left: 280px;
 
}
 
}
−
 
+
div.ex2 {
−
.dropdown-content a {
+
     margin-right: 0px;
−
     color: black;
+
−
    padding: 12px 16px;
+
−
    text-decoration: none;
+
−
    display: block;
+
 
}
 
}
 +
</style>
 +
<body>
 +
<script>
 +
function clear_igem_rabbish(){
 +
document.getElementById("content").style = "width: 100%; margin: 0px; padding: 0px;";
 +
while (document.getElementById("sideMenu") == null);
 +
document.getElementById("sideMenu").style="display: none;";
 +
while (document.getElementById("top_title") == null);
 +
document.getElementById("top_title").style="display: none;";
 +
while (document.getElementById("top_menu_14") == null);
 +
document.getElementById("top_menu_14").style="height: 25px;";
 +
}
 +
 +
setTimeout(clear_igem_rabbish, 0);
 +
</script>
 +
<!-- Navbar -->
 +
<div class="w3-top" style="top: 25px;">
 +
  <div class="w3-bar w3-red w3-card-2 w3-left-align w3-large">
 +
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
 +
    <a href="#mentor" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">MENTOR</a>
 +
<a href="#members" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">MEMBERS</a>
 +
    <a href="#biosafety" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">BIOSAFETY</a>
 +
    <a href="#banner" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">BANNER</a>
 +
<a href="https://static.igem.org/mediawiki/2017/7/7b/Eszkozok.pdf"class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">EQUIPMENT</a>
 +
<a href="#contacts" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">CONTACTS</a>
 +
<a href="#supportors" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">SUPPORTORS</a>
 +
  
−
.dropdown-content a:hover {background-color: #f1f1f1}
+
  </div>
  
−
.dropdown:hover .dropdown-content {
+
  <!-- Navbar on small screens -->
−
    display: block;
+
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
−
}
+
    <a href="#mentor" class="w3-bar-item w3-button w3-padding-large">MENTOR</a>
−
 
+
<a href="#members" class="w3-bar-item w3-button w3-padding-large">MEMBERS</a>
−
.dropdown:hover .dropbtn {
+
     <a href="#biosafety" class="w3-bar-item w3-button w3-padding-large">BIOSAFETY</a>
−
    background-color: red;
+
     <a href="#banner" class="w3-bar-item w3-button w3-padding-large">BANNER</a>
−
}
+
<a href="#contacts" class="w3-bar-item w3-button w3-padding-large">CONTACTS</a>
−
</style>
+
<a href="#supportors" class="w3-bar-item w3-button w3-padding-large">SUPPORTS</a>
−
<div class="dropdown">
+
−
  <button class="dropbtn">Team</button>
+
−
  <div class="dropdown-content">
+
−
     <a href="#">Members</a>
+
−
     <a href="#">Mentors</a>
+
−
    <a href="#">Attributions</a>
+
−
    <a href="#">Pictures</a>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
−
<div class="dropdown">
+
 
−
   <button class="dropbtn">Project</button>
+
<!-- Header -->
−
  <div class="dropdown-content">
+
<header class="w3-container w3-red w3-center" style="padding:128px 16px">
−
    <a href="#">Summary</a>
+
   <h1 class="w3-margin w3-jumbo">METHUNGENY</h1>
−
    <a href="#">Article</a>
+
</header>
−
    <a href="#">Presentation</a>
+
 
−
     <a href="#">Poster</a>
+
<!-- About -->
−
    <a href="#">Scientific Laboratory</a>
+
<div class="w3-row-padding w3-padding-64 w3-container">
−
  </div>
+
<div class="w3-content TextJustify" bgcolor="white">
−
</div>
+
     <div class="w3-twothird" bgcolor="white">
−
<div class="dropdown">
+
      <h1>About Us</h1>
−
  <button class="dropbtn">Human Practices</button>
+
      <h5 class="w3-padding-32" bgcolor="white">We are a group of students from Miklos Radnoti Experimental High School in Szeged, Hungary. We are developing a methane biosensor by using genetically modified bacteria, thus providing an alternative method, more efficient than current methane detection technologies. Currently we are 10 students and a Mentor working on the project. Methane Sensor:Methane is the second most emitted greenhouse gas with its 10% part in the whole greenhouse gas emission. Our product would serve as an alternative to the existing infrared Methane Biosensors mostly in: industrial production (e.g. to help prevent accidents caused by mine explosions); indoor air quality supervision mainly in developing countries where households are heated by biogas plants; the exploration of yet unknown natural methane sources (e.g. in swamps). In our project we would like to develope a Methane Biosensor. The sensor itself would be a transformed Bacteria. Our system is quite basic: if there is methane in the bacteria's immediate environment, the borth of the bacteria is going to manifast a basic color change. </h5>
−
  <div class="dropdown-content">
+
 
−
    <a href="#">Survey</a>
+
      <p class="w3-text-grey">mail: methungeny@gmail.com</p>
−
    <a href="#">Methane</a>
+
<p class="w3-text-grey">tel: 62-548-937</p>
−
  </div>
+
    </div>
−
</div>
+
 
−
<div class="dropdown">
+
    <div class="w3-third w3-center">
−
  <button class="dropbtn">Laboratory</button>
+
      <img src="https://static.igem.org/mediawiki/2017/a/aa/LogoSzeged.png" alt="Logo" class="w3-image w3-padding-32" width="300" height="350">
−
  <div class="dropdown-content">
+
     </div>
−
    <a href="#">Safety</a>
+
−
    <a href="#">Methods</a>
+
−
     <a href="#">Lab Equipments</a>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
  
−
</body>
 
−
</html>
 
  
−
      </ul>
+
<!-- Mentor-->
−
      <ul class="nav navbar-nav navbar-right">
+
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container TextJustify">
−
        <li><a href="#">METHUNGENY</a></li>
+
  <div class="w3-content">
−
       </ul>
+
    <div class="w3-third ">
 +
      <img src="https://static.igem.org/mediawiki/2017/4/48/Media_5.gif" alt="Mentor" class="w3-image w3-padding-32" width="300" height="350">
 +
    </div>
 +
 
 +
    <div class="w3-twothird" id="mentor">
 +
<h1>Our Mentor</h1>
 +
       <h5 class="w3-padding-32"><strong>Sándor Bán:</strong><br>
 +
 
 +
"As a teacher of Biology my main purpose is to ensure an appropriately planned and organized Biology knowledge for every pupil. As a Head of Science Laboratory or Science Department my most important goal is to enhance the cooperative work of science teachers in order to carry out a well prepared Science Education for every pupil of the school / school district. I have chosen iGEM HS competition for my students because they can do science as a team work and because through this project they can have impression on how cutting edge science works nowadays" </h5>
 +
 
 +
      <p class="w3-text-grey">mail: bans@rmg.sulinet.hu</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
</nav>
+
</div>
  
−
<div class="container">
+
<!--MEMBERS-->
−
<div class="row">
+
<div class="w3-row-padding w3-padding-64 w3-container">
−
  <div class="col-sm-8">
+
<div class="w3-content">
−
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
+
<div class="w3-twothird" id="members">
−
      <!-- Indicators -->
+
<h1>Our Members</h1>
−
      <ol class="carousel-indicators">
+
<div align="center">
−
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
−
        <li data-target="#myCarousel" data-slide-to="1"></li>
+
−
      </ol>
+
  
−
      <!-- Wrapper for slides -->
 
−
      <div class="carousel-inner" role="listbox">
 
−
        <div class="item active">
 
−
          <img src="https://placehold.it/800x400?text=IMAGE" alt="Image">
 
−
          <div class="carousel-caption">
 
−
            <h3>methungeny</h3>
 
−
            <p>biomethane sensor</p>
 
−
          </div>     
 
−
        </div>
 
  
−
        <div class="item">
+
<div class="divTable">
−
          <img src="https://placehold.it/800x400?text=Another Image Maybe" alt="Image">
+
            <div class="headRow">
−
          <div class="carousel-caption">
+
                <div class="divCell" align="center"><img src="https://static.igem.org/mediawiki/2017/1/1d/Tarjan.jpg" class="befordulo_kep_class" onclick="onClick(this)" alt="Márk Tarján:IT Im responsible for this beauty"/></div>
−
             <h3>iGEM</h3>
+
                <div  class="divCell"><img src="https://static.igem.org/mediawiki/2017/5/56/Torok.png" class="befordulo_kep_class" onclick="onClick(this)" alt="Máté Török:Designer:My task is t give a look to our project."/></div>
−
             <p>snythetic biology competition organized by MIT</p>
+
                <div  class="divCell"><img src="https://static.igem.org/mediawiki/2017/5/54/Mathe.png" class="befordulo_kep_class" onclick="onClick(this)" alt="Vincent Varga:Public Relations:My main task is to advertise it in social networks and to gain reputation by them."/></div>
−
          </div>    
+
            </div>
−
        </div>
+
            <div class="divRow">
 +
                  <div class="divCell"><img src="https://static.igem.org/mediawiki/2017/b/b8/Sukosd.png" class="befordulo_kep_class" onclick="onClick(this)" alt="Ákos Sükösd:Scientific Team Leader:In our group I'm responsible for the bioinformatics database."/></div>
 +
                <div class="divCell"><img src="https://static.igem.org/mediawiki/2017/b/bf/Otott.png" class="befordulo_kep_class" onclick="onClick(this)" alt="Péter Ótott:Researcher::In this project I am involved in planning and carrying out the scientific experiments."/></div>
 +
                <div class="divCell"><img src="https://static.igem.org/mediawiki/2017/8/8d/Varga.jpg" class="befordulo_kep_class" onclick="onClick(this)" alt="Lilla Máthé:Researcher:In this project I’m the curator of the scientific article’s data base."/></div>
 +
             </div>
 +
            <div class="divRow">
 +
                <div class="divCell"><img src="https://static.igem.org/mediawiki/2017/e/e6/Kocsis.jpg" class="befordulo_kep_class" onclick="onClick(this)" alt="Endre Kocsis:Public Relations:I am figuring out the possible ways of the usage of our final product in different fields"/></div>
 +
                <div class="divCell"><img src="https://static.igem.org/mediawiki/2017/3/32/Harangozo.jpg" class="befordulo_kep_class" onclick="onClick(this)" alt="Ákos Harangozó:Researcher:The basis of our Biomethane Sensor project originates from me."/></div>
 +
                <div class="divCell"><img src="https://static.igem.org/mediawiki/2017/b/bb/Halko.jpg" class="befordulo_kep_class" onclick="onClick(this)" alt="Ádám Halkó:Researcher:I am responsible for creating the biosafety part in our project."/></div>
 +
          </div>
 +
             <div class="divRow" >
 +
<div class="divCell" align="center"><img src="https://static.igem.org/mediawiki/2017/d/d6/Feher.jpg" class="befordulo_kep_class"> </div>
 +
                <div class="divCell" align="center"><img src="https://static.igem.org/mediawiki/2017/7/79/Duda.png" class="befordulo_kep_class" onclick="onClick(this)" alt="Máté Duda:Business:In this project I am responsible for fundraising in our team."/></div>
 +
          </div>
 
       </div>
 
       </div>
 +
</div>
 +
 +
  
−
      <!-- Left and right controls -->
+
<!-- Modal for full size images on click-->
−
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+
  <div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'">
−
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
    <span class="w3-button w3-black w3-xlarge w3-display-topright">×</span>
−
        <span class="sr-only">Previous</span>
+
     <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
−
      </a>
+
      <img id="img01" class="w3-image">
−
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
+
      <p id="caption"></p>
−
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
−
        <span class="sr-only">Next</span>
+
−
      </a>
+
−
     </div>
+
−
  </div>
+
−
  <div class="col-sm-4">
+
−
    <div class="well">
+
−
      <p>Some text..</p>
+
−
    </div>
+
−
    <div class="well">
+
−
      <p>Some text..</p>
+
−
    </div>
+
−
    <div class="well">
+
−
      <p>Some text..</p>
+
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
−
<hr>
+
</div>
 
</div>
 
</div>
  
−
<div class="container text-center">
+
<!--Biosafety -->
−
  <br>
+
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container TextJustify">
−
   <div class="row">
+
   <div class="w3-content">
−
    <div class="col-sm-3">
+
  <div class="ex1">
−
      <img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
+
  <div class="ex2">
−
      <p>Current Project</p>
+
    <div class="w3-twothird" id="biosafety">
 +
<h1>Biosafety</h1>
 +
      <h5 class="w3-padding-32">
 +
For our team, the security and safety measures of our project have had the highest priority.
 +
During experiments, all participants had to wear gloves, goggles and lab coats. Gloves were dropped into the aforementioned container, and of course, lab coats were worn only in the appropriate laboratories. All the disposable materials like pipette tips, Eppendorf tubes and inoculating loops connecting with microorganisms were put into a biohazard container. This container contains a strong oxidative disinfectant. In the cases of BSL1 materials, all the bacterial colonies and also the fluid cultures were handled with the same oxidative disinfectant.
 +
In our laboratory, chemicals we used has the appropriate MSDS pages. Furthermore, the important safety pictograms are found on all of the flasks and bottles at the same time.
 +
It is relevant to mention that we use non-pathogenic Methylococcus capsulatus bacteria, belonging only into BSL1 level. Nevertheless, we have a considerable caution to prevent any spreading of used living organisms, since these will be S1 genetically modified organisms. When planning and conducting experiments I try to evaluate all potential risks to human health and the environment and take all necessary precautionary measures.
 +
In our days, the prevention of harmful misuse of GMO has a great importance. That is why, we continuously pay attention on the possible harmful misuse of our research. Fortunately, we have not been able to find any aspect of our work which can be used to unwanted purposes.
 +
</h5>
 +
</div>
 +
</div>
 
     </div>
 
     </div>
−
    <div class="col-sm-3">
 
−
      <img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
 
−
      <p>Some text..</p>   
 
−
    </div>
 
−
    <div class="col-sm-3">
 
−
      <div class="well">
 
−
      <p>Some text..</p>
 
−
      </div>
 
−
      <div class="well">
 
−
      <p>Some text..</p>
 
−
      </div>
 
−
    </div>
 
−
    <div class="col-sm-3">
 
−
      <div class="well">
 
−
      <p>Some text..</p>
 
−
      </div>
 
−
      <div class="well">
 
−
      <p>Some text..</p>
 
−
      </div>
 
−
    </div> 
 
 
   </div>
 
   </div>
−
  <hr>
 
 
</div>
 
</div>
  
−
<div class="container text-center">  
+
<!--BANNER-->
−
  <h3>Our Partners</h3>
+
<div class="w3-row-padding w3-padding-64 w3-container">
−
  <br>
+
<div class="w3-content">
−
   <div class="row">
+
<div class="w3-twothird" id="banner">
−
    <div class="col-sm-2">
+
<h1>Our Banner</h1>
−
       <img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
+
<div align="center">
−
      <p>Partner 1</p>
+
    <!--div class="w3-third w3-center"-->
 +
    <img src="https://static.igem.org/mediawiki/2017/0/08/19648243_1689974014376254_550495854_o.jpg" alt="Banner"  width="800" height="600"align="center" >
 +
    <!--/div-->
 +
   </div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<!--Contacts -->
 +
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container TextJustify">
 +
 
 +
  <div class="w3-content" >
 +
<div class="ex1">
 +
<div class="ex2">
 +
    <div class="w3-twothird" id="contacts" >
 +
<h1>Contacts</h1>
 +
       <h5 class="w3-padding-64">
 +
<ul>
 +
<li><a href="mailto://methungeny@gmail.com">mail: info@methungeny.com</a></li>
 +
<li><a href="mailto://mate.torok.methungeny@gmail.com">Török Máté: mate.torok@methungeny.com</a></li>
 +
<li><a href="mailto://mark.tarjan.methungeny@gmail.com">Tarján Márk: mark.tarjan@methungeny.com</a></li>
 +
<li><a href="mailto://vincente.varga.methungeny@gmail.com">Varga Vincente: vincente.varga@methungeny.com</a></li>
 +
<li><a href="mailto://endre.kocsis.methungeny@gmail.com">Kocsis Endre: endre.kocsis@methungeny.com</a></li>
 +
<li><a href="mailto://mate.duda.methungeny@gmail.com">Duda Máté: mate.duda@methungeny.com</a></li>
 +
<li><a href="mailto://akos.harangozo.methungeny@gmail.com">Harangozó Ákos: akos.harangozo@methungeny.com</a></li>
 +
<li><a href="mailto://lilla.mathe.methungeny@gmail.com">Máthé Lilla: lilla.mathe@methungeny.com</a></li>
 +
<li><a href="mailto://akos.sukosd.methungeny@gmail.com">Sükösd Ákos: akos.sukosd@methungeny.comm</a></li>
 +
<li><a href="mailto://peter.otott.methungeny@gmail.com">Ótott Péter: peter.otott@methungeny.com</a></li>
 +
<li><a href="mailto://adam.halko.methungeny@gmail.com">Halkó Ádám: adam.halko@methungeny.com</a></li>
 +
</ul>
 +
</h5>
 +
</div>
 +
</div>
 
     </div>
 
     </div>
−
    <div class="col-sm-2">
 
−
      <img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
 
−
      <p>Partner 2</p>   
 
−
    </div>
 
−
    <div class="col-sm-2">
 
−
      <img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
 
−
      <p>Partner 3</p>
 
−
    </div>
 
−
    <div class="col-sm-2">
 
−
      <img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
 
−
      <p>Partner 4</p>
 
−
    </div>
 
−
    <div class="col-sm-2">
 
−
      <img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
 
−
      <p>Partner 5</p>
 
−
    </div>   
 
−
    <div class="col-sm-2">
 
−
      <img src="https://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image">
 
−
      <p>Partner 6</p>
 
−
    </div>
 
 
   </div>
 
   </div>
−
</div><br>
+
</div>
  
−
<footer class="container-fluid text-center">
+
 
−
   <p>METHUNGENY</p>
+
<!-- Footer -->
−
</footer>
+
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
 +
   <div class="w3-xlarge w3-padding-32">
 +
    <i class="fa fa-facebook-official w3-hover-opacity"></i>
 +
    <i class="fa fa-instagram w3-hover-opacity"></i>
 +
    <i class="fa fa-snapchat w3-hover-opacity"></i>
 +
    <i class="fa fa-pinterest-p w3-hover-opacity"></i>
 +
    <i class="fa fa-twitter w3-hover-opacity"></i>
 +
    <i class="fa fa-linkedin w3-hover-opacity"></i>
 +
</div></footer>
 +
 
 +
<script>
 +
// Used to toggle the menu on small screens when clicking on the menu button
 +
function myFunction() {
 +
    var x = document.getElementById("navDemo");
 +
    if (x.className.indexOf("w3-show") == -1) {
 +
        x.className += " w3-show";
 +
    } else {
 +
        x.className = x.className.replace(" w3-show", "");
 +
 
 +
    }
 +
 
 +
}
 +
// Script to open and close sidebar
 +
// 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 09:25, 2 September 2017

Methungeny.com

Home MENTOR MEMBERS BIOSAFETY BANNER EQUIPMENT CONTACTS SUPPORTORS

METHUNGENY

About Us

We are a group of students from Miklos Radnoti Experimental High School in Szeged, Hungary. We are developing a methane biosensor by using genetically modified bacteria, thus providing an alternative method, more efficient than current methane detection technologies. Currently we are 10 students and a Mentor working on the project. Methane Sensor:Methane is the second most emitted greenhouse gas with its 10% part in the whole greenhouse gas emission. Our product would serve as an alternative to the existing infrared Methane Biosensors mostly in: industrial production (e.g. to help prevent accidents caused by mine explosions); indoor air quality supervision mainly in developing countries where households are heated by biogas plants; the exploration of yet unknown natural methane sources (e.g. in swamps). In our project we would like to develope a Methane Biosensor. The sensor itself would be a transformed Bacteria. Our system is quite basic: if there is methane in the bacteria's immediate environment, the borth of the bacteria is going to manifast a basic color change.

mail: methungeny@gmail.com

tel: 62-548-937

Logo
Mentor

Our Mentor

Sándor Bán:
"As a teacher of Biology my main purpose is to ensure an appropriately planned and organized Biology knowledge for every pupil. As a Head of Science Laboratory or Science Department my most important goal is to enhance the cooperative work of science teachers in order to carry out a well prepared Science Education for every pupil of the school / school district. I have chosen iGEM HS competition for my students because they can do science as a team work and because through this project they can have impression on how cutting edge science works nowadays"

mail: bans@rmg.sulinet.hu

Our Members

Márk Tarján:IT Im responsible for this beauty
Máté Török:Designer:My task is t give a look to our project.
Vincent Varga:Public Relations:My main task is to advertise it in social networks and to gain reputation by them.
Ákos Sükösd:Scientific Team Leader:In our group I'm responsible for the bioinformatics database.
Péter Ótott:Researcher::In this project I am involved in planning and carrying out the scientific experiments.
Lilla Máthé:Researcher:In this project I’m the curator of the scientific article’s data base.
Endre Kocsis:Public Relations:I am figuring out the possible ways of the usage of our final product in different fields
Ákos Harangozó:Researcher:The basis of our Biomethane Sensor project originates from me.
Ádám Halkó:Researcher:I am responsible for creating the biosafety part in our project.
Máté Duda:Business:In this project I am responsible for fundraising in our team.
×

Biosafety

For our team, the security and safety measures of our project have had the highest priority. During experiments, all participants had to wear gloves, goggles and lab coats. Gloves were dropped into the aforementioned container, and of course, lab coats were worn only in the appropriate laboratories. All the disposable materials like pipette tips, Eppendorf tubes and inoculating loops connecting with microorganisms were put into a biohazard container. This container contains a strong oxidative disinfectant. In the cases of BSL1 materials, all the bacterial colonies and also the fluid cultures were handled with the same oxidative disinfectant. In our laboratory, chemicals we used has the appropriate MSDS pages. Furthermore, the important safety pictograms are found on all of the flasks and bottles at the same time. It is relevant to mention that we use non-pathogenic Methylococcus capsulatus bacteria, belonging only into BSL1 level. Nevertheless, we have a considerable caution to prevent any spreading of used living organisms, since these will be S1 genetically modified organisms. When planning and conducting experiments I try to evaluate all potential risks to human health and the environment and take all necessary precautionary measures. In our days, the prevention of harmful misuse of GMO has a great importance. That is why, we continuously pay attention on the possible harmful misuse of our research. Fortunately, we have not been able to find any aspect of our work which can be used to unwanted purposes.