Difference between revisions of "Team:EPFL"

 
(88 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{EPFL2}}
+
{{EPFL/Header}}
−
<html lang="en">
+
<html>
  
−
  <head>
+
<body>
  
−
    <meta charset="utf-8">
+
  <main>
−
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
−
    <meta name="description" content="">
+
−
    <meta name="author" content="">
+
  
−
    <title>Heroic Features - Start Bootstrap Template</title>
 
  
−
    <!-- Bootstrap core CSS -->
 
−
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
  
−
    <!-- Custom styles for this template -->
 
−
    <link href="css/heroic-features.css" rel="stylesheet">
 
  
−
  </head>
+
    <!-- Spotlight -->
 +
    <section class="slice slice-xl bg-dark">
 +
      <div class="container">
 +
        <div class="row row-grid align-items-center">
 +
          <div class="col-lg-5">
 +
            <div class="pt-lg-lg pb-lg-sm text-center text-lg-left">
 +
              <h2 class="h1 text-white mb-3">CAPOEIRA</h2>
 +
              <p class="lead text-white lh-180">CAncer PersOnalized Encapsulin Immunotherapy and Relapse Assay</p>
  
−
  <body>
+
                          <a href="https://2018.igem.org/Team:EPFL/Description" class="btn btn-white btn-circle btn-translate--hover btn-icon mr-sm-4 scroll-me">
  
−
    <!-- Navigation -->
+
                                      <span class="btn-inner--text">Learn more about our project</span>
−
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+
                                      <span class="btn-inner--icon"><i class="fas fa-angle-right"></i></span>
 +
                                  </a>
 +
            </div>
 +
          </div>
 +
          <div class="col-lg-6 ml-lg-auto text-center">
 +
            <img src="https://static.igem.org/mediawiki/2018/b/b0/T--EPFL--LOGO_INVERT.png" style="width: 300px;">
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="shape-container" data-shape-style="curve" data-shape-position="bottom">
 +
        <svg class="shape-fill-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none">
 +
                <path d="M 0 0 c 0 0 200 50 500 50 s 500 -50 500 -50 v 101 h -1000 v -100 z"></path>
 +
            </svg>
 +
      </div>
 +
    </section>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    <section class="slice slice-xl bg-primary" id="CAP">
 
       <div class="container">
 
       <div class="container">
−
         <a class="navbar-brand" href="#">Start Bootstrap</a>
+
         <div class="row row-grid align-items-center">
−
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+
           <div class="col-lg-12">
−
           <span class="navbar-toggler-icon"></span>
+
            <div class="pr-md-4">
−
        </button>
+
              <h3 class="heading h3 text-white text-center"><font size="+2">What is CAPOEIRA ?</font></h2>
−
        <div class="collapse navbar-collapse" id="navbarResponsive">
+
               <p class="lead text-white my-4">While Melanoma remains the deadliest form of skin cancer, immunotherapy approaches can harness our immune system to defeat it! Yet, current immuno-treatments suffer from high costs, limited accessibility, and poor specificity. Our project
−
          <ul class="navbar-nav ml-auto">
+
                 “CAPOEIRA”, named after the Brazilian self-defense martial-art, exploits the potential of synthetic biology to develop a personalized, cost-effective, and rapid production scheme for cancer vaccine and point-of-care relapse surveillance.
−
            <li class="nav-item active">
+
                First, a bioinformatic pipeline integrating state-of-the-art tools identifies our targets: melanoma neoantigens, the fingerprints of cancer cells. Next, cell-free protein expression rapidly synthesizes a library of encapsulin protein nanocompartments
−
               <a class="nav-link" href="#">Home
+
                presenting the various neoantigen epitopes. This encapsulin vaccine activates dendritic cells which trigger a T-cell attack on the neoantigen-bearing cancer cells. Nevertheless, we don’t underestimate a defeated villain! To detect potential
−
                 <span class="sr-only">(current)</span>
+
                relapse, we combine techniques including dumbbell probes, rolling circle amplification, isothermal amplification, and CRISPR-Cas12a to detect circulating tumor miRNA and DNA. Ultimately, CAPOEIRA trains the immune system to fight back!
−
              </a>
+
 
−
            </li>
+
               </p>
−
            <li class="nav-item">
+
            </div>
−
               <a class="nav-link" href="#">About</a>
+
          </div>
−
            </li>
+
 
−
            <li class="nav-item">
+
          <div class="p-5 rounded bg-primary">
−
              <a class="nav-link" href="#">Services</a>
+
            <a href="#abstract" class="tongue tongue-bottom scroll-me"><i class="fas fa-angle-down"></i></a>
−
            </li>
+
           </div>
−
            <li class="nav-item">
+
 
−
              <a class="nav-link" href="#">Contact</a>
+
−
            </li>
+
−
           </ul>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
     </nav>
+
     </section>
  
−
    <!-- Page Content -->
 
−
    <div class="container">
 
  
−
      <!-- Jumbotron Header -->
 
−
      <header class="jumbotron my-4">
 
−
        <h1 class="display-3">A Warm Welcome!</h1>
 
−
        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, ipsam, eligendi, in quo sunt possimus non incidunt odit vero aliquid similique quaerat nam nobis illo aspernatur vitae fugiat numquam repellat.</p>
 
−
        <a href="#" class="btn btn-primary btn-lg">Call to action!</a>
 
−
      </header>
 
  
−
       <!-- Page Features -->
+
    <section id="abstract" class="slice">
−
      <div class="row text-center">
+
       <div class="container">
 +
        <div class="mb-5 text-center">
 +
          <br>
 +
          <h3 class="heading h3"><font size="+5">This is CAPOEIRA</font></h2>
 +
        </div>
 +
 
 +
 
 +
        <div class="row row-grid align-items-center slice slice-lg">
 +
          <div class="col-lg-5">
 +
            <div class="animate-this">
 +
            <img src="https://static.igem.org/mediawiki/2018/0/01/T--EPFL--bioinfo.svg" class="img-center img-fluid" width="300px">
 +
          </div>
 +
          </div>
 +
          <div class="col-lg-7 ml-lg-auto">
 +
            <div>
 +
              <h2 class="text-center"><font size="+2">Bioinformatics</font></h2>
 +
              <p class="lead text-gray my-4 text-center">
 +
                <font size="+2">First, a bioinformatic pipeline integrating state-of-the-art tools identifies our target: melonoma neoantigens, the fingerprints of cancer cells</font>
 +
              </p>
  
−
        <div class="col-lg-3 col-md-6 mb-4">
 
−
          <div class="card">
 
−
            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
 
−
            <div class="card-body">
 
−
              <h4 class="card-title">Card title</h4>
 
−
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</p>
 
−
            </div>
 
−
            <div class="card-footer">
 
−
              <a href="#" class="btn btn-primary">Find Out More!</a>
 
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
        <br>
 +
        <div class="row row-grid align-items-center slice slice-lg">
 +
          <div class="col-lg-5 order-lg-2 ml-lg-auto">
 +
            <img src="https://static.igem.org/mediawiki/2018/b/b2/T--EPFL--vaccine-logo.svg" class="img-center img-fluid" width="300px">
 +
          </div>
 +
          <div class="col-lg-7 order-lg-1">
 +
            <div class="pr-lg-7">
 +
              <h2 class="text-center"><font size="+2">Vaccine</font></h2>
 +
              <p class="lead text-gray my-4 text-center">
 +
                <font size="+2">Next, cell-free protein expression rapidly synthesizes a library of encapsulin protein nanocompartments presenting the various neoantigen epitopes</font>
 +
              </p>
  
−
        <div class="col-lg-3 col-md-6 mb-4">
 
−
          <div class="card">
 
−
            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
 
−
            <div class="card-body">
 
−
              <h4 class="card-title">Card title</h4>
 
−
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.</p>
 
−
            </div>
 
−
            <div class="card-footer">
 
−
              <a href="#" class="btn btn-primary">Find Out More!</a>
 
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
  
−
         <div class="col-lg-3 col-md-6 mb-4">
+
         <div class="row row-grid align-items-center">
−
           <div class="card">
+
           <div class="col-lg-5">
−
             <img class="card-img-top" src="http://placehold.it/500x325" alt="">
+
             <img src="https://static.igem.org/mediawiki/2018/4/4a/T--EPFL--DCentier.svg" class="img-center img-fluid" width="300px">
−
            <div class="card-body">
+
          </div>
−
              <h4 class="card-title">Card title</h4>
+
          <div class="col-lg-7 ml-lg-auto">
−
               <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</p>
+
            <div>
−
            </div>
+
               <h2 class="text-center"><font size="+2">Dendritic cell Activation</font></h2>
−
            <div class="card-footer">
+
              <p class="lead text-gray my-4 text-center">
−
              <a href="#" class="btn btn-primary">Find Out More!</a>
+
                <font size="+2">This encapsulin vaccine activates dendritic cells which trigger a T-cell attack on the neoantigen bearing cancer cells</font>
 +
              </p>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
  
−
         <div class="col-lg-3 col-md-6 mb-4">
+
         <div class="row row-grid align-items-center">
−
           <div class="card">
+
           <div class="col-lg-5 order-lg-2 ml-lg-auto">
−
             <img class="card-img-top" src="http://placehold.it/500x325" alt="">
+
             <img src="https://static.igem.org/mediawiki/2018/3/3d/T--EPFL--follow_up_logo.svg" class="img-center img-fluid" width="300px">
−
            <div class="card-body">
+
          </div>
−
              <h4 class="card-title">Card title</h4>
+
          <div class="col-lg-7 order-lg-1">
−
               <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.</p>
+
            <div class="pr-lg-7">
−
            </div>
+
               <h2 class="text-center"> <font size="+2">Follow-up</font></h2>
−
            <div class="card-footer">
+
              <p class="lead text-gray my-4 text-center">
−
              <a href="#" class="btn btn-primary">Find Out More!</a>
+
                <font size="+2">Nevertheless, we don't underestimate a defeated villain! To detect potential relapse we use techniques like CRISPR-Cas12a to detect circulationg tumor miRNA and DNA</font>
 +
              </p>
 +
 
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
  
 +
<hr style="height:2px;border:none;color:#333;background-color:#333;" >
 
       </div>
 
       </div>
−
      <!-- /.row -->
 
  
−
    </div>
 
−
    <!-- /.container -->
 
  
−
    <!-- Footer -->
+
 
−
    <footer class="py-5 bg-dark">
+
      <section class="slice slice-xl bg-cover bg-size--cover" style="background-image: url('https://static.igem.org/mediawiki/2018/4/4f/T--EPFL--TeamPage.jpeg'); background-position: center top;">
 +
          <div class="container">
 +
              <div class="row justify-content-center">
 +
                  <div class="col-lg-9">
 +
                      <div class="text-center">
 +
                          <h2 class="heading h1 text-white"> </br> </br> </br> Won: <span>Gold Medal</span></br> Nominated for: <span>Best Therapeutic Project</span> and <span>Best Software</br></ul></ui></h2>
 +
                          <div class="btn-container mt-5">
 +
                              <a href="https://2018.igem.org/Team:EPFL/Awards" class="btn btn-white btn-primary btn-circle px-5">Our Awards!</a>
 +
                          </div>
 +
                      </div>
 +
                  </div>
 +
              </div>
 +
          </div>
 +
      </section>
 
       <div class="container">
 
       <div class="container">
−
        <p class="m-0 text-center text-white">Copyright &copy; Your Website 2018</p>
+
 
 +
<hr style="height:2px;border:none;color:#333;background-color:#333;" >
 +
 
 +
      <div class="row">
 +
<video class="responsive-video center-margin" style="width: 100%; padding: 30px" controls>
 +
              <source src="https://static.igem.org/mediawiki/2018/7/77/T--EPFL--iGEM_2018_video.mp4" type="video/mp4" >
 +
              </video>
 
       </div>
 
       </div>
−
      <!-- /.container -->
 
−
    </footer>
 
  
−
    <!-- Bootstrap core JavaScript -->
 
−
    <script src="vendor/jquery/jquery.min.js"></script>
 
−
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 
  
−
   </body>
+
    </div>
 +
 
 +
 
 +
    </section>
 +
 
 +
   </main>
 +
</body>
  
 
</html>
 
</html>
 +
{{EPFL/Footer}}

Latest revision as of 00:21, 8 December 2018

iGEM EPFL 2018

CAPOEIRA

CAncer PersOnalized Encapsulin Immunotherapy and Relapse Assay

Learn more about our project

What is CAPOEIRA ?

While Melanoma remains the deadliest form of skin cancer, immunotherapy approaches can harness our immune system to defeat it! Yet, current immuno-treatments suffer from high costs, limited accessibility, and poor specificity. Our project “CAPOEIRA”, named after the Brazilian self-defense martial-art, exploits the potential of synthetic biology to develop a personalized, cost-effective, and rapid production scheme for cancer vaccine and point-of-care relapse surveillance. First, a bioinformatic pipeline integrating state-of-the-art tools identifies our targets: melanoma neoantigens, the fingerprints of cancer cells. Next, cell-free protein expression rapidly synthesizes a library of encapsulin protein nanocompartments presenting the various neoantigen epitopes. This encapsulin vaccine activates dendritic cells which trigger a T-cell attack on the neoantigen-bearing cancer cells. Nevertheless, we don’t underestimate a defeated villain! To detect potential relapse, we combine techniques including dumbbell probes, rolling circle amplification, isothermal amplification, and CRISPR-Cas12a to detect circulating tumor miRNA and DNA. Ultimately, CAPOEIRA trains the immune system to fight back!


This is CAPOEIRA

Bioinformatics

First, a bioinformatic pipeline integrating state-of-the-art tools identifies our target: melonoma neoantigens, the fingerprints of cancer cells


Vaccine

Next, cell-free protein expression rapidly synthesizes a library of encapsulin protein nanocompartments presenting the various neoantigen epitopes

Dendritic cell Activation

This encapsulin vaccine activates dendritic cells which trigger a T-cell attack on the neoantigen bearing cancer cells

Follow-up

Nevertheless, we don't underestimate a defeated villain! To detect potential relapse we use techniques like CRISPR-Cas12a to detect circulationg tumor miRNA and DNA




Won: Gold Medal
Nominated for: Best Therapeutic Project and Best Software

Our Awards!