Difference between revisions of "Team:Grenoble-Alpes"

 
(69 intermediate revisions by 4 users not shown)
Line 4: Line 4:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<title>IGEM - Grenoble Alpes</title>
 
<title>IGEM - Grenoble Alpes</title>
 +
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
 
<style>
 
<style>
−
 
+
.part-text{
−
#welcome {
+
     display: flex;
−
     background-image: url("https://static.igem.org/mediawiki/2018/c/cf/T--Grenoble-Alpes--microscope.jpeg");
+
    flex-wrap: wrap;
−
    width: 100%;
+
    flex-direction: row;}
−
    max-height: 1100px;
+
p{font-size:1.5em!important;}
−
}
+
h3{margin:10vh;
−
#titre {
+
font-size:2em!important;}
−
     padding: 200px 0px 200px 0px;
+
#bgvid {  
−
     margin: auto;
+
     position: fixed;
−
     height: 300px;
+
     top: 50%;
 +
     left: 50%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 
     width: auto;
 
     width: auto;
 +
    height: auto;
 +
    z-index: -100;
 +
    transform: translateX(-50%) translateY(-50%);
 +
background: url('https://static.igem.org/mediawiki/2018/6/6e/T--Grenoble-Alpes--home.jpg') no-repeat;
 +
  background-size: cover;
 +
  transition: 1s opacity;
 +
}
 +
#text-container {
 +
margin-left:0!important;
 +
z-index:20;
 +
margin-right: 0px;
 +
    margin-top: calc(100vh - 44px);
 +
    min-height: 100vh;
 +
    position: relative;
 +
    border-right: #9b0635 solid 10px;
 
     display: flex;
 
     display: flex;
 
     justify-content: space-around;
 
     justify-content: space-around;
 +
    flex-direction: column;
 +
    flex-wrap: wrap;
 +
    background-color: white;
 +
line-height:1!important;
 +
box-sizing: border-box;
 +
width:100%;}
 +
#part1-home {
 +
background-color:#9b0635;
 +
color: white;
 +
line-height:2!important;
 +
font-size:2em;
 +
padding: 5vh;
 +
margin-bottom:10vh;
 
}
 
}
 +
.catch {font-size: 2em;
 +
    margin: auto;}
 +
span {margin:auto;}
 +
.icon-menu {
 +
max-width: 20vh;
 +
    max-height: 20vh;
 +
margin:5vh;
 +
border: grey solid 10px;
 +
}
 +
.icon-menu:hover {
 +
border: white solid 10px;
 +
border-radius:360px;
 +
}
 +
.icon-home{display: flex;
 +
    flex-direction: column;}
 +
#icon-home-part1 {max-width: 30vh;
 +
    height: auto;
 +
    float: left;
 +
    padding: 5vh;}
 +
#menu-home{
 +
background-color: grey;
 +
    display: inline-flex;
 +
    justify-content: space-around;
 +
    width: 100%;
 +
    box-sizing: border-box;
 +
    flex-wrap: wrap;
 +
padding-bottom:10vh;}
 +
.icon-overlay-home {justify-content: space-around;
 +
    display: flex;
 +
    color: white;
 +
    font-size: 2em;}
 +
#video-machine {
 +
 +
    max-width: 80%;
 +
    padding: auto;
 +
    display: flex;
 +
    justify-content: space-around;
 +
    margin: auto;
 +
    padding-bottom: 10vh;
 +
    padding-top: 10vh;}
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id="reset">
+
−
<nav>
+
<div id="container">
−
<ul>
+
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes">
+
−
<img src="https://static.igem.org/mediawiki/2018/9/9b/T--Grenoble-Alpes--logogrenoble.png" id="logo">
+
−
</a>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes">HOME</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/team">TEAM</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/project">PROJECT</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/human_pactices">HUMAN PRACTICES</a>
+
−
<ul>
+
−
<li><a href="">test</a></li>
+
−
<li><a href="">test</a></li>
+
−
+
−
</ul>
+
−
</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/entrepreneurship">ENTREPRENEURSHIP</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">RESSOURCES</a>
+
−
</li>
+
−
</ul>
+
−
</nav>
+
−
<div id="container">
+
 
<div id="welcome">
 
<div id="welcome">
−
<img src="https://static.igem.org/mediawiki/2018/3/32/T--Grenoble-Alpes--titre.png" id="titre">
+
<video poster="https://static.igem.org/mediawiki/2018/6/69/T--Grenoble-Alpes--timelapse-bg.png" id="bgvid" playsinline autoplay muted loop>
 +
<source src="https://static.igem.org/mediawiki/2018/1/1c/T--Grenoble-Alpes--video_home_bg.mp4" type="video/mp4" id="video"></video>
 +
<div id="overlay"></div>
 +
<img src="https://static.igem.org/mediawiki/2018/c/cc/T--Grenoble-Alpes--logohome.png" id="titre">
 
</div>
 
</div>
−
+
 
−
<h1>Welcome on the iGEM Grenoble-Alpes wiki !</h1>
+
<div id="text-container">
−
<h2>Project description</h2>
+
<div id="part1-home">
−
<p>
+
<img id="icon-home-part1" src="https://static.igem.org/mediawiki/2018/a/a9/T--Grenoble-Alpes--graph_home.png">
−
According to a report from the World Health Organization (WHO), in 2050, each year ten million people will die from pathogenic bacteria that acquired antibiotic resistance if nothing is done.
+
<div class="part-text">
−
</p>
+
<span class="catch">Antibiotic resistance</span> <span>has become a major health issue all over the world.</span>
−
<p>
+
<span>The World Health Organization even forecasts that in 2050</span>
−
This is why it is absolutely necessary to find an alternative that can counterbalance this growing antibioresistance. A solution, which is already used in Eastern European countries such as Georgia, is phagotherapy.
+
<span class="catch">10 Millions people will die each year</span> <span>because of antibiotic resistance.</span>
−
</p>
+
</div></div>
−
<p>
+
<center><font style="font-size:30px">To answer this major health issue, our team decided to develop a fully automated system called PHAGYZER.</font></center>
−
This medicine is based on bacteriophages (also nicknamed phages) which are little viruses (from 50 to 200 nm) that can specifically infect a bacterial strain and amplify in it, sometimes leading to the cell death (lytic phages).
+
<br>
−
</p>
+
<br>
−
<p>
+
<br>
−
This year, the goal of our team is to develop a fully automated system capable of :
+
<center><font style="font-size:20px">iGEM rewarded our work by a <b>bronze medal</b> and a <b><a href="https://2018.igem.org/Competition/Results">nomination in the hardware special track,</a></b> undergraduate category.</font></center>
−
<ul>
+
 
−
<li>identifying a pathogenic bacteria</li>
+
<div id="part2_home">
−
<li>detecting resistance markers </li>
+
<br>
−
<li>select the right phages for a possible phagotherapy.</li>
+
<video id="video-machine" controls>
−
</ul>
+
<source src="https://static.igem.org/mediawiki/2018/3/36/T--Grenoble-Alpes--videoIntroHome.mp4" type="video/mp4"></video>
−
</p>
+
<br>
−
<p>
+
<h1></h1></div>
−
To do this, we will use a DNA probe : a plasmid with a fluorescent gene and a one-stranded fraction which is complementary to the sequence we want to detect. Our automated system will achieve detection from a patient saliva sample. The device will first lyse the bacteria using the phages we are testing and lysis buffer as control. Then, DNA will be extracted using magnetic beads coated with silica. The purified DNA will be digested with the right restriction enzymes to isolate our fraction of interest. The next step will be the hybridization of these fragments with our DNA probes leading to its circularization. Following this, a transformation of the plasmid will be performed into E. Coli competent cells to allow expression of the fluorescence gene and detection.
+
 
−
</p>
+
 
−
<p>
+
<center><font style="font-size:30px"><br><br>Coming soon, our final presentation:</font></center>
−
Our system will be made so the practitioner only has to load samples, run the protocol and come to see the results a few hours later.
+
<div id="part2_home">
−
</p>
+
<video id="video-machine" controls>
−
<p>
+
<source src="https://static.igem.org/mediawiki/2018/e/e5/T--Grenoble-Alpes--trailer_team.mp4" type="video/mp4"></video>
−
For our proof of concept, we will work on two pathogenic bacterial species usually found in nosocomial infection cases due to their ability to develop antibioc resistance : <i>Pseudomonas Aeruginosa</i> and <i>Staphylococcus Aureus</i>. We will make two different probes for each : one for detection of the bacteria, which consists on the recognition of housekeeping genes, and the other for detection of a resistance marker (point mutations on a gene encoding the bacterial wall for example).  The two sequences will be detected by fluorescence, using RFP (red fluorescent protein) for housekeeping genes and BFP (blue fluorescent protein) for resistance.
+
−
</p>
+
−
<p>Have a look at our video !</p>
+
−
<h2>Contact</h2>
+
−
<link href="igem.grenoble.alpes@gmail.com">>igem.grenoble.alpes@gmail.com
+
−
<img SRC="https://static.igem.org/mediawiki/2018/3/3d/T--Grenoble-Alpes--logosreseaux.png" id=""></img>
+
−
<h2>They helped us</h2>
+
−
<IMG width="70%" SRC="https://static.igem.org/mediawiki/2018/6/67/T--Grenoble-Alpes--logospartenaires.png" id="sponsors"></IMG>
+
−
</div>
+
 
</div>
 
</div>
−
</body>
+
 
 +
<center><font style="font-size:30px">And <b><a href="https://www.youtube.com/watch?v=duKmLuBqNZU&t=48s">here</a></b>it is !</font></center>
 +
 
 +
 
 +
 
 +
<p><br><br>Our Wiki is compatible with Chrome, Edge and Mozilla Firefox</p>
 +
<div id="menu-home">
 +
<div class="icon-home"><a href="https://2018.igem.org/Team:Grenoble-Alpes/biology">
 +
<img class="icon-menu" src="https://static.igem.org/mediawiki/2018/b/b1/T--Grenoble-Alpes--dna.png"></a>
 +
<div class="icon-overlay-home"><div class="text-overlay">Biology</div></div>
 +
</div>
 +
<div class="icon-home"><a href="https://2018.igem.org/Team:Grenoble-Alpes/Hardware">
 +
<img class="icon-menu" src="https://static.igem.org/mediawiki/2018/4/46/T--Grenoble-Alpes--cogs.png"></a>
 +
<div class="icon-overlay-home"><div class="text-overlay">Engineering</div></div>
 +
</div>
 +
<div class="icon-home"><a href="https://2018.igem.org/Team:Grenoble-Alpes/Model">
 +
<img class="icon-menu" src="https://static.igem.org/mediawiki/2018/a/a1/T--Grenoble-Alpes--phage.png"></a>
 +
<div class="icon-overlay-home"><div class="text-overlay">Modeling</div></div>
 +
</div>
 +
<div class="icon-home"><a href="https://2018.igem.org/Team:Grenoble-Alpes/Human_Practices">
 +
<img class="icon-menu" src="https://static.igem.org/mediawiki/2018/7/70/T--Grenoble-Alpes--hp.png"></a>
 +
<div class="icon-overlay-home"><div class="text-overlay">Human Practices</div></div>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
</body>
 +
<footer>
 +
<p>Contact Us</p>
 +
<a href="mailto:Igem.grenoble.alpes@gmail.com">Igem.grenoble.alpes@gmail.com</a>
 +
<div id="icons">
 +
<a href="https://www.facebook.com/igemfrancegrenoble/?ref=br_rs"><i class="fab fa-facebook fa-2x"></i></a>
 +
<a href="https://twitter.com/igem_grenoble?lang=fr"><i class="fab fa-twitter fa-2x"></i></a>
 +
<a href="https://www.linkedin.com/in/igem-grenoble-367974116/?originalSubdomain=fr"><i class="fab fa-linkedin  fa-2x"></i></a>
 +
<a href=""></a>
 +
</div>
 +
 
 +
</footer>
 +
 
</html>
 
</html>

Latest revision as of 09:24, 7 December 2018

Template loop detected: Template:Grenoble-Alpes

IGEM - Grenoble Alpes
Antibiotic resistance has become a major health issue all over the world. The World Health Organization even forecasts that in 2050 10 Millions people will die each year because of antibiotic resistance.
To answer this major health issue, our team decided to develop a fully automated system called PHAGYZER.



iGEM rewarded our work by a bronze medal and a nomination in the hardware special track, undergraduate category.




Coming soon, our final presentation:
And hereit is !



Our Wiki is compatible with Chrome, Edge and Mozilla Firefox