Difference between revisions of "Team:NAWI-Graz/content/team.html"

(Created page with "<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, init...")
 
 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
 
 
<html>
 
<html>
 +
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
−
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
 
<title>iGEM Team Graz</title>
 
<title>iGEM Team Graz</title>
−
<meta name="description" content="Loading Effects for Grid Items with CSS Animations" />
+
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/wiki/index.php?title=Team:NAWI-Graz/common/design.css&action=raw&ctype=text/css" />
−
<meta name="keywords" content="css animation, loading effect, google plus, grid items, masonry" />
+
−
<meta name="author" content="Codrops" />
+
−
<script src="../js/javascript.js" type="text/javascript"></script>
+
−
<link rel="stylesheet" type="text/css" href="../css/design.css">
+
−
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500' rel='stylesheet' type='text/css'>
+
−
<link rel="shortcut icon" href="../favicon.ico">
+
−
<link rel="stylesheet" type="text/css" href="../css/component.css" />
+
−
<script src="../js/modernizr.custom.js"></script>
+
  
−
+
</head>
−
<link href="../css/style.css" rel="stylesheet" type="text/css" />
+
 
−
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+
 
−
<link rel="stylesheet" href="../css/style_v.css" media="screen" />
+
<body>
 +
<section id="screen1">
 +
 
 +
 
 +
<div id="global-nav">
 +
<nav  role="navigation">
 
 
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
<a href="#global-nav" title="Show navigation">Show navigation</a>
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
−
<script src="../js/jquery.timelinr-0.9.52.js"></script>
+
<a href="#" title="Hide navigation">Hide navigation</a>
−
<script>
+
−
$(function(){
+
<ul>
−
$().timelinr({
+
<li><a href="#screen1">Home</a></li>
−
orientation: 'vertical',
+
<li><a href="#screen2">Project</a></li>
−
issuesSpeed: 300,
+
<li class="gross"><a href="#screen3">Team</a>
−
datesSpeed: 100,
+
<ul class="topnav">
−
arrowKeys: 'true',
+
<li><a href="#screen3">Members</a></li>
−
autoPlay: 'true',
+
<li><a href="#screen3">Carina</a></li>
−
startAt: 1
+
<li><a href="#screen3">Daniela</a></li>
−
})
+
<li><a href="#screen3">Lukas</a></li>
−
});
+
<li><a href="#screen3">Mathilde</a></li>
−
</script>
+
<li><a href="#screen3">Christoph</a></li>  
 +
<li class="icon">
 +
<a href="javascript:void(0);" style="font-size:15px" onclick="myFunction()">☰</a>
 +
</li>
 +
  </ul>
 +
 
 +
</li>
 +
<li><a href="#screen4">Sponsoring</a></li>
 +
</ul>
 +
</nav>
 +
</div>
 +
 
 +
</section>
 +
 
 +
<script>
 +
function myFunction() {
 +
    document.getElementsByClassName("topnav")[0].classList.toggle("responsive");
 +
}
 +
</script>
 +
 
 +
 
 
 
−
+
<div id="screen2">
−
</head>
+
  
 +
<div id="nawimain">
 +
 +
<h1>THE MOVIE</h1>
 +
 +
<video width="100%" height="100%" controls>
 +
  <source src="../vid/ev3.mp4" type="video/mp4">
 +
Your browser does not support the video tag.
 +
</video>
 +
 +
 +
<h1>PROJECT</h1>
 +
<h2>The Last Colinator</h2>
 +
 +
<p>
 +
The human microbiome – the totality of all on and in us living microorganisms represents about 2 kilos or
 +
4 pounds of our body weight. The world of microorganisms has by now left specialized laboratories or ancient
 +
textbooks and reached the minds of people every day. The awareness about bacteria-human interaction increases steadily.
 +
</p>
  
−
<body onload="Welcome()">
+
<p>
 +
The market for probiotics is booming, resistance against antibiotics causes losses in billions each year,
 +
not to mention human health effects. At exactly this point our project sets in. Our goal is to develop new
 +
metabolic pathways which allow our test bacteria to utilize nutrients more efficiently, to degrade toxins or
 +
to produce new antibiotics. To come straight to the point our project, called „The Last Colinator“, is dealing
 +
with selective pressure, spontaneous mutation, antibiotics resistance and the finding of new selection markers.
 +
</p>
  
−
<!--
+
<p>
−
<div class="codrops-top clearfix">
+
To reach this goal it is not enough to sit back and wait for the bacteria to do it on its own, the mills of
−
<a class="codrops-icon codrops-icon-prev" href="../index.html"><span>Home</span></a>
+
evolution grind slowly. The driving force of evolution is stress in form of changing environment conditions
−
<span class="right"><a href="http://igem.com"></a>Visit the offical iGEM Homepage<a class="codrops-icon codrops-icon-drop" href="http://tympanus.net/codrops/?p=15677"><span>Login</span></a></span>
+
as food shortage, changes in climate, natural enemies etc. Exactly those evolutionary conditions we are about to simulate.  
−
</div>
+
</p>
  
−
<div id="welcome" style="display:none;"><h3>welcome to group_22 website!</h3>
+
<p>
−
--<button type="button" onclick="CloseWelcome()">Close!</button>
+
On a culture dish – the arena – we spread out two different bacteria strains – the competitors. Each strain
 +
is equipped with certain skills which are harmful or which give it a protective shield against the competitor.
 +
That may be the ability to produce a toxin, to grow faster, to have better defense mechanisms etc.
 +
Those abilities are genetically determined by genes and therefore can be modified by molecular biologic methods.
 +
We are modifying our genes of interest in a way that they are more prone to mutagenesis by environmental stress
 +
and are thereby more effective in adapting on changing conditions.
 +
</p>
 +
 
 +
<img src="/wiki/images/e/eb/Fig1.jpeg" width="704" height="300" />
 +
 
 +
<p>
 +
Altogether 4 different strains of Escherichia coli are used and created, different features each.
 +
Strain 1 for example comprises ccdB/ccdA genes (toxin-antitoxin-system), a DAM methylase gene and a
 +
chromoprotein gene for the visible tracking. Every strain receives its own characteristic chromoprotein genes,
 +
as well as, toxin/antitoxin genes. Every stain gets the DAM-methylase gene, though. The DAM-methylase leads to  
 +
increased spontaneous mutation.
 +
</p>
 +
 
 +
<img src="/wiki/images/4/4b/Fig2.jpeg" width="504" height="504" />
 +
 
 +
<p>
 +
The environmental conditions like nutrient availability, temperature, pH etc. are chosen in a manner
 +
to generate highest possible stress for the bacteria, this will push evolution additionally. At the end
 +
one strain will be the sole survivor. The reason for its survival will be the fact that it developed a way
 +
or an ability to adapt faster or more efficient to those harsh life conditions. That may now be a new antibiotic,
 +
a new metabolic pathway for toxin degradation, better utilization of nutrients or many more. Furthermore, innumerable
 +
selection markers are created. These markers can later be utilized in various projects, e.g. at the creation of recombinant proteins.
 +
</p>
 +
</div>
 
</div>
 
</div>
−
-->
 
−
 
−
<nav id="global-nav">
 
  
−
<ul>
 
−
<li><a href="../index.html">Project</a>
 
−
  <ul>
 
−
  <li><a href="#">Decription</a></li>
 
−
  <li><a href="#">Design</a></li>
 
−
  <li><a href="#">Vector Design</a></li>
 
−
  <li><a href="#">Experiments</a></li>
 
−
  <li><a href="#">Results</a></li>
 
−
  <li><a href="#">Attributions</a></li>
 
−
  <li><a href="#">Safety</a></li>
 
−
  <li><a href="#">Protocols</a></li>
 
−
  </ul>
 
−
</li>
 
  
−
<li><a href="#">Team</a>
+
<div id="screen3">
−
  <ul>
+
−
  <li><a href="#">Carina Seidl</a></li>
+
−
  </ul>
+
−
</li>
+
  
−
<li><a href="#">Human Practices</a>
 
−
  <ul>
 
−
  <li><a href="#">Industry</a></li>
 
−
  <li><a href="#">Interviews</a></li>
 
−
  <li><a href="#">Patients</a></li>
 
−
  <li><a href="#">Outreach</a></li>
 
−
  </ul>
 
−
</li>
 
  
−
<li><a href="#">Modeling</a>
 
−
  <ul>
 
−
  <li><a href="#">Kinetic Model</a></li>
 
−
  <li><a href="#">Dopamine/L-DOPA</a></li>
 
−
  <li><a href="#">Flux Analysis</a></li>
 
−
  </ul>
 
−
</li>
 
  
 +
<div id="nawimain">
 +
 +
 +
<h1>Team</h1>
 +
 +
 +
<div id="wrapper">
 +
    <div id="boxleft">
 +
  <div class="teamfoto"><img src="/wiki/images/9/91/Mathilde.jpeg" alt="Mathilde"></div>
 +
  <div class="teamtext">Mathilde Steinmaßl, 24, Biotechnology</div>
 +
      </div>
 +
      <div id="boxright">
 +
  <div class="teamfoto"><img src="/wiki/images/d/d8/Sandra.jpeg" alt="Sandra"></div>
 +
  <div class="teamtext">Sandra Schein, 25, Biochemistry and Molecular Biomedicine</div>
 +
      </div>
 +
  </div>
 +
 +
<div id="wrapper">
 +
      <div id="boxleft">
 +
  <div class="teamfoto"><img src="/wiki/images/a/a4/Carina.jpeg" alt="Carina"></div>
 +
  <div class="teamtext">Carina Seidl, 22, Biochemistry and Molecular Biomedicine</div>
 +
    </div>
 +
      <div id="boxright">
 +
  <div class="teamfoto"><img src="/wiki/images/d/d1/Daniela.jpeg" alt="Daniela"></div>
 +
  <div class="teamtext">Daniela Brunner, 23, Biotechnology</div>
 +
    </div>
 +
</div>
  
−
<li><a href="#">Parts</a></li>
+
<div id="wrapper">
 +
    <div id="boxleft">
 +
  <div class="teamfoto"><img src="/wiki/images/8/83/Lukas.jpeg" alt="Lukas"></div>
 +
  <div class="teamtext">Lukas Rieder, 24, Biotechnology</div>
 +
    </div>
 +
    <div id="boxright">
 +
  <div class="teamfoto"><img src="/wiki/images/2/27/Christoph.jpeg" alt="Christoph"></div>
 +
  <div class="teamtext">Christoph Putz, 26, Biotechnology</div>
 +
    </div>
 +
</div>
  
 +
                                <div id="wrapper">
 +
    <div id="boxleft">
 +
  <div class="teamfoto"><img src="/wiki/images/4/46/Carsten.jpeg" alt="Carsten"></div>
 +
  <div class="teamtext">Carsten Pichler, 26, Biotechnology</div>
 +
    </div>
 +
</div>
  
−
<li><a href="#">Notebook</a>
 
−
  <ul>
 
−
  <li><a href="#">Week 1-3</a></li>
 
−
  <li><a href="#">Week 4-7</a></li>
 
−
  <li><a href="#">Week 8-10</a></li>
 
−
  </ul>
 
−
</li>
 
−
<li><a href="#">Collab</a>
 
−
  <ul>
 
−
  <li><a href="#">TU Eindhoven</a></li>
 
−
  <li><a href="#">UCL</a></li>
 
−
  <li><a href="#">NRP-UEA-Norwich</a></li>
 
−
  <li><a href="#">Warwick</a></li>
 
−
  </ul>
 
−
</li>
 
−
<li><a href="#">Judging</a>
 
−
  <ul>
 
−
  <li><a href="#">Bronze</a></li>
 
−
  <li><a href="#">Silber</a></li>
 
−
  <li><a href="#">Gold</a></li>
 
−
  </ul>
 
−
</li>
 
−
<li><a href="sponsoring.html">Sponsoring</a></li>
 
  
 +
</div>
  
−
</ul>
 
−
</nav>
 
  
 +
  
−
<header>
+
</div>
  
−
<div id="header"></div>
+
<div id="screen4">
−
</header>
+
−
 
+
−
 
+
−
<div id="content" class="floatLeft">
+
−
+
−
+
−
<section>
+
  
−
<!--
+
 
−
<a class="caption" data-title="Carina Seidl" data-description="Ich studiere Molekularbiologie an der KFU Graz....">
+
 
−
<img src="../images/carina-seidl.JPG"
+
<div id="nawimain">
−
alt="Carina Seidl"/></a>
+
−
-->
+
−
<div id="membercontent">
+
−
<div id="member">
+
 
<div id="wrapper">
 
<div id="wrapper">
−
<div id="memberfoto">
+
<img class="sponsoring" src="/wiki/images/9/9f/Thermo-Fisher.jpeg"/>
−
<img src="../images/carina-seidl.JPG" alt="Carina">
+
                        <img class="sponsoring" src="/wiki/images/1/1a/Zeta.jpeg" />
−
</div>
+
                        <img class="sponsoring" src="/wiki/images/0/00/Microsynth.jpeg" />
 +
                        <img class="sponsoring" src="/wiki/images/5/5f/TU_Graz.jpeg" />
 +
                        <img class="sponsoring" src="/wiki/images/e/e5/KFU.jpeg" />
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</div>
 
</div>
 
</div>
−
<div id="membertextfieldgraz">
 
−
<p>Hello, my name is Carina Seidl, I'm a biotechnology student from Graz Austria and participating in iGEM due to my love to Synthetic Biology.
 
−
Besides biotechnology I enjoy long walks on the beach. On the weekends I'm also doing visual artworks at various clubbing events. I like turtles.
 
−
</p>
 
−
</div>
 
−
</div>
 
−
<div id="member1">
 
−
<div id="wrapper">
 
−
<div id="memberfoto1">
 
−
<img src="../images/carina-seidl.JPG" alt="Carina">
 
−
</div>
 
−
</div>
 
−
<div id="membertextfieldgraz">
 
−
<p>Hello, my name is Carina Seidl, I'm a biotechnology student from Graz Austria and participating in iGEM due to my love to Synthetic Biology.
 
−
Besides biotechnology I enjoy long walks on the beach. On the weekends I'm also doing visual artworks at various clubbing events. I like turtles.
 
−
</p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
</section>
 
−
 
−
<section>
 
−
 
−
<div id="membercontent">
 
−
<div id="member2">
 
−
<div id="wrapper">
 
−
<div id="memberfoto">
 
−
<img src="../images/carina-seidl.JPG" alt="Carina">
 
−
</div>
 
−
</div>
 
−
<div id="membertextfieldgraz">
 
−
<p>Hello, my name is Carina Seidl, I'm a biotechnology student from Graz Austria and participating in iGEM due to my love to Synthetic Biology.
 
−
Besides biotechnology I enjoy long walks on the beach. On the weekends I'm also doing visual artworks at various clubbing events. I like turtles.
 
−
</p>
 
−
</div>
 
−
</div>
 
−
<div id="member3">
 
−
<div id="wrapper">
 
−
<div id="memberfoto1">
 
−
<img src="../images/carina-seidl.JPG" alt="Carina">
 
−
</div>
 
−
</div>
 
−
<div id="membertextfieldgraz">
 
−
<p>Hello, my name is Carina Seidl, I'm a biotechnology student from Graz Austria and participating in iGEM due to my love to Synthetic Biology.
 
−
Besides biotechnology I enjoy long walks on the beach. On the weekends I'm also doing visual artworks at various clubbing events. I like turtles.
 
−
</p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
</section>
 
−
 
  
−
</div>
 
  
 +
  
 +
</div>
 +
 +
 +
 +
 +
<div id="footer">
 +
<p class="copyright">Copyright by iGEM Graz</p>
 +
</div>
  
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  
−
<footer><div id="footer">
+
<script>
−
<p>Copyright by iGEM Graz</p>
+
  $(document).ready(function(){
−
<!--<div id="time"></div>-->
+
  $(window).bind('scroll', function() {
 +
  var navHeight = $( window ).height() - 70;
 +
if ($(window).scrollTop() > navHeight) {
 +
$('nav').addClass('fixed');
 +
}
 +
else {
 +
$('nav').removeClass('fixed');
 +
}
 +
});
 +
});
 +
</script>
  
−
</div></footer>
+
</body>
−
<!--
+
−
<script type="text/javascript">
+
−
    ShowDate();
+
−
</script>-->
+
−
</body>
+
 
</html>
 
</html>

Latest revision as of 17:10, 16 August 2016

iGEM Team Graz

THE MOVIE

PROJECT

The Last Colinator

The human microbiome – the totality of all on and in us living microorganisms represents about 2 kilos or 4 pounds of our body weight. The world of microorganisms has by now left specialized laboratories or ancient textbooks and reached the minds of people every day. The awareness about bacteria-human interaction increases steadily.

The market for probiotics is booming, resistance against antibiotics causes losses in billions each year, not to mention human health effects. At exactly this point our project sets in. Our goal is to develop new metabolic pathways which allow our test bacteria to utilize nutrients more efficiently, to degrade toxins or to produce new antibiotics. To come straight to the point our project, called „The Last Colinator“, is dealing with selective pressure, spontaneous mutation, antibiotics resistance and the finding of new selection markers.

To reach this goal it is not enough to sit back and wait for the bacteria to do it on its own, the mills of evolution grind slowly. The driving force of evolution is stress in form of changing environment conditions as food shortage, changes in climate, natural enemies etc. Exactly those evolutionary conditions we are about to simulate.

On a culture dish – the arena – we spread out two different bacteria strains – the competitors. Each strain is equipped with certain skills which are harmful or which give it a protective shield against the competitor. That may be the ability to produce a toxin, to grow faster, to have better defense mechanisms etc. Those abilities are genetically determined by genes and therefore can be modified by molecular biologic methods. We are modifying our genes of interest in a way that they are more prone to mutagenesis by environmental stress and are thereby more effective in adapting on changing conditions.

Altogether 4 different strains of Escherichia coli are used and created, different features each. Strain 1 for example comprises ccdB/ccdA genes (toxin-antitoxin-system), a DAM methylase gene and a chromoprotein gene for the visible tracking. Every strain receives its own characteristic chromoprotein genes, as well as, toxin/antitoxin genes. Every stain gets the DAM-methylase gene, though. The DAM-methylase leads to increased spontaneous mutation.

The environmental conditions like nutrient availability, temperature, pH etc. are chosen in a manner to generate highest possible stress for the bacteria, this will push evolution additionally. At the end one strain will be the sole survivor. The reason for its survival will be the fact that it developed a way or an ability to adapt faster or more efficient to those harsh life conditions. That may now be a new antibiotic, a new metabolic pathway for toxin degradation, better utilization of nutrients or many more. Furthermore, innumerable selection markers are created. These markers can later be utilized in various projects, e.g. at the creation of recombinant proteins.

Team

Mathilde
Mathilde Steinmaßl, 24, Biotechnology
Sandra
Sandra Schein, 25, Biochemistry and Molecular Biomedicine
Carina
Carina Seidl, 22, Biochemistry and Molecular Biomedicine
Daniela
Daniela Brunner, 23, Biotechnology
Lukas
Lukas Rieder, 24, Biotechnology
Christoph
Christoph Putz, 26, Biotechnology
Carsten
Carsten Pichler, 26, Biotechnology