Difference between revisions of "Team:Paris Bettencourt"

 
(124 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Paris_Bettencourt/Templatestop}}
 
{{Paris_Bettencourt/Templatestop}}
−
{{Paris_Bettencourt/CSS}}
 
  
 
<html>
 
<html>
−
/*anti igem css*/
+
<body>
 +
<div id="header1" class="header">
 +
    <img src="https://static.igem.org/mediawiki/2018/c/cb/T--Paris_Bettencourt--Home_page.jpg">
 +
</div>
 +
<div class='text1 img'>
 +
  <img src="https://static.igem.org/mediawiki/2018/6/63/T--Paris_Bettencourt--STARCORE_logo.png">
 +
</div>
 +
<div class='textbody h1'>
 +
<h2>Protein scaffolds for star-shaped antimicrobial peptides</h2>
 +
</div>
  
 +
<div class='textbody'>
 +
<p><b>StarCores</b> are these novel, biologically-synhesized, star-shaped Antimicrobial Peptide (AMP). Like antibiotics, AMPs can be used to kill harmful bacteria. Since AMPs attack bacteria differently than conventional antibiotics, <b>the resistance evolution occurs at a much slower rate.</b></br>
  
−
#HQ_page h1, h2, h3, h5 {
+
<p>We designed StarCores in response to the specific needs of veterinarians, farmers, and policymakers in France. Our goal was to provide a specific solution for killing Gram-negative bacteria on pig farms. Over the summer, we successfully designed, produced, tested, and optimized a novel class of bacteria-killing peptides with <b>high activity and reduced toxicity.</b></br>
−
        font-family: Didot, Didot LT STD, Lemon/Milk lIGHT, sans-serif;
+
−
        font-weight: 400;
+
−
        border : none;
+
−
        border : white;
+
−
}
+
−
#mw-content-text h1 {
+
−
        border : none;
+
−
        border : white;
+
−
}
+
−
#HQ_page h4 {
+
−
        color : rgb(64,64,64);
+
−
}
+
−
#HQ_page table {
+
−
        border : none;
+
−
        border-collapse : separate;
+
−
        margin : 0;
+
−
}
+
−
#HQ_page ul {
+
−
        list-style-type:disc;
+
−
        list-style-image : none;
+
−
}
+
−
groupparts {
+
−
        margin :margin-left : 50%;
+
−
}
+
−
/*General CSS*/
+
−
body {
+
−
margin : 0;
+
−
padding:0;
+
−
        width : 100%;
+
−
}
+
−
@media only screen and (max-width: 1200px) {
+
  
−
}
+
<p>The story of our project unfolds sequentially. For the best experience of our wiki, we invite you to read the sections below in order, starting with <b>Integrated Human Practices (Human Practices I)</b>.</p>
−
@media only screen and (max-width: 800px) {
+
</div>
−
      body {
+
−
              width : 800px;
+
−
      }
+
−
      #menu {
+
−
              height : 130px !important;
+
−
      }
+
−
      .menulist {
+
−
              width : 400px !important;
+
−
              overflow : visible !important;
+
−
      }
+
−
      #fbnoticon{
+
−
      }
+
−
      #instanoticon {
+
−
      }
+
−
      #twnoticon{
+
−
      }
+
  
−
}
+
<div class='textbody'>
−
#top-button {
+
    <div class='grid-container'>
−
position : fixed;
+
         <div class='large-block'>
−
right : 20px;
+
            <a href='https://2018.igem.org/Team:Paris_Bettencourt/Human_Practices'>
−
bottom : 10px;
+
                <div class='large-block-content'>
−
        width : 25px;
+
                    <img src="https://static.igem.org/mediawiki/2018/5/54/T--Paris_Bettencourt--HP_Firstpage.jpg">
−
        height : 25px;
+
                </div>
−
z-index : 100;
+
                <div>Human Practices I </div>
−
}
+
−
#top-button img {
+
−
        width : 100%;
+
−
        height : 100%;
+
−
}
+
−
.textbody img {
+
−
        width : 100%;
+
−
}
+
−
.textbody span {
+
−
      font-size : 12px;
+
−
      text-align : justify;
+
−
}
+
−
.textbody h4 {
+
−
         text-align : left;
+
−
        font-size : 20px;
+
−
        margin-bottom : 20px;
+
−
        color : rgb(64,64,64);
+
−
}
+
−
.textbody h6 {
+
−
        text-align : center;
+
−
        font-size : 15px;
+
−
}
+
−
.textbody table {
+
−
      width : 100%;
+
−
      word-wrap : break-word;
+
−
}
+
−
.textbody table tr td {
+
−
        border : rgb(94,94,94) solid 1px;
+
−
        text-align : left;
+
−
}
+
−
.textbody table tr td img {
+
−
        width : 100%;
+
−
        margin : 0;
+
−
}
+
−
.header {
+
−
width : 100%;
+
−
height : 100vh;
+
−
background-attachment: fixed;
+
−
background-position : center;
+
−
background-repeat : no-repeat;
+
−
background-size : cover;
+
−
background-color : rgb(200,200,200);
+
−
text-align : center;
+
−
        line-height : 100px;
+
−
font-family : "Avenir", Lato, sans-serif;
+
−
font-size : 100px;
+
−
color : white;
+
−
font-weight : bold;
+
−
    display: flex;
+
−
    align-items: center;
+
−
justify-content: center;
+
−
}
+
−
.textbody {
+
−
width : 75%;
+
−
margin : 0 auto;
+
−
text-align : justify;
+
−
padding-top : 75px;
+
−
display : block;
+
−
font-family : "Futura", sans-serif;
+
−
color : rgb(64,64,64);
+
−
font-size : 15px;
+
−
        margin-bottom : 50px;
+
−
        text-indent : 15px;
+
−
}
+
  
−
#HQ_page .textbody p {
+
            </a>
−
      font-family : "Futura", sans-serif;
+
−
color : rgb(64,64,64);
+
−
font-size : 15px;
+
−
}
+
  
−
@supports (-webkit-appearance:none) {
+
        </div>
−
.textbody {
+
    </div>
−
color : #404040;
+
</div>
−
font-weight : 150;
+
<div class='textbody '>
−
}
+
    <div class='grid-container'>
−
}
+
        <div class='medium-square-block'>
−
.textbody h1 {
+
       
−
text-align : center;
+
            <a href='https://2018.igem.org/Team:Paris_Bettencourt/Design'>
−
font-size : 50px;
+
                <div class='medium-square-block-content'>
−
        line-height : 50px;
+
                    <img src="https://static.igem.org/mediawiki/2018/0/0d/T--Paris_Bettencourt--Design_FirstPage.png">
−
margin-bottom : 75px;
+
                </div>
−
font-family: Didot, Didot LT STD,  Hoefler Text, Garamond, Times New Roman, serif;
+
                <div>Design</div>
−
color : rgb(56,78,119);
+
  
 +
            </a>
 +
        </div>
 +
        <div class="medium-square-block">
 +
              <a href='https://2018.igem.org/Team:Paris_Bettencourt/Production'>
 +
                <div class='medium-square-block-content'>
 +
                    <img src="https://static.igem.org/mediawiki/2018/7/71/T--Paris_Bettencourt--Production_FirstPage.png">
 +
                </div>
 +
                <div>Production</div>
  
−
}
+
            </a>
−
.textbody h2 {
+
        </div >
−
         font-size : 30px;
+
         <div class="medium-square-block">
−
font-variant: small-caps;
+
              <a href='https://2018.igem.org/Team:Paris_Bettencourt/Testing'>
−
        line-height : 30px;
+
                <div class='medium-square-block-content'>
−
        text-decoration : none;
+
                    <img src="https://static.igem.org/mediawiki/2018/5/5e/T--Paris_Bettencourt--Testing_FirstPage.png">
 +
                </div>
 +
                <div>Testing</div>
  
−
}
+
            </a>
−
.textbody ul {
+
         </div>
−
         list-style-position: inside;
+
         <div class="medium-square-block">
−
         list-style-type: circle;
+
              <a href='https://2018.igem.org/Team:Paris_Bettencourt/Modeling'>
−
}
+
                <div class='medium-square-block-content'>
−
.textbody a {
+
                    <img src="https://static.igem.org/mediawiki/2018/3/3d/T--Paris_Bettencourt--Modeling_FirstPage.png">
−
        text-style : none;
+
                </div>
−
        color : rgb(64,64,64);
+
                <div>Modeling</div>
−
}
+
−
/* text in one block*/
+
−
.text1 {
+
−
width : 100%;
+
−
display : inline-block;
+
−
margin-top : 25px;
+
−
        position : relative;
+
−
        font-size : 16px;
+
−
}
+
−
.text1 img {
+
−
      width : 50%;
+
−
      margin-left : 25%;
+
−
      margin-right : 25%;
+
−
}
+
−
.text1 span {
+
−
      width : 50%;
+
−
      margin-left : 25%;
+
−
      margin-right : 25%;
+
−
      display : inline-block;
+
−
}
+
−
/*Text in two equal block*/
+
−
.text2 {
+
−
width : 100%;
+
−
display : inline-block;
+
−
margin-top : 25px;
+
−
        position : relative;
+
−
}
+
−
.text2left {
+
−
width : 45%;
+
−
display : inline-block;
+
−
margin-top : 20px;
+
−
margin-bottom : 20px;
+
−
float : left;
+
−
}
+
−
.text2right {
+
−
width : 45%;
+
−
display : inline-block;
+
−
float : right;
+
−
margin-top : 20px;
+
−
margin-bottom : 20px;
+
−
}
+
−
/*Text in three equal block*/
+
−
.text3 {
+
−
width : 100%;
+
−
display : inline-block;
+
−
margin-top : 25px;
+
−
        position : relative;
+
−
}
+
−
.text3left {
+
−
width : 30%;
+
−
display : inline-block;
+
−
margin-top : 20px;
+
−
margin-bottom : 20px;
+
−
float : left;
+
−
}
+
−
.text3center {
+
−
width : 30%;
+
−
display : inline-block;
+
−
margin-left : 5%;
+
−
margin-top : 20px;
+
−
margin-bottom : 20px;
+
−
float : left;
+
−
}
+
−
.text3right {
+
−
width : 30%;
+
−
float : right;
+
−
display : inline-block;
+
−
margin-top : 20px;
+
−
margin-bottom : 20px;
+
−
}
+
−
/*Text in two block with the left one larger*/
+
−
.text4 {
+
−
width : 100%;
+
−
display : inline-block;
+
−
margin-top : 25px;
+
−
        position : relative;
+
−
}
+
−
.text4left {
+
−
width : 65%;
+
−
display : inline-block;
+
−
margin-top : 20px;
+
−
margin-bottom : 20px;
+
−
}
+
−
.text4right {
+
−
width : 30%;
+
−
display : inline-block;
+
−
float : right;
+
−
margin-top : 20px;
+
−
margin-bottom : 20px;
+
−
}
+
−
/*Text in two block with the right one larger*/
+
−
.text5 {
+
−
width : 100%;
+
−
display : inline-block;
+
−
margin-top : 25px;
+
−
        position : relative;
+
−
}
+
−
.text5left {
+
−
width : 30%;
+
−
display : inline-block;
+
−
margin-top : 20px;
+
−
margin-bottom : 20px;
+
−
}
+
−
.text5right {
+
−
width : 65%;
+
−
display : inline-block;
+
−
float : right;
+
−
margin-top : 20px;
+
−
margin-bottom : 20px;
+
−
}
+
−
.text6 {
+
−
      width : 60%;
+
−
      display : inline-block
+
−
      margin-top : 20px;
+
−
      margin-bottom : 20px;
+
−
      margin-left : 20%;
+
−
      margin-rigth : 20%;
+
−
}
+
  
−
.divseparator {
+
            </a>
−
         width : 20%;
+
         </div>
−
        height : 0px;
+
                <div class="medium-square-block">
−
        border : solid 0.5px rgb(64,64,64);
+
              <a href='https://2018.igem.org/Team:Paris_Bettencourt/Optimization'>
−
        margin : 25px auto;
+
                <div class='medium-square-block-content'>
−
        position : relative;
+
                    <img src="https://static.igem.org/mediawiki/2018/d/df/T--Paris_Bettencourt--Optimization_FirstPage.png">
−
        display : block;
+
                </div>
−
}
+
                <div>Optimization</div>
−
.horiline {
+
−
  height: 3px;
+
−
  width: 300px;
+
−
  margin: -0.5em 0;
+
−
  color: rgb(64,64,64) ;
+
−
  display: block;
+
−
    margin-left: auto;
+
−
    margin-right: auto
+
−
}
+
−
/*Nav bar CSS*/
+
−
/*
+
−
#menu {
+
−
position : fixed;
+
−
width : 100%;
+
−
background : rgb(94,94,94);
+
−
height : 65px;
+
−
        z-index : 100;
+
−
}
+
  
−
#home {
+
            </a>
−
width : 60px;
+
         </div>
−
top : 0;
+
    </div>
−
         margin-left : 10px;
+
−
}
+
−
#mainpage {
+
−
float : left;
+
−
+
−
}
+
  
−
#menu ul li {
+
   
−
display: inline-block;
+
−
vertical-align: top;
+
−
}
+
  
−
#menu ul li a {
+
</div>
−
display: inline-block;
+
<div class='textbody'>
−
}
+
    <div class='grid-container'>
 +
        <div class='large-block'>
 +
            <a href='https://2018.igem.org/Team:Paris_Bettencourt/Public_Engagement'>
 +
                <div class='large-block-content'>
 +
                  <img src="https://static.igem.org/mediawiki/2018/7/71/T--Paris_Bettencourt--HPII_FirstPage.png">
 +
                </div>
 +
                <div>Human Practices II (Public Engagement)</div>
  
−
.menulist {
+
            </a>
−
overflow: hidden;
+
−
margin : auto;
+
−
background : rgb(94,94,94);
+
−
        margin-left : 100px !important;
+
−
padding : 0px;
+
−
        margin-top : 0px;
+
−
        height : 60px;
+
−
        font-size : 16px;
+
−
}
+
  
−
.menulist .list a {
+
        </div>
−
display: block;
+
    </div>
−
text-align: center;
+
</div>
−
text-decoration : none;
+
<div class='textbody'>
−
color: white;
+
    <div class='grid-container'>
−
        padding-left : 5px;
+
         <div class='small-block'>
−
         padding-right : 5px;
+
            <a href='https://2018.igem.org/Team:Paris_Bettencourt/Members'>
−
        padding-top : 15px;
+
                <div class='small-block-content'>
−
        padding-bottom : 15px;
+
                    <img src="https://static.igem.org/mediawiki/2018/9/97/T--Paris_Bettencourt--Team_FirstPage.png">
−
}
+
                </div>
−
.menulist .list a:hover {
+
                <div>Team</div>
−
background-color: rgb(124, 124, 124);  /*here to change the color when you pass the mouse over, look down a bit*/
+
−
}
+
−
.menulist .list .dropdownlist {
+
−
display: none;
+
−
position: absolute;
+
−
text-align : left;
+
−
        margin-top : 0px;
+
−
        padding-left : 5px;
+
−
        padding-right : 5px;
+
−
        background : rgb(255, 255, 255);
+
−
        list-style-position : inside;
+
−
        margin-left : 0px;
+
−
        z-index : 99;
+
−
}
+
  
−
.dropdownlist li .droprightlist {
+
            </a>
−
display: none;
+
        </div>
−
position: absolute;
+
         <div class='small-block'>
−
background : rgb(255, 255, 255);
+
            <a href='https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook'>
−
         padding-left : 5px;
+
                <div class='small-block-content'>
−
        padding-right : 5px;
+
                    <img src="https://static.igem.org/mediawiki/2018/a/a6/T--Paris_Bettencourt--Lab_NoteBook.png">
−
        margin-top : 0px;
+
                </div>
−
        text-align : left;
+
                <div>Lab Notebook</div>
−
        z-index : 100;
+
−
        margin-left : 0px;
+
−
}
+
  
−
.menulist .list:hover .dropdownlist {
+
            </a>
−
display: block;
+
        </div>
−
}
+
        <div class='small-block'>
 +
            <a href='https://2018.igem.org/Team:Paris_Bettencourt/BioBricks'>
 +
                <div class='small-block-content'>
 +
                    <img src="https://static.igem.org/mediawiki/2018/3/38/T--Paris_Bettencourt--Bio_Bricks.png">
 +
                </div>
 +
                <div>BioBricks</div>
  
−
.menulist .list .dropdownlist li {
+
            </a>
−
display: block;
+
        </div>
−
position: relative;
+
        <div class='small-block'>
−
text-align : center;
+
            <a href='https://2018.igem.org/Team:Paris_Bettencourt/Medal_Criteria'>
−
background : rgb(255, 255, 255);
+
                <div class='small-block-content'>
−
z-index: 90;
+
                    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--Paris_Bettencourt--Medal_FirstPage.png">
−
padding : auto;
+
                </div>
−
}
+
                <div>Medal Criteria</div>
−
.menulist .list .dropdownlist li a:hover {
+
−
background-color: rgb(124, 124, 124);  /*And here also*/
+
−
}
+
−
.dropdownlist li .droprightlist li a {
+
−
color: white;
+
−
}
+
−
#menu u.dropdownlist li .droprightlist li {
+
−
display: block;
+
−
position: relative;
+
−
text-align : center;
+
−
background : rgb(255, 255, 255);
+
−
padding : auto;
+
−
}
+
  
−
.menulist .list .dropdownlist li a {
+
            </a>
−
display: table-cell;
+
        </div>
−
text-align: left;
+
          
−
text-align : center;
+
    </div>
−
color: white;
+
</div>
−
text-decoration : none;
+
−
         z-index : 99;
+
−
vertical-align : middle;
+
−
}
+
−
.dropdownlist li .droprightlist li a {
+
−
display: table-cell;
+
−
text-align: left;
+
−
text-align : center;
+
−
text-decoration : none;
+
−
color: white;
+
  
−
}
+
<br>
−
.list ul li {
+
<br>
−
        display : table-cell;
+
<br>
 +
<div>
 +
<div class='textbody'>
 +
  <h3>Giant Jamboree 2018 Results!</h3>
 +
<br>
 +
  <img src="https://static.igem.org/mediawiki/2018/c/ca/T--Paris_Bettencourt--Medal_FirstPage.png" style="float:left;width:100px;height:100px;">
 +
  <b>Gold Medal </b><br>
 +
  Nominations for <b>Best New Composite Part </b> and <b>Best Software</b><br><b><a href="https://synbiobeta.com/cell-free-expression-platforms-enable-new-possibilities-at-igem-and-beyond/">Synbiobeta wrote an article on us! </b>
 +
</div>
 +
</body>
  
−
}
 
−
.dropdownlist li .droprightlist {
 
−
top: 0;
 
−
left: 100%;
 
−
z-index: -1;
 
−
}
 
−
.dropdownlist li:hover .droprightlist {
 
−
display: block;
 
−
}
 
−
#exception {
 
−
        line-height : normal;
 
−
 
−
}
 
−
#fbnoticon{
 
−
margin-left : 90px;
 
−
}
 
−
#instanoticon {
 
−
margin-left : 135px;
 
−
        margin-top : -19px;
 
−
}
 
−
#twnoticon{
 
−
margin-left : 45px;
 
−
}
 
−
#igemlogo{ 
 
−
}
 
−
.sidelogos {
 
−
}
 
−
#logolist {
 
−
float : right;
 
−
display : inline-block;
 
−
height : 60px;
 
−
width : 175px;
 
−
margin-top : -50px;
 
−
margin-right : 50px;
 
−
}
 
−
#twnoticon img, #fbnoticon img, #igemlogo img, #instanoticon img{
 
−
width : 40px;
 
−
position : absolute;
 
−
display : inline-block;
 
−
}
 
−
 
−
 
−
#twitapp, #fbapp {
 
−
display:none;
 
−
width:250px;
 
−
height:auto;
 
−
background: white;
 
−
}
 
−
#fbapp{
 
−
}
 
−
#twitapp{
 
−
}
 
−
*/
 
−
    .image-span{
 
−
                                display:block;
 
−
                            }
 
−
                           
 
−
                            .top50 {
 
−
                            margin-top: 50px;
 
−
                            }
 
−
        body
 
−
{
 
−
    margin: 0;
 
−
    padding: 0;
 
−
    font-family: sans-serif;
 
−
   
 
−
   
 
−
}
 
−
nav
 
−
{
 
−
    width: 100%;
 
−
    background: #66b24c;
 
−
}
 
−
ul
 
−
{
 
−
  width:  80%;
 
−
  margin:  0 auto;
 
−
  padding: 0;
 
−
}
 
−
ul li
 
−
{
 
−
    list-style: none;
 
−
    display: inline-block;
 
−
    padding: 20px;
 
−
}
 
−
ul li:hover
 
−
{
 
−
  background: #ffffff;
 
−
}
 
−
ul li a
 
−
{
 
−
    color: #fff;
 
−
    text-decoration:  none;
 
−
}
 
−
 
−
<div class="column full_size" >
 
−
<h1> STAR CORES: Protein scaffolds for star-shaped AMPs </h1>
 
−
<p> Antibiotic resistance is responsible for an estimated 25 000 deaths per year in the EU and 1.5 billion € per year in healthcare costs. A promising alternative to antibiotics is antimicrobial peptides (AMPs), a diverse class of naturally occurring proteins. Similar to antibiotics, AMPs have a broad action spectrum and high efficiency, but resistance to AMPs evolves much more slowly. These compounds are usually produced using chemical synthesis, which requires specialized equipment and personnel and has limited yield. Our project will employ E. coli based cell-free expression platform to produce naturally occurring or artificially designed AMPs. These AMPs are fused to self-assembling star-shaped scaffold proteins to improve their bactericidal efficiency against various infection-causing bacteria. Our aim is to screen various AMPs and scaffold protein complexes, followed by a selection of the best AMP+scaffold combinations in terms of bactericidal property and bio-compatibility.</p>
 
−
 
−
<p> For more details, email us at : paris-bettencourt-2018@cri-paris.org </p>
 
−
 
−
 
−
<img src="http://placehold.it/1080x320/c4baba/e4dede">
 
−
 
−
 
−
</div>
 
  
  

Latest revision as of 00:50, 8 December 2018

Protein scaffolds for star-shaped antimicrobial peptides

StarCores are these novel, biologically-synhesized, star-shaped Antimicrobial Peptide (AMP). Like antibiotics, AMPs can be used to kill harmful bacteria. Since AMPs attack bacteria differently than conventional antibiotics, the resistance evolution occurs at a much slower rate.

We designed StarCores in response to the specific needs of veterinarians, farmers, and policymakers in France. Our goal was to provide a specific solution for killing Gram-negative bacteria on pig farms. Over the summer, we successfully designed, produced, tested, and optimized a novel class of bacteria-killing peptides with high activity and reduced toxicity.

The story of our project unfolds sequentially. For the best experience of our wiki, we invite you to read the sections below in order, starting with Integrated Human Practices (Human Practices I).

Human Practices I
Design
Production
Testing
Modeling
Optimization
Human Practices II (Public Engagement)
Team
Lab Notebook
BioBricks
Medal Criteria



Giant Jamboree 2018 Results!


Gold Medal
Nominations for Best New Composite Part and Best Software
Synbiobeta wrote an article on us!

Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
paris-bettencourt-2018@cri-paris.org