Difference between revisions of "Team:Grenoble-Alpes"

Line 6: Line 6:
 
<style>
 
<style>
  
 +
* {
 +
max-width : 100%;
 +
}
 +
 +
 +
 +
nav ul li a:visited
 +
{
 +
    display:block;
 +
    color: white;
 +
    text-decoration: none;
 +
    font-weight:700;
 +
    font-size:1.5em;
 +
    line-height:32px;
 +
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    justify-content: center;
 +
    text-align: center;
 +
}
 +
a:visited {
 +
all:unset;
 +
}
 +
 +
 +
nav
 +
{ 
 +
    top: 0px;
 +
    left: 0px;
 +
    position: fixed;
 +
    width: 100%;
 +
    max-width: 100%;
 +
        background-color: #160821;
 +
    background-image: linear-gradient(62deg, #160821 0%, #362844 100%);
 +
margin-top:10px;
 +
z-index:100;
 +
}
 +
 +
#ulmenu
 +
{ 
 +
    display: flex;
 +
    width: 97%;
 +
    justify-content: space-around;
 +
    list-style:none;
 +
    float:left;
 +
    padding:0px;
 +
    margin: 0px;
 +
    margin-left: 55px;
 +
    margin-right: 30px;
 +
 +
}
 +
 +
nav ul li a
 +
{
 +
    display:block;
 +
    color: white;
 +
    text-decoration: none;
 +
    font-weight:700;
 +
    font-size:1.5em;
 +
    line-height:32px;
 +
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    justify-content: center;
 +
    text-align: center;
 +
}
 +
nav ul li a,
 +
nav ul li a:after,
 +
nav ul li a:before {
 +
  transition: all .6s;
 +
}
 +
nav ul li a:hover {
 +
  color: black;
 +
}
 +
 +
nav ul li
 +
{ 
 +
    position:relative;
 +
    float:left;
 +
    justify-content: center;
 +
    text-align: center;
 +
    padding: 0 15px 0 15px;
 +
}
 +
 +
nav ul li.current-menu-item
 +
{
 +
    background:#ddd
 +
}
 +
 +
nav ul li a:hover {
 +
  color: black;
 +
text-decoration:none!important;
 +
}
 +
nav ul  a:after {
 +
  display: block;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
  margin: auto;
 +
  width: 100%;
 +
  height: 1px;
 +
  content: '.';
 +
  color: transparent;
 +
  background: rgb(218, 208, 244);
 +
  visibility: none;
 +
  opacity: 0;
 +
  z-index: -1;
 +
}
 +
nav ul li a:hover:after {
 +
  opacity: 1;
 +
  visibility: visible;
 +
  height: 100%;
 +
}
 +
 +
 +
nav ul ul
 +
{
 +
    display:none;
 +
    position:absolute;
 +
    top:100%;
 +
    left:0;
 +
    background:#fff;
 +
    padding:0;
 +
    list-style: none;
 +
}
 +
 +
nav ul ul li
 +
{
 +
    left:0;
 +
    float:none;
 +
    width:auto;
 +
    min-width: 10vh;
 +
    background-color: rgb(218, 208, 244);
 +
    border-bottom: black solid 0.3px;
 +
}
 +
 +
nav ul ul li a
 +
{ 
 +
    padding: auto;
 +
    margin: auto;
 +
    display:block;
 +
    color: black;
 +
    text-decoration: none;
 +
    font-weight:700;
 +
    font-size:1em;
 +
    line-height:32px;
 +
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    text-align: left;
 +
}
 +
 +
nav ul ul li:hover
 +
{
 +
    float:none;
 +
    width:auto;
 +
    background-color: rgb(235, 232, 244);
 +
    color: rgb(191, 179, 226);
 +
}
 +
 +
nav ul ul a
 +
{
 +
    color: black!important;
 +
}
 +
nav ul ul a:hover
 +
{
 +
    color: rgb(15, 5, 40);
 +
text-decoration: none!important;
 +
}
 +
 +
nav ul ul ul
 +
{ 
 +
    display: none;
 +
    top:0;
 +
    left:100%
 +
}
 +
 +
nav ul li:hover > ul
 +
{
 +
    display:block;
 +
}
 +
#home_logo, #sideMenu
 +
{ display:none; }
 +
#sideMenu, #top_title, .patrollink 
 +
{display:none;}
 +
#content
 +
{ width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body
 +
{background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
#logo {
 +
    width: 80px;
 +
    height: 80px;
 +
    position: absolute;
 +
}
 +
body {
 +
    margin: 0px;
 +
margin-top: 3px;
 +
    padding: 0px;
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
#container {
 +
    height: 100%;
 +
    display: flex;
 +
}
 +
 +
 +
#text-container {
 +
    margin-right: 3px;
 +
    margin-left: 40vh;
 +
    margin-top: 100vh;
 +
    min-height: 100vh;
 +
    position: relative;
 +
    border-right: #913147 solid 10px;
 +
    display: flex;
 +
    justify-content: space-around;
 +
    flex-direction: column;
 +
    flex-wrap: wrap;
 +
    background-color: white;
 +
}
 
#welcome {
 
#welcome {
 +
    position: absolute;
 
     background-image: url("https://static.igem.org/mediawiki/2018/6/6e/T--Grenoble-Alpes--home.jpg");
 
     background-image: url("https://static.igem.org/mediawiki/2018/6/6e/T--Grenoble-Alpes--home.jpg");
−
background-repeat: no-repeat;
+
    background-repeat: no-repeat;
−
background-size: cover;
+
    background-size: cover;
 
     width: 100%;
 
     width: 100%;
−
     max-height: 1100px;
+
     height: 100%;
 +
    height: calc(100vh - 39px);
 +
    z-index: 2;
 +
    display: flex;
 +
    justify-content: space-around;
 +
    margin-top: 39px;
 
}
 
}
 
#titre {
 
#titre {
−
    padding: 250px 0px 370px 0px;
 
−
    margin: auto;
 
−
    height: 300px;
 
−
    width: auto;
 
 
     display: flex;
 
     display: flex;
−
     justify-content: space-around;
+
     padding: auto;
 +
    margin: auto;
 +
    text-align: center;
 +
    z-index: 1;
 +
    max-width: 60%;
 +
    height: auto;
 +
}
 +
#overlay {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: blue;
 +
    background-image: linear-gradient(90deg, #a8353a 0%, #3554a8 100%);
 +
    opacity: 0.6;
 +
}
 +
 
 +
 
 +
 
 +
#sous-menu {
 +
    margin-top: 39px;
 +
    padding-top: 40px;
 +
    position: fixed;
 +
    width: 30vh;
 +
    min-width: 200px;
 +
    height: calc(100vh - 39px);
 +
    background-color: #e2dede;
 +
    border-right: #362844 solid 10px;
 +
}
 +
 
 +
#sous-menu ul {
 +
 
 +
    position: relative;
 +
    list-style: none;
 +
 
 +
}
 +
#sous-menu ul li a:hover {
 +
    text-decoration: underline;
 +
padding-left: 10px;
 +
border-left: #913147 solid 5px;
 +
 
 +
}
 +
#sous-menu a {
 +
    text-decoration: none;
 +
    color: #362844;
 +
}
 +
 
 +
h1 {
 +
    font-size: 4em;
 +
    border-bottom: #913147 solid 10px;
 +
}
 +
h2 {
 +
    margin-left: 40px;
 +
    font-size: 3em;
 +
    font-weight: 100;
 
}
 
}
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id="reset">
+
<nav>
−
<nav>
+
<a href="https://2018.igem.org/Team:Grenoble-Alpes">
−
<ul>
+
<img src="logo.png" id="logo">
−
<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>
 
</a>
 +
<ul id="ulmenu">
 +
 
<li>
 
<li>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes">HOME</a>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes">HOME</a>
Line 35: Line 307:
 
<li>
 
<li>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes/team">TEAM</a>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes/team">TEAM</a>
 +
<ul>
 +
<li><a>TEAM MEMBERS</a></li>
 +
<li><a>ADVISORS</a></li>
 +
<li><a>PARTNERS</a></li>
 +
</ul>
 
</li>
 
</li>
 
<li>
 
<li>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes/project">PROJECT</a>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes/project">PROJECT</a>
 +
<ul>
 +
<li><a>BIOLOGY</a></li>
 +
<li><a>ENGINEERING</a></li>
 +
<li><a>PROOF OF CONCEPT</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>
 +
MODELLING
 +
</a>
 
</li>
 
</li>
 
<li>
 
<li>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes/human_pactices">HUMAN PRACTICES</a>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes/human_pactices">HUMAN PRACTICES</a>
 
<ul>
 
<ul>
−
<li><a href="">test</a></li>
+
<li><a href="">ACTORS & PARTNERSHIPS</a></li>
−
<li><a href="">test</a></li>
+
<li><a href="">ETHIC</a></li>
−
+
<li><a>EVENTS</a></li>
 +
<li><a>SAFETY & SECURITY</a></li>
 
</ul>
 
</ul>
 
</a>
 
</a>
−
</li>
 
−
<li>
 
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/entrepreneurship">ENTREPRENEURSHIP</a>
 
 
</li>
 
</li>
 
<li>
 
<li>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">RESSOURCES</a>
 
<a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">RESSOURCES</a>
 +
<ul>
 +
<li>
 +
<a>NOTEBOOK</a>
 +
</li>
 +
<li><a>PARTS</a></li>
 +
<li><a>PROTOCOLS</a></li>
 +
<li><a>COMPONANTS</a></li>
 +
<li><a>MEDAL CRITERIA</a></li>
 +
</ul>
 
</li>
 
</li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
−
<div id="container">
+
<div id="container">
 
<div id="welcome">
 
<div id="welcome">
 +
<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>
−
+
<div id="sous-menu">
 +
<ul>
 +
<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>
 +
<ul>
 +
<li><a>TEAM MEMBERS</a></li>
 +
<li><a>ADVISORS</a></li>
 +
<li><a>PARTNERS</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:Grenoble-Alpes/project">PROJECT</a>
 +
<ul>
 +
<li><a>BIOLOGY</a></li>
 +
<li><a>ENGINEERING</a></li>
 +
<li><a>PROOF OF CONCEPT</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>
 +
MODELLING
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:Grenoble-Alpes/human_pactices">HUMAN PRACTICES</a>
 +
<ul>
 +
<li><a href="">ACTORS & PARTNERSHIPS</a></li>
 +
<li><a href="">ETHIC</a></li>
 +
<li><a>EVENTS</a></li>
 +
<li><a>SAFETY & SECURITY</a></li>
 +
</ul>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:Grenoble-Alpes/ressources">RESSOURCES</a>
 +
<ul>
 +
<li>
 +
<a>NOTEBOOK</a>
 +
</li>
 +
<li><a>PARTS</a></li>
 +
<li><a>PROTOCOLS</a></li>
 +
<li><a>COMPONANTS</a></li>
 +
<li><a>MEDAL CRITERIA</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
 
 +
<div id="text-container">
 
<h1>Welcome on the iGEM Grenoble-Alpes wiki !</h1>
 
<h1>Welcome on the iGEM Grenoble-Alpes wiki !</h1>
 
<h2>Project description</h2>
 
<h2>Project description</h2>
Line 90: Line 436:
 
</p>
 
</p>
 
<p>Have a look at our video !</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>
+
</div>
−
</body>
+
</body>
 
</html>
 
</html>

Revision as of 08:48, 20 September 2018

Template loop detected: Template:Grenoble-Alpes

IGEM - Grenoble Alpes

Welcome on the iGEM Grenoble-Alpes wiki !

Project description

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.

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.

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).

This year, the goal of our team is to develop a fully automated system capable of :

  • identifying a pathogenic bacteria
  • detecting resistance markers
  • select the right phages for a possible phagotherapy.

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.

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.

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 : Pseudomonas Aeruginosa and Staphylococcus Aureus. 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.

Have a look at our video !