Difference between revisions of "Team:EPFL/Team"

Line 80: Line 80:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="team-item">
 
                             <div class="team-item">
                                 <div class="team-image" id="Dana"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
+
                                 <div class="team-image" id="Laura"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
 
                                     <div class="team-wrap">
 
                                     <div class="team-wrap">
 
                                         <div class="team-content">
 
                                         <div class="team-content">
Line 101: Line 101:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="team-item">
 
                             <div class="team-item">
                                 <div class="team-image"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
+
                                 <div class="team-image"id="Leonard"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
 
                                     <div class="team-wrap">
 
                                     <div class="team-wrap">
 
                                         <div class="team-content">
 
                                         <div class="team-content">
Line 120: Line 120:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="team-item">
 
                             <div class="team-item">
                                 <div class="team-image"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
+
                                 <div class="team-image" id="Theo"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
 
                                     <div class="team-wrap">
 
                                     <div class="team-wrap">
 
                                         <div class="team-content">
 
                                         <div class="team-content">
Line 139: Line 139:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="team-item">
 
                             <div class="team-item">
                                 <div class="team-image"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
+
                                 <div class="team-image" id="Dana"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
 
                                     <div class="team-wrap">
 
                                     <div class="team-wrap">
 
                                         <div class="team-content">
 
                                         <div class="team-content">
Line 158: Line 158:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="team-item">
 
                             <div class="team-item">
                                 <div class="team-image"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
+
                                 <div class="team-image" id="Hana"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
 
                                     <div class="team-wrap">
 
                                     <div class="team-wrap">
 
                                         <div class="team-content">
 
                                         <div class="team-content">
Line 177: Line 177:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="team-item">
 
                             <div class="team-item">
                                 <div class="team-image"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
+
                                 <div class="team-image" id="Luc"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
 
                                     <div class="team-wrap">
 
                                     <div class="team-wrap">
 
                                         <div class="team-content">
 
                                         <div class="team-content">
Line 197: Line 197:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="team-item">
 
                             <div class="team-item">
                                 <div class="team-image"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
+
                                 <div class="team-image" id="Konstantinos" ><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
 
                                     <div class="team-wrap">
 
                                     <div class="team-wrap">
 
                                         <div class="team-content">
 
                                         <div class="team-content">
Line 216: Line 216:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="team-item">
 
                             <div class="team-item">
                                 <div class="team-image"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
+
                                 <div class="team-image" id="Junyan" ><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
 
                                     <div class="team-wrap">
 
                                     <div class="team-wrap">
 
                                         <div class="team-content">
 
                                         <div class="team-content">
                                             <h6 class="team-name">Dodo</h6>
+
                                             <h6 class="team-name">Junyan</h6>
 
                                             <div class="team-role"><3</div>
 
                                             <div class="team-role"><3</div>
 
                                         </div>
 
                                         </div>
Line 237: Line 237:
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <div class="team-item">
 
                             <div class="team-item">
                                 <div class="team-image"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
+
                                 <div class="team-image" id="Stefania"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt="">
 
                                     <div class="team-wrap">
 
                                     <div class="team-wrap">
 
                                         <div class="team-content">
 
                                         <div class="team-content">
Line 290: Line 290:
  
 
</div>
 
</div>
 +
 +
 +
<div id="Laura_modal" class="modal">
 +
 +
  <!-- Modal content -->
 +
  <div class="modal-content">
 +
    <article class="post row align-items-center">
 +
                                    <div class="col-md-5">
 +
                                        <div class="post-preview"><a href="#"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt=""></a></div>
 +
                                    </div>
 +
                                    <div class="col-md-7">
 +
                                        <div class="post-wrapper">
 +
                                            <div class="post-header">
 +
                                                <h2 class="post-title"><a >Laura Kvedarauskaite</a></h2>
 +
                                                <ul class="post-meta">
 +
                                                    <li> <strong> Mission: </strong> Team Leader <br> Create a colorimetric signal</li>
 +
                                                </ul>
 +
                                            </div>
 +
                                            <div class="post-content">
 +
                                                <p> <strong>Studies: </strong> Bachelor in Life Sciences engineering <br>
 +
<strong> Fun fact: </strong> Likes to spray ethanol on gloves <br>
 +
<strong> Favourite wine: </strong> Primitivo, an italian red wine
 +
</p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </article>
 +
  </div>
 +
 +
</div>
 +
 +
 +
<div id="Dana_modal" class="modal">
 +
 +
  <!-- Modal content -->
 +
  <div class="modal-content">
 +
    <article class="post row align-items-center">
 +
                                    <div class="col-md-5">
 +
                                        <div class="post-preview"><a href="#"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt=""></a></div>
 +
                                    </div>
 +
                                    <div class="col-md-7">
 +
                                        <div class="post-wrapper">
 +
                                            <div class="post-header">
 +
                                                <h2 class="post-title"><a >Dana Mozaffari</a></h2>
 +
                                                <ul class="post-meta">
 +
                                                    <li> <strong> Mission: </strong> Create a colorimetric signal</li>
 +
                                                </ul>
 +
                                            </div>
 +
                                            <div class="post-content">
 +
                                                <p> <strong>Studies: </strong> Master in Chemical Engineering <br>
 +
<strong> Fun fact: </strong> He once found a giant pickle jar for the whole team <br>
 +
<strong> Favourite wine: </strong> les Portes de Novembre
 +
</p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </article>
 +
  </div>
 +
 +
</div>
 +
 +
 +
<div id="Dana_modal" class="modal">
 +
 +
  <!-- Modal content -->
 +
  <div class="modal-content">
 +
    <article class="post row align-items-center">
 +
                                    <div class="col-md-5">
 +
                                        <div class="post-preview"><a href="#"><img src="https://static.igem.org/mediawiki/2019/2/2d/T--EPFL--dana.jpeg" alt=""></a></div>
 +
                                    </div>
 +
                                    <div class="col-md-7">
 +
                                        <div class="post-wrapper">
 +
                                            <div class="post-header">
 +
                                                <h2 class="post-title"><a >Dana Mozaffari</a></h2>
 +
                                                <ul class="post-meta">
 +
                                                    <li> <strong> Mission: </strong> Create a colorimetric signal</li>
 +
                                                </ul>
 +
                                            </div>
 +
                                            <div class="post-content">
 +
                                                <p> <strong>Studies: </strong> Master in Chemical Engineering <br>
 +
<strong> Fun fact: </strong> He once found a giant pickle jar for the whole team <br>
 +
<strong> Favourite wine: </strong> les Portes de Novembre
 +
</p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </article>
 +
  </div>
 +
 +
</div>
 +
<script>
 +
// Get the modal
 +
var modal = document.getElementById("Dana_modal");
 +
 +
// Get the button that opens the modal
 +
var btn = document.getElementById("Dana");
 +
 +
// Get the <span> element that closes the modal
 +
var span = document.getElementsByClassName("close")[0];
 +
 +
// When the user clicks the button, open the modal
 +
btn.onclick = function() {
 +
  modal.style.display = "block";
 +
}
 +
 +
// When the user clicks on <span> (x), close the modal
 +
span.onclick = function() {
 +
  modal.style.display = "none";
 +
}
 +
 +
// When the user clicks anywhere outside of the modal, close it
 +
window.onclick = function(event) {
 +
  if (event.target == modal) {
 +
    modal.style.display = "none";
 +
  }
 +
}
 +
</script>
 +
 +
<script>
 +
// Get the modal
 +
var modal = document.getElementById("Dana_modal");
 +
 +
// Get the button that opens the modal
 +
var btn = document.getElementById("Dana");
 +
 +
// Get the <span> element that closes the modal
 +
var span = document.getElementsByClassName("close")[0];
 +
 +
// When the user clicks the button, open the modal
 +
btn.onclick = function() {
 +
  modal.style.display = "block";
 +
}
 +
 +
// When the user clicks on <span> (x), close the modal
 +
span.onclick = function() {
 +
  modal.style.display = "none";
 +
}
 +
 +
// When the user clicks anywhere outside of the modal, close it
 +
window.onclick = function(event) {
 +
  if (event.target == modal) {
 +
    modal.style.display = "none";
 +
  }
 +
}
 +
</script>
 +
 +
<script>
 +
// Get the modal
 +
var modal = document.getElementById("Laura_modal");
 +
 +
// Get the button that opens the modal
 +
var btn = document.getElementById("Laura");
 +
 +
// Get the <span> element that closes the modal
 +
var span = document.getElementsByClassName("close")[0];
 +
 +
// When the user clicks the button, open the modal
 +
btn.onclick = function() {
 +
  modal.style.display = "block";
 +
}
 +
 +
// When the user clicks on <span> (x), close the modal
 +
span.onclick = function() {
 +
  modal.style.display = "none";
 +
}
 +
 +
// When the user clicks anywhere outside of the modal, close it
 +
window.onclick = function(event) {
 +
  if (event.target == modal) {
 +
    modal.style.display = "none";
 +
  }
 +
}
 +
</script>
 +
 
<script>
 
<script>
 
// Get the modal
 
// Get the modal

Revision as of 09:31, 30 September 2019

Team

Laura
Team Leader - Create a colorimetric signal
Leonard
Toehold switches, grammar corrector
Théo
Make amplification by RPA work
Dana
Create a colorimetric signal
Hana
DNA extraction with micro needle patch and wiki creation
Luc
Make amplification by RPA work
Konstantinos
One Pot
Junyan
<3
Stefania
wiki & DNA extraction