Difference between revisions of "Team:Szeged SA RMG"

 
(168 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">
 +
  <button class="dropbtn">Project</button>
 +
  <div class="dropdown-content">
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/summary">Summary</a>
 +
    <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>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/biobricks">Biobricks</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/presentation">Presentation</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/poster">Poster</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/references">References</a>
 +
  </div>
 +
</div>
 +
<div class="dropdown">
 +
  <button class="dropbtn">Human Practices</button>
 +
  <div class="dropdown-content">
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/survey">Survey</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/methane">Methane</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/highschooloutreach">High School Outreach</a>
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/universityoutreach">University Outreach</a>
 +
  </div>
 +
</div>
 +
<div class="dropdown">
 +
  <button class="dropbtn">Laboratory</button>
 +
  <div class="dropdown-content">
 +
    <a href="https://2017.igem.org/Team:Szeged_SA_RMG/methods">Methods</a>
 +
    <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>
 +
  </div>
 +
</div>
 +
  </ul>
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="http:/www.methungeny.com">METHUNGENY</a></li>
 +
      </ul>
 +
    </div>
 +
  </div>
 +
</nav>
  
−
<!-- Header -->
+
</section>
−
<header class="w3-container w3-red w3-center" style="padding:128px 16px">
+
      <!--Mozgó képek-->
−
   <h1 class="w3-margin w3-jumbo">METHUNGENY</h1>
+
    <section>
 +
  <img class="mySlides" src="https://static.igem.org/mediawiki/2017/a/aa/Methungeny_slides_number1.jpeg"
 +
  style="width:100%">
 +
   <img class=" mySlides" src="https://static.igem.org/mediawiki/2017/9/99/Methungeny_slides_number2.jpeg"
 +
  style="width:100%">
 +
  <img class=" mySlides" src="https://static.igem.org/mediawiki/2017/2/24/Methungeny_slides_number3.jpeg"
 +
  style="width:100%">
 +
</section>
 +
   
 +
    <script>
 +
var myIndex = 0;
 +
carousel();
 +
 
 +
function carousel() {
 +
    var i;
 +
    var x = document.getElementsByClassName("mySlides");
 +
    for (i = 0; i < x.length; i++) {
 +
      x[i].style.display = "none"; 
 +
    }
 +
    myIndex++;
 +
    if (myIndex > x.length) {myIndex = 1}   
 +
    x[myIndex-1].style.display = "block"; 
 +
    setTimeout(carousel, 2500);
 +
}
 +
</script>
 
</header>
 
</header>
  
−
<!-- About -->
 
 
<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">
 
     <div class="w3-twothird">
−
       <h1>About Us</h1>
+
       <h1>Introduction</h1>
−
       <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>
+
       <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>
  
−
       <p class="w3-text-grey">mail: methungeny@gmail.com </p>
+
       <p5 class="w3-text-grey"> Our system is quite basic: if there
−
<p class="w3-text-grey">tel: 62-548-937</p>
+
          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/c/c9/Logo.png" alt="Logo" class="w3-image w3-padding-32" width="300" height="350">
+
       
 
     </div>
 
     </div>
−
  </div>
 
 
</div>
 
</div>
  
−
<!-- Mentor-->
 
 
<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="https://static.igem.org/mediawiki/2017/5/56/Ban.jpg" alt="Mentor" class="w3-image w3-padding-32" width="300" height="350">
+
 
     </div>
 
     </div>
  
−
    <div class="w3-twothird" id="mentor">
+
      <h1><center>Video Presentation</center></h1>
−
<h1>Our Mentor</h1>
+
       <div class="video_blokk" align="center">
−
       <h5 class="w3-padding-32"><strong>Sándor Bán:</strong><br>
+
          <p></p>
−
 
+
    <div class="video">
−
"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>
+
            <iframe width="850" height="478" src="//www.youtube.com/embed/uzFHVxEnAh0" frameborder="0" allowfullscreen></iframe>
−
 
+
     </div>
−
      <p class="w3-text-grey">mail: bans@rmg.sulinet.hu</p>
+
−
     </div>
+
 
   </div>
 
   </div>
−
</div>
 
−
 
−
<!--MEMBERS-->
 
−
<div class="w3-row-padding w3-padding-64 w3-container">
 
−
<div class="w3-content">
 
−
<div class="w3-twothird" id="members">
 
−
<h1>Our Members</h1>
 
−
<div align="center">
 
−
<table  width='540' cellspacing="10px" cellpadding="10px">
 
−
<!--elso sor-->
 
−
<tr>
 
−
<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>
 
−
<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>
 
−
</tr>
 
−
 
−
<!--masodik sor-->
 
−
<tr>
 
−
<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>
 
−
<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>
 
−
<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>
 
−
</tr>
 
−
 
−
<!--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>
 
−
<div class="w3-container w3-black w3-center w3-opacity w3-padding-64">
 
−
    <h1 class="w3-margin w3-xlarge">Hungary's only official igem team!</h1>
 
−
</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>
 
−
<!-- 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>
 
−
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
 
−
</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", "");
 
  
−
    }
+
</body>  
−
 
+
−
}
+
−
// 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>
+
<center>
 +
<img src="//www.methungeny.com/images/footer.jpg" usemap="#image-map">
 +
<map name="image-map">
 +
    <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">
 +
    <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">
 +
    <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">
 +
    <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">
 +
    <area target="_blank" alt="Biocenter" title="Biocenter" href="http://biocenter.hu/" coords="736,4,909,109" shape="rect">
 +
    <area target="_blank" alt="Bio-rad" title="Bio-rad" href="http://www.bio-rad.com/" coords="911,4,1107,109" shape="rect">
 +
    <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">
 +
    <area target="_blank" alt="Calysta" title="Calysta" href="http://calysta.com/" coords="1305,5,1495,109" shape="rect">
 +
    <area target="_blank" alt="Kész" title="Kész" href="http://www.kesz.hu/" coords="1499,6,1589,109" shape="rect">
 +
    <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">
 +
    <area target="_blank" alt="DSMZ" title="DSMZ" href="https://www.dsmz.de/" coords="508,118,632,217" shape="rect">
 +
    <area target="_blank" alt="Geneious" title="Geneious" href="https://www.geneious.com/about/" coords="639,118,867,217" shape="rect">
 +
    <area target="_blank" alt="Invitrogen" title="Invitrogen" href="https://corporate.thermofisher.com/en/about-us/invitrogen.html" coords="875,118,1076,217" shape="rect">
 +
    <area target="_blank" alt="MaBiTe" title="MaBiTe" href="http://www.mabite.info/" coords="1147,162,50" shape="circle">
 +
    <area target="_blank" alt="NCIMB" title="NCIMB" href="http://ncimb.com/" coords="1205,113,1458,217" shape="rect">
 +
</map>
 +
</center>
 
</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