Loading menubar.....

Difference between revisions of "Team:Munich/workspace/Annika"

(Created page with "{{Munich/Alive}} <html> <style> @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); .pictureTitle{ background: linear-gradient(rgba(0,0,0,0),...")
 
Line 63: Line 63:
 
}
 
}
 
</style>
 
</style>
−
 
  
  
Line 69: Line 68:
  
 
                     <div class="display-3 mt-5 mb-0">
 
                     <div class="display-3 mt-5 mb-0">
−
                     ALiVE
+
                     Human Practice
 
                     </div>
 
                     </div>
−
        <h4>Analysis of Living Cells by Vesicular Export</h4>
 
  
 
</div>
 
</div>
  
−
 
+
   
−
 
+
−
 
+
 
<div class="showCase container-fluid jumbotron jumbotron-fluid bg-white text-center align-items-center text-dark mb-0">
 
<div class="showCase container-fluid jumbotron jumbotron-fluid bg-white text-center align-items-center text-dark mb-0">
 
<div class="row align-items-center">
 
<div class="row align-items-center">
Line 96: Line 92:
 
   </aside>
 
   </aside>
 
   </aside>
 
   </aside>
−
 
−
<main class="post-content">
 
−
 
−
 
−
 
−
 
−
<h2>Problems in Cell therapy</h2>
 
−
<div class="row">
 
−
<div class="col-12">
 
−
<h4 >The Cell Status in Unknown</h4>
 
−
    <p font-family: 'Open Sans', sans-serif;>In modern day cell therapies like CAR - T cells the patients T - cells are isolated out of the body, modified in the laboratory and retranplanted into the patient. From this point on the cell´s status is largely unknown. </p>
 
−
    <br>
 
−
<h4 >Why is this a Problem ?</h4>
 
−
    <p font-family: 'Open Sans', sans-serif;>Like with all other therapies, it is impoortant to know what your therapeutic device is doing. The cells can mutate, die or go rogue.</p>
 
−
    <br>
 
−
    <p font-family: 'Open Sans', sans-serif;>Until now in order to know the cell status, we need to isolate the cell of interest out of the patient and lyse the cell to analyze them. This means a one time measurement is all we can get. </p>
 
−
</div>
 
 
</div>
 
</div>
  
  
−
 
−
 
−
 
−
 
−
 
−
<div class="row mt-3">
 
−
<div class="col-12">
 
−
<div id="accordion">
 
−
  <div class="card" style="background-color:#017FD4;">
 
−
    <div class="card-header" id="headingOne">
 
−
      <h5 class="mb-0">
 
−
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
 
−
            <span class="pl-3" style="color: white;">Dropdown</span>
 
−
        </button>
 
−
      </h5>
 
−
    </div>
 
−
  <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
 
−
      <div class="card-body" style="background-color:#FFFFFF;">
 
−
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
−
 
−
<h4>First Element:</h4>
 
−
<p>Subtitle?</p>
 
−
<ul style="">
 
−
<li>1</li>
 
−
<li>2</li>
 
−
<li>3</li>
 
−
</ul>
 
−
 
−
<p>Second Element:</p>
 
−
<ul style="">
 
−
<li>1</li>
 
−
<li>2</li>
 
−
</ul>
 
−
 
−
<h4>Third Element:</h4>
 
−
<p>Stuff</p>
 
−
<ul style="">
 
−
<li>1</li>
 
−
</ul>
 
−
 
−
<p>Fourth Element</p>
 
−
<ul style="">
 
−
<li>1</li>
 
−
<li>2</li>
 
−
</ul>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
 
−
<h3>Fullscreen Pic</h3>
 
−
<div class="row">
 
−
<div class="col-12 col-md-12">
 
−
<figure class="figure">
 
−
<img src="https://2019.igem.org/wiki/images/5/5f/T--Munich--Spacer.png" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
 
−
</figure>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<h3>Half Half</h3>
 
−
<div class="row align-items-center">
 
−
<div class="col-12 col-md-6">
 
−
<figure class="figure">
 
−
<img src="https://2019.igem.org/wiki/images/5/5f/T--Munich--Spacer.png" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
 
−
</figure>
 
−
</div>
 
−
<div class="col-12 col-md-6 ">
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-secondary align-items-center text-dark mb-0">
 
−
       
 
 
      
 
      
−
<h3>Different Background Box</h3>
 
−
 
−
<div class="row">
 
−
<div class="col-12">
 
−
<h4>ALiVE is online</h4>
 
−
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
  </div>
 
−
 
−
 
−
 
−
 
−
<div class="row mt-3">
 
−
<div class="col-12">
 
−
<blockquote class="quote-card blue-card rounded">
 
−
<p>
 
−
  Our greatest glory is not in never falling, but in rising every time we fall.
 
−
</p>
 
−
<cite>
 
−
  Confucius
 
−
</cite>
 
−
</blockquote>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
<h3>Video</h3>
 
−
<div class="col-12">
 
−
<video controls poster="https://2019.igem.org/wiki/images/5/5f/T--Munich--Spacer.png" style="width:100%;">
 
−
<source src="">
 
−
Your browser does not support the video tag.
 
−
</video>
 
−
</div>
 
−
 
−
 
−
 
−
</main>
 
−
</div>
 
−
 
 
      
 
      
 
      
 
      
 
      
 
      
 
      
 
      
−
 
−
 
−
 
−
 
−
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-secondary align-items-center text-dark mb-0">
 
−
        <div class="phaContainer  ">
 
−
  <aside id="phaContentsOuter">
 
−
  <aside id="phaContents" class="table-of-contents">
 
−
    <!-- will be generated with JS -->
 
−
  </aside>
 
−
  </aside>
 
−
 
 
<main class="post-content">
 
<main class="post-content">
 +
    <h2>Fullscreen Text</h2>
 +
    <div class="row" style="z-index: 1">
 +
    <div class="col-12">
 +
    <h4 >ALiVE is online</h4>
 +
        <p font-family: 'Open Sans', sans-serif;>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
    </div>
 +
    </div>
 
      
 
      
−
<h3>Half Half Alt Background</h3>
+
    <h2>Fullscreen Text</h2>
−
<div class="row align-items-center">
+
    <div class="row" style="z-index: 1">
−
<div class="col-12 col-md-6">
+
    <div class="col-12">
−
<figure class="figure">
+
    <h4 >ALiVE is online</h4>
−
<img src="https://2019.igem.org/wiki/images/5/5f/T--Munich--Spacer.png" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
+
        <p font-family: 'Open Sans', sans-serif;>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
−
</figure>
+
−
</div>
+
−
<div class="col-12 col-md-6 ">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
−
</div>
+
−
</div>
+
−
   
+
−
    </main>
+
 
     </div>
 
     </div>
 
     </div>
 
     </div>
 
      
 
      
 +
<div id="background-container" style="position:fixed; top: 50px; left: 2px; height:100%; z-index: 20">
 +
 
      
 
      
 
      
 
      
−
 
 
      
 
      
 +
   
 +
<script type="text/javascript" src="https://2019.igem.org/Team:Munich/backgroundGraphics/p5JS?action=raw&amp;ctype=text/javascript"></script>
  
−
<div class="phaContainer  ">
+
<script>
−
   <aside id="phaContentsOuter">
+
function setup() {
−
   <aside id="phaContents" class="table-of-contents">
+
   background(0);
−
    <!-- will be generated with JS -->
+
   var parent = document.getElementById("background-container");
−
   </aside>
+
   canvas = createCanvas(screen.width,screen.height)
−
   </aside>
+
   canvas.parent("background-container");
  
−
<main class="post-content">
+
}
−
   
+
 
−
   
+
function windowResized(){
−
    <div id="phareferences" class="row">
+
  resizeCanvas(windowWidth,windowHeight);
−
<h2>References</h2>
+
}
−
<div class="col-12">
+
 
−
<ol>
+
function draw() {
−
<li id="ref_1"> <a href=https://www.cdc.gov/drugresistance/index.html> Centers for Disease Control and Prevention, 2017. Antibiotic/Antimicrobial Resistance.</a></li>
+
 
−
<li id="ref_2"><a href=https://ec.europa.eu/health/amr/antimicrobial-resistance_en>ECDC Data and reports: Antimicrobial resistance and consumption, 2017</a></li>
+
  if (mouseIsPressed){
−
<li id="ref_3"><a href=https://doi.org/10.1016/S1473-3099(15)00424-7> Liu, Y.-Y. et al. Emergence of plasmid-mediated colistin resistance mechanism MCR-1 in animals and human beings in China: a microbiological and molecular biological study. Lancet Infect. Dis. 16, 161–168 (2016).</a></li>
+
    line(pmouseX,pmouseY,mouseX,mouseY);
−
<li id="ref_4"><a href=https://doi.org/10.1517/14656566.2015.983077>Barriere, S. L. Clinical, economic and societal impact of antibiotic resistance. Expert Opin. Pharmacother. 16, 151–153 (2015).</a></li>
+
  }
−
<li id="ref_5"><a href=https://doi.org/10.1517/14656566.2015.983077>Dierig, A., Frei, R. & Egli, A. The fast route to microbe identification: matrix assisted laser desorption/ionization-time of flight mass spectrometry (MALDI-TOF MS). Pediatr. Infect. Dis. J. 34, 97–9 (2015).</a></li>
+
}
−
<li id="ref_6"><a href=https://doi.org/10.1007/128_2012_413>Ng, E. W. Y., Wong, M. Y. M. & Poon, T. C. W. in 139–175 (Springer, Berlin, Heidelberg, 2013).</a></li>
+
</script>
−
<li id="ref_7"> <a href=https://doi.org/10.1038/ncomms4114> Theriot, C. M. et al. Antibiotic-induced shifts in the mouse gut microbiome and metabolome increase susceptibility to Clostridium difficile infection. Nat. Commun. 5, 3114 (2014).</a></li>
+
−
<li id="ref_8"><a href=https://doi.org/10.1016/B978-0-12-394438-2.00003-7>Międzybrodzki, R. et al. Clinical Aspects of Phage Therapy. Adv. Virus Res. 83, 73–121 (2012).</a></li>
+
−
<li id="ref_9"><a href=https://doi.org/10.1128/AAC.01596-13>Henry, M., Lavigne, R. & Debarbieux, L. Predicting in vivo efficacy of therapeutic bacteriophages used to treat pulmonary infections. Antimicrob. Agents Chemother. 57, 5961–8 (2013).</a></li>
+
−
<li id="ref_10"><a href=https://doi.org/10.3390/v10020064>Pirnay, J.-P. et al. The Magistral Phage. Viruses 10, 64 (2018).</a></li>
+
−
<li id="ref_11"><a href=https://doi.org/10.2174/138920110790725311>Gill, J., & Hyman, P. (2010). Phage Choice, Isolation, and Preparation for Phage Therapy. Current Pharmaceutical Biotechnology, 11(1), 2–14.</a></li>
+
−
<li id="ref_12"><a href=https://doi.org/10.4161/viru.24498>Fortier, L.-C. & Sekulovic, O. Importance of prophages to evolution and virulence of bacterial pathogens. Virulence 4, 354–365 (2013).</a></li>
+
−
<li id="ref_13"><a href=https://doi.org/10.1007/978-1-4939-7395-8_19>Fauconnier, A. in 253–268 (Humana Press, New York, NY, 2018). doi:10.1007/978-1-4939-7395-8_19</a> </li>
+
−
<li id="ref_14"><a href=https://doi.org/10.1128/microbiolspec.EHEC-0008-2013>Navarro-Garcia, F. Escherichia coli O104:H4 Pathogenesis: an Enteroaggregative E. coli/Shiga Toxin-Producing E. coli Explosive Cocktail of High Virulence. Microbiol. Spectr. 2, (2014).</a></li>
+
−
<li id="ref_15"><a href=https://doi.org/10.1038/srep41441>Colom, J. et al. Microencapsulation with alginate/CaCO3: A strategy for improved phage therapy. Sci. Rep. 7, 41441 (2017).</a></li>
+
−
</ol>
+
 
</div>
 
</div>
−
</div>
+
</main>
−
   
+
−
    </main>
+
−
    </div>
+
−
 
+
  
  
Line 324: Line 154:
  
  
 +
</html>
  
  
  
  
−
</html>
 
  
 
{{Munich/AliveFooterCSS}}
 
{{Munich/AliveFooterCSS}}

Revision as of 19:12, 7 September 2019

Alive

Human Practice
A generic square placeholder image with rounded corners in a figure.

Fullscreen Text

ALiVE is online

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Fullscreen Text

ALiVE is online

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.