Difference between revisions of "Team:Szeged SA RMG"

 
(149 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<title>Methungeny.com</title>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<meta charset="UTF-8">
+
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
+
  <link rel="stylesheet" href="//www.methungeny.com/static/custom.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.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">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
+
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
+
<script>
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
+
$( document ).ready(function() {
.fa-anchor,.fa-coffee {font-size:200px}
+
document.getElementById("content").style = "width: 100%; margin: 0px; padding: 0px;";
</style>
+
if(document.getElementById("sideMenu") != null) {
<body>
+
document.getElementById("sideMenu").style="display: none;";
 +
}
  
<!-- Navbar -->
+
if (document.getElementById("top_title") != null) {
<div class="w3-top">
+
document.getElementById("top_title").style="display: none;";
  <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="#banner" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">BANNER</a>
+
    <a href="#biosafety" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">BIOSAFETY</a>
+
<a href="#equipmnet" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">EQUIPMENT</a>
+
<a href="#supportors" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">SUPPORTORS</a>
+
<a href="#contacts" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">CONTACTS</a>
+
  
  </div>
+
if (document.getElementById("top_menu_14") != null) {
 +
document.getElementById("top_menu_14").style="height: 25px;";
 +
}
 +
 
 +
    });
 +
 +
</script>
  
  <!-- Navbar on small screens -->
+
<nav class="navbarmet navbar-inverse" style=" width: auto">
   <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
+
   <div class="container-fluid">
    <a href="#mentor" class="w3-bar-item w3-button w3-padding-large">MENTOR</a>
+
    <div class="navbar-header">
<a href="#members" class="w3-bar-item w3-button w3-padding-large">MEMBERS</a>
+
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
    <a href="#banner" class="w3-bar-item w3-button w3-padding-large">BANNER</a>
+
        <span class="icon-bar"></span>
     <a href="#biosafety" class="w3-bar-item w3-button w3-padding-large">BIOSAFETY</a>
+
        <span class="icon-bar"></span>
<a href="#equipmnet" class="w3-bar-item w3-button w3-padding-large">EQUIPMENT</a>
+
        <span class="icon-bar"></span>                      
<a href="#supportors" class="w3-bar-item w3-button w3-padding-large">SUPPORTS</a>
+
      </button>
<a href="#contacts" class="w3-bar-item w3-button w3-padding-large">CONTACTS</a>
+
        <a class="navbar-brand" href=https://2017.igem.org/Team:Szeged_SA_RMG>
 +
      <img src="https://static.igem.org/mediawiki/2017/0/07/Methungeny_logo.png" style=" width:40px;"> </a></div>
 +
     <div class="collapse navbar-collapse" id="myNavbar">
 +
      <ul class="nav navbar-nav">
 +
 
 +
<div class="dropdown">
 +
  <button class="dropbtn">Team</button>
 +
  <div class="dropdown-content">
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/members">Members</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/mentors">Mentors</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/Attributions">Attributions</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/collaboration">Collaborations</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/pictures">Gallery</a>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
+
<div class="dropdown">
<!-- Header -->
+
   <button class="dropbtn">Project</button>
<header class="w3-container w3-red w3-center" style="padding:128px 16px">
+
  <div class="dropdown-content">
   <br><h1 class="w3-margin w3-jumbo">METHUNGENY</h1>
+
     <a href="https://2017.igem.org/Team:Szeged_SA_RMG/summary">Summary</a>
</header>
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/articles">Article</a>
 
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/bioinfo">Bioinformatics</a>
<!-- About -->
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/biobricks">Biobricks</a>
<div class="w3-content">
+
     <a href="https://2017.igem.org/Team:Szeged_SA_RMG/presentation">Presentation</a>
     <div class="w3-twothird">
+
     <a href="https://2017.igem.org/Team:Szeged_SA_RMG/poster">Poster</a>
      <h1>About Us</h1>
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/references">References</a>
      <h5 class="w3-padding-32">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. We are planning to participate at the iGEM competition at MIT. 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 (or any it's aldehyde) in the bacteria's immediate enviroment, the borth of the bacteria is going to manifast a basic color change. </h5>
+
 
+
      <p class="w3-text-grey">mail: methungeny@gmail.com </p>
+
<p class="w3-text-grey">tel: 62-548-937</p>
+
     </div>
+
 
+
     <div class="w3-third w3-center">
+
      <img src="https://static.igem.org/mediawiki/2017/d/d4/Logo.jpg" alt="Logo" class="w3-image w3-padding-32" width="300" height="350">
+
    </div>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
 
+
<div class="dropdown">
 
+
  <button class="dropbtn">Human Practices</button>
<!-- Mentor-->
+
   <div class="dropdown-content">
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
+
     <a href="https://2017.igem.org/Team:Szeged_SA_RMG/survey">Survey</a>
   <div class="w3-content">
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/methane">Methane</a>
     <div class="w3-third ">
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/highschooloutreach">High School Outreach</a>
      <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">
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/universityoutreach">University Outreach</a>
    </div>
+
  </div>
 
+
</div>
    <div class="w3-twothird" id="mentor">
+
<div class="dropdown">
<h1>Our Mentor</h1>
+
  <button class="dropbtn">Laboratory</button>
      <h5 class="w3-padding-32"><strong>Sándor Bán:</strong><br>
+
  <div class="dropdown-content">
 
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/methods">Methods</a>
"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>
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/labequipments">Lab Equipments</a>
 
+
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/safety">Safety</a>
       <p class="w3-text-grey">mail: bans@rmg.sulinet.hu</p>
+
  </div>
 +
</div>
 +
  </ul>
 +
       <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="http:/www.methungeny.com">METHUNGENY</a></li>
 +
      </ul>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
</div>
+
</nav>
  
<!--MEMBERS-->
+
</section>
<div class="w3-row-padding w3-padding-64 w3-container">
+
      <!--Mozgó képek-->
<div class="w3-content">
+
    <section>
<div class="w3-twothird" id="members">
+
  <img class="mySlides" src="https://static.igem.org/mediawiki/2017/a/aa/Methungeny_slides_number1.jpeg"  
<h1>Our Members</h1>
+
  style="width:100%">
<div align="center">
+
  <img class=" mySlides" src="https://static.igem.org/mediawiki/2017/9/99/Methungeny_slides_number2.jpeg"  
<table  width='540' cellspacing="10px" cellpadding="10px"><div class="w3-row-padding w3-padding-64 w3-container">
+
  style="width:100%">
  <!--elso sor-->
+
  <img class=" mySlides" src="https://static.igem.org/mediawiki/2017/2/24/Methungeny_slides_number3.jpeg"  
<tr>
+
  style="width:100%">
<td><img src="https://static.igem.org/mediawiki/2017/1/1d/Tarjan.jpg" width="180" height="180" onclick="onClick(this)" alt="Márk Tarján:IT:Im responsible for this beauty"/></td>
+
</section>
<td><img src="https://static.igem.org/mediawiki/2017/5/56/Torok.png" width="180" height="180" onclick="onClick(this)" alt="Máté Török:Designer:My task is t give a look to our project."/></td>
+
   
<td><img src="https://static.igem.org/mediawiki/2017/5/54/Mathe.png" width="180" height="180" onclick="onClick(this)" alt="Vincent Varga:Public Relations:My main task is to advertise it in social networks and to gain reputation by them."/></td>
+
    <script>
</tr>
+
var myIndex = 0;
 +
carousel();
  
<!--masodik sor-->
+
function carousel() {
<tr>
+
    var i;
<td><img src="https://static.igem.org/mediawiki/2017/b/b8/Sukosd.png" width="180" height="180" onclick="onClick(this)" alt="Ákos Sükösd:Scientific Team Leader:In our group I'm responsible for the bioinformatics database."/></td>
+
    var x = document.getElementsByClassName("mySlides");
<td><img src="https://static.igem.org/mediawiki/2017/b/bf/Otott.png" width="180" height="180" onclick="onClick(this)" alt="Péter Ótott:Researcher::In this project I am involved in planning and carrying out the scientific experiments."/></td>
+
    for (i = 0; i < x.length; i++) {
<td><img src="https://static.igem.org/mediawiki/2017/8/8d/Varga.jpg" width="180" height="180" onclick="onClick(this)" alt="Lilla Máthé:Researcher:In this project I’m the curator of the scientific article’s data base."/></td>
+
      x[i].style.display = "none"
</tr>
+
    }
 +
    myIndex++;
 +
    if (myIndex > x.length) {myIndex = 1}   
 +
    x[myIndex-1].style.display = "block"
 +
    setTimeout(carousel, 2500);
 +
}
 +
</script>
 +
</header>
  
<!--harmadik sor-->
 
<tr>
 
<td><img src="https://static.igem.org/mediawiki/2017/e/e6/Kocsis.jpg" width="180" height="180" 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"/></td>
 
<td><img src="https://static.igem.org/mediawiki/2017/3/32/Harangozo.jpg" width="180" height="180" onclick="onClick(this)" alt="Ákos Harangozó:Researcher:The basis of our Biomethane Sensor project originates from me."/></td>
 
<td><img src="https://static.igem.org/mediawiki/2017/b/bb/Halko.jpg" width="180" height="180" onclick="onClick(this)" alt="Ádám Halkó:Researcher:I am responsible for creating the biosafety part in our project."/></td>
 
</tr>
 
 
<!--negyedik sor-->
 
<tr>
 
<td></td>
 
<td><img src="https://static.igem.org/mediawiki/2017/7/79/Duda.png" width="180" height="180" onclick="onClick(this)" alt="Máté Duda:Business:In this project I am responsible for fundraising in our team."/></td>
 
<td></td>
 
</tr>
 
</table>
 
</div>
 
 
<!--BANNER-->
 
 
<div class="w3-row-padding w3-padding-64 w3-container">
 
<div class="w3-row-padding w3-padding-64 w3-container">
 
   <div class="w3-content">
 
   <div class="w3-content">
     <div class="w3-twothird" id="banner">
+
     <div class="w3-twothird">
       <h1>Our Banner</h1>
+
       <h1>Introduction</h1>
       <h5 class="w3-padding-32"></h5>
+
       <p5 class="w3-text-grey">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 develop a Methane Biosensor. The sensor itself would be a transformed Bacteria.</p>
 +
 
 +
      <p5 class="w3-text-grey"> Our system is quite basic: if there
 +
          is methane (or methanol) in the bacteria's immediate environment, the medium of the bacteria is going to manifest a basic color change</p5>
 
     </div>
 
     </div>
 +
      <div>
 +
          <img src="https://static.igem.org/mediawiki/2017/0/07/Methungeny_logo.png" style="width:33%">
 +
      </div>
 +
</div>
  
    <div class="w3-third w3-center">
+
 
      <img src="https://static.igem.org/mediawiki/2017/0/08/19648243_1689974014376254_550495854_o.jpg" alt="Banner"  width="550" height="500">
+
       
 
     </div>
 
     </div>
  </div>
 
 
</div>
 
</div>
  
 
<!--Biosafety -->
 
 
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
 
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
 
   <div class="w3-content">
 
   <div class="w3-content">
     <div class="w3-third ">
+
     <div class="w3-third w3-center">
<img src="" alt="" class="w3-image w3-padding-32" width="300" height="350">
+
 
     </div>
 
     </div>
  
    <div class="w3-twothird" id="biosafety">
+
      <h1><center>Video Presentation</center></h1>
<h1>Biosafety</h1>
+
      <div class="video_blokk" align="center">
      <h5 class="w3-padding-32">
+
          <p></p>
For our team, the security and safety measures of our project have had the highest priority.  
+
    <div class="video">
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.
+
            <iframe width="850" height="478" src="//www.youtube.com/embed/uzFHVxEnAh0" frameborder="0" allowfullscreen></iframe>
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.
+
     </div>
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>
 
<!-- Modal for full size images on click-->
 
  <div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'">
 
    <span class="w3-button w3-black w3-xlarge w3-display-topright">×</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"></p>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
</div>
 
</div>
 
</div>
 
  
  
 +
</body>
  
<!-- Footer -->
+
<center>
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
+
<img src="//www.methungeny.com/images/footer.jpg" usemap="#image-map">
  <div class="w3-xlarge w3-padding-32">
+
<map name="image-map">
     <i class="fa fa-facebook-official w3-hover-opacity"></i>
+
     <area target="_blank" alt="Miklós Radnóti Experimental High School" title="Miklós Radnóti Experimental High School" href="//www.rmg.hu" coords="-1,4,95,112" shape="rect">
     <i class="fa fa-instagram w3-hover-opacity"></i>
+
     <area target="_blank" alt="Szeged Scientist Academy" title="Szeged Scientist Academy" href="http://www.nobel-szeged.hu/eng/index.php" coords="101,4,385,112" shape="rect">
     <i class="fa fa-snapchat w3-hover-opacity"></i>
+
     <area target="_blank" alt="Szegedi Tudományegyetem Természettudományi és Informatikai Kar" title="Szegedi Tudományegyetem Természettudományi és Informatikai Kar" href="http://www.sci.u-szeged.hu/" coords="434,53,47" shape="circle">
     <i class="fa fa-pinterest-p w3-hover-opacity"></i>
+
    <area target="_blank" alt="Nemzeti Tehetség Program" title="Nemzeti Tehetség Program" href="http://www.emet.gov.hu/" coords="485,3,734,108" shape="rect">
     <i class="fa fa-twitter w3-hover-opacity"></i>
+
     <area target="_blank" alt="Biocenter" title="Biocenter" href="http://biocenter.hu/" coords="736,4,909,109" shape="rect">
     <i class="fa fa-linkedin w3-hover-opacity"></i>
+
     <area target="_blank" alt="Bio-rad" title="Bio-rad" href="http://www.bio-rad.com/" coords="911,4,1107,109" shape="rect">
</div></footer>
+
     <area target="_blank" alt="Bio-science Hungary" title="Bio-science Hungary" href="http://www.bio-science.hu/" coords="1114,5,1186,108" shape="rect">
 
+
    <area target="_blank" alt="Szegedi Biológiai Kutató Központ" title="Szegedi Biológiai Kutató Központ" href="http://www.brc.hu/" coords="1198,5,1301,108" shape="rect">
<script>
+
    <area target="_blank" alt="Calysta" title="Calysta" href="http://calysta.com/" coords="1305,5,1495,109" shape="rect">
// Used to toggle the menu on small screens when clicking on the menu button
+
     <area target="_blank" alt="Kész" title="Kész" href="http://www.kesz.hu/" coords="1499,6,1589,109" shape="rect">
function myFunction() {
+
     <area target="_blank" alt="Emberi Erőforrás Támogatáskezelő" title="Emberi Erőforrás Támogatáskezelő" href="http://www.kormany.hu/hu/emberi-eroforrasok-miniszteriuma" coords="135,118,498,216" shape="rect">
     var x = document.getElementById("navDemo");
+
    <area target="_blank" alt="DSMZ" title="DSMZ" href="https://www.dsmz.de/" coords="508,118,632,217" shape="rect">
     if (x.className.indexOf("w3-show") == -1) {
+
     <area target="_blank" alt="Geneious" title="Geneious" href="https://www.geneious.com/about/" coords="639,118,867,217" shape="rect">
        x.className += " w3-show";
+
     <area target="_blank" alt="Invitrogen" title="Invitrogen" href="https://corporate.thermofisher.com/en/about-us/invitrogen.html" coords="875,118,1076,217" shape="rect">
     } else {
+
    <area target="_blank" alt="MaBiTe" title="MaBiTe" href="http://www.mabite.info/" coords="1147,162,50" shape="circle">
        x.className = x.className.replace(" w3-show", "");
+
    <area target="_blank" alt="NCIMB" title="NCIMB" href="http://ncimb.com/" coords="1205,113,1458,217" shape="rect">
 
+
</map>
     }
+
</center>
 
+
}
+
// 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>
+
 
</html>
 
</html>

Latest revision as of 22:49, 1 November 2017

Introduction

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 develop a Methane Biosensor. The sensor itself would be a transformed Bacteria.

Our system is quite basic: if there is methane (or methanol) in the bacteria's immediate environment, the medium of the bacteria is going to manifest a basic color change

Video Presentation

Miklós Radnóti Experimental High School Szeged Scientist Academy Szegedi Tudományegyetem Természettudományi és Informatikai Kar Nemzeti Tehetség Program Biocenter Bio-rad Bio-science Hungary Szegedi Biológiai Kutató Központ Calysta Kész Emberi Erőforrás Támogatáskezelő DSMZ Geneious Invitrogen MaBiTe NCIMB