Difference between revisions of "Team:Grenoble-Alpes"

Line 6: Line 6:
 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
 
<style>
 
<style>
−
#welcome {
+
.part-text{
−
background-image: url("https://static.igem.org/mediawiki/2018/6/6e/T--Grenoble-Alpes--home.jpg");
+
    display: flex;
 +
    flex-wrap: wrap;
 +
    flex-direction: row;}
 +
p{font-size:1.5em!important;}
 +
h3{margin:10vh;
 +
font-size:2em!important;}
 +
#bgvid {  
 +
    position: fixed;
 +
    top: 50%;
 +
    left: 50%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    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;
 +
z-index:20;
 +
margin-right: 0px;
 +
    margin-top: calc(96vh);
 +
    min-height: 100vh;
 +
    position: relative;
 +
    border-right: #9b0635 solid 10px;
 +
    display: flex;
 +
    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: 30vh;
 +
    max-height: 30vh;
 +
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>
Line 15: Line 97:
 
<div id="container">
 
<div id="container">
 
<div id="welcome">
 
<div id="welcome">
 +
<video poster="https://static.igem.org/mediawiki/2018/6/6e/T--Grenoble-Alpes--home.jpg" 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>
 
<div id="overlay"></div>
 
<img src="https://static.igem.org/mediawiki/2018/3/32/T--Grenoble-Alpes--titre.png" id="titre">
 
<img src="https://static.igem.org/mediawiki/2018/3/32/T--Grenoble-Alpes--titre.png" id="titre">
−
</div>
 
−
<div id="sous-menu">
 
−
<ul>
 
−
<li>
 
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes" id="current-menu">HOME</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/team">TEAM</a>
 
−
<ul>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/team#team-members">TEAM MEMBERS</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/team#advisors">ADVISORS</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/team#partners">PARTNERS</a></li>
 
−
</ul>
 
−
</li>
 
−
<li>
 
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/project">PROJECT</a>
 
−
<ul>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/biology">BIOLOGY</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/engineering">ENGINEERING</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/proof_of_concept">PROOF OF CONCEPT</a></li>
 
−
</ul>
 
−
</li>
 
−
<li>
 
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/modelling">
 
−
MODELLING
 
−
</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/human_practices">HUMAN PRACTICES</a>
 
−
<ul>
 
−
<li><a  href="https://2018.igem.org/Team:Grenoble-Alpes/actors_partnerships">ACTORS & PARTNERSHIPS</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ethic">ETHIC</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/events">EVENTS</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/safety">SAFETY & SECURITY</a></li>
 
−
</ul>
 
−
</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">RESSOURCES</a>
 
−
<ul>
 
−
<li>
 
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/notebook">NOTEBOOK</a>
 
−
</li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/parts">PARTS</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/protocols">PROTOCOLS</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/componants">COMPONANTS</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/medal_criteria">MEDAL CRITERIA</a></li>
 
−
</ul>
 
−
</li>
 
−
</ul>
 
 
</div>
 
</div>
  
 
<div id="text-container">
 
<div id="text-container">
−
<h1>Welcome on the iGEM Grenoble-Alpes wiki !</h1>
+
<div id="part1-home">
−
<h2>Project description</h2>
+
<img id="icon-home-part1" src="https://static.igem.org/mediawiki/2018/a/a9/T--Grenoble-Alpes--graph_home.png">
−
<p>
+
<div class="part-text">
−
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.
+
<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>
−
<p>
+
<span class="catch">10 Millions people will die each year</span> <span>because of antibiotic resistance.</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.
+
</div></div>
−
</p>
+
<p>To answer this major health issue, our team decided to develop a fully automated system called PHAGYZER.</p>
−
<p>
+
<div id="part2_home">
−
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).
+
<h3>VIDEO TEASER DU JAMBOREE</h3>
−
</p>
+
 
−
<p>
+
<video poster="https://static.igem.org/mediawiki/2018/6/6e/T--Grenoble-Alpes--home.jpg" id="video-machine" playsinline autoplay muted loop>
−
This year, the goal of our team is to develop a fully automated system capable of :
+
<source src="https://static.igem.org/mediawiki/2018/1/1c/T--Grenoble-Alpes--video_home_bg.mp4" type="video/mp4" id="video"></video>
−
<ul>
+
</div>
−
<li>identifying a pathogenic bacteria</li>
+
<div id="menu-home">
−
<li>detecting resistance markers </li>
+
<div class="icon-home"><a href="https://2018.igem.org/Team:Grenoble-Alpes/biology">
−
<li>select the right phages for a possible phagotherapy.</li>
+
<img class="icon-menu" src="https://static.igem.org/mediawiki/2018/b/b1/T--Grenoble-Alpes--dna.png"></a>
−
</ul>
+
<div class="icon-overlay-home"><div class="text-overlay">Biology</div></div>
−
</p>
+
</div>
−
<p>
+
<div class="icon-home"><a href="https://2018.igem.org/Team:Grenoble-Alpes/engineering">
−
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.
+
<img class="icon-menu" src="https://static.igem.org/mediawiki/2018/4/46/T--Grenoble-Alpes--cogs.png"></a>
−
</p>
+
<div class="icon-overlay-home"><div class="text-overlay">Engineering</div></div>
−
<p>
+
</div>
−
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 class="icon-home"><a href="https://2018.igem.org/Team:Grenoble-Alpes/modelisation">
−
</p>
+
<img class="icon-menu" src="https://static.igem.org/mediawiki/2018/a/a1/T--Grenoble-Alpes--phage.png"></a>
−
<p>
+
<div class="icon-overlay-home"><div class="text-overlay">Modelisation</div></div>
−
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.
+
</div>
−
</p>
+
<div class="icon-home"><a href="https://2018.igem.org/Team:Grenoble-Alpes/human_practices">
−
<p>Have a look at our video !</p>
+
<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>
 
</div>
 
</div>
Line 105: Line 143:
 
<a href="mailto:Igem.grenoble.alpes@gmail.com">Igem.grenoble.alpes@gmail.com</a>
 
<a href="mailto:Igem.grenoble.alpes@gmail.com">Igem.grenoble.alpes@gmail.com</a>
 
<div id="icons">
 
<div id="icons">
−
<a href="http://www.facebook.com"><i class="fab fa-facebook"></i></a>
+
<a href="https://www.facebook.com/igemfrancegrenoble/?ref=br_rs"><i class="fab fa-facebook"></i></a>
−
<a href="http://www.twitter.com"><i class="fab fa-twitter"></i></a>
+
<a href="https://twitter.com/igem_grenoble?lang=fr"><i class="fab fa-twitter"></i></a>
−
<a href=""></a>
+
<a href="https://www.linkedin.com/in/igem-grenoble-367974116/?originalSubdomain=fr"><i class="fab fa-linkedin"></i></a>
 
<a href=""></a>
 
<a href=""></a>
 
</div>
 
</div>

Revision as of 09:36, 4 October 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.

VIDEO TEASER DU JAMBOREE