Difference between revisions of "Team:Calgary/Team"

 
(32 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
<!--{{Calgary/Imposter-General}}-->
 
{{Calgary/Imposter-Navbar-No-Logo}}
 
{{Calgary/Imposter-Navbar-No-Logo}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Team-Style?action=raw&ctype=text/css"/>
 
   <link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Team-Style?action=raw&ctype=text/css"/>
 
   <link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Imposter-Sidebar-2-Style?action=raw&ctype=text/css"/>
 
   <link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Imposter-Sidebar-2-Style?action=raw&ctype=text/css"/>
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap" rel="stylesheet">
+
  <!--<link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Imposter-Content-Style?action=raw&ctype=text/css"/>-->
<style>
+
</head>
/* The banner image */
+
.banner-image {
+
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
+
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%), url("https://static.igem.org/mediawiki/2020/6/6c/T--Calgary--cellulase.jpg");
+
}
+
  
 
/*header font size for tablet*/
 
@media(max-width: 768px){
 
  .resp h1{
 
    font-size:55px!important;
 
  }}
 
 
 
/*header font size for mobile*/
 
@media (max-width:525px){
 
  .resp h1{
 
    font-size:50px!important;
 
  }}
 
 
 
 
 
 
 
 
/* Fixing the top content under the navbar */
 
      .banner-image {
 
        position: relative;
 
      }
 
 
</style>
 
</head>
 
 
<body>
 
<body>
  
Line 44: Line 15:
 
   <div class = "sidenav" id = "sidenav">
 
   <div class = "sidenav" id = "sidenav">
 
     <a href="https://2020.igem.org/Team:Calgary">
 
     <a href="https://2020.igem.org/Team:Calgary">
       <img
+
       <img src="https://static.igem.org/mediawiki/2020/c/c1/T--Calgary--whitelogo.jpg"
              src="https://static.igem.org/mediawiki/2020/c/c1/T--Calgary--whitelogo.jpg"
+
          style="height: 150px; width: auto; padding-top:20px; position:relative; left:-20px;"/>
              style="height: 150px; width: auto; padding-top:20px; position:relative; left:-20px;"/>
+
 
     </a>
 
     </a>
 
     <a href = "#drylab"> Dry Lab </a>
 
     <a href = "#drylab"> Dry Lab </a>
 +
    <br>
 
     <a href = "#wetlab"> Wet Lab </a>
 
     <a href = "#wetlab"> Wet Lab </a>
 +
    <br>
 
     <a href = "#supervisors"> Supervisors </a>
 
     <a href = "#supervisors"> Supervisors </a>
 +
    <br>
 
     <a href = "#slides"> Gallery </a>
 
     <a href = "#slides"> Gallery </a>
 
   </div>
 
   </div>
Line 61: Line 34:
  
 
     <!--BANNER-->
 
     <!--BANNER-->
    <div class="banner-image">
+
      <div class="banner-image">
      <div class="banner-text resp">
+
        <div class="banner-text resp">
        <h1 style="font-family: 'Public Sans', sans-serif; font-weight: 600;">THE TEAM</h1>
+
          <h1 style="font-family: 'Public Sans', sans-serif; font-weight: 600;">THE TEAM</h1>
 +
        </div>
 
       </div>
 
       </div>
    </div>
 
  
     <div class="d-flex justify-content-center headers" id = "drylab"> <h2> Dry Lab Team </h2> </div>
+
     <div class="d-flex justify-content-center headers" id = "drylab"> <h2> DRY LAB TEAM </h2> </div>
  
  
Line 129: Line 102:
  
 
     <!--WET LAB CONTAINERS-->
 
     <!--WET LAB CONTAINERS-->
     <div class="d-flex justify-content-center headers" id = "wetlab"> <h2> Wet Lab Team </h2> </div>
+
     <div class="d-flex justify-content-center headers" id = "wetlab"> <h2> WET LAB TEAM </h2> </div>
  
 
       <div class="d-flex justify-content-sm-center">
 
       <div class="d-flex justify-content-sm-center">
Line 233: Line 206:
 
     <!--SUPERVISOR CONTAINERS-->
 
     <!--SUPERVISOR CONTAINERS-->
  
     <div class="d-flex justify-content-center headers" id = "supervisors"> <h2> Supervisors </h2> </div>
+
     <div class="d-flex justify-content-center headers" id = "supervisors"> <h2> SUPERVISORS </h2> </div>
  
 
       <div class = "d-flex justify-content-center">
 
       <div class = "d-flex justify-content-center">
 
         <div class = "row main-teampage">
 
         <div class = "row main-teampage">
  
           <div class = "col-xs-4 main-pics">
+
           <div class = "col-xs-3 main-pics">
 
             <a data-toggle = "modal" data-target = "#chris_modal">
 
             <a data-toggle = "modal" data-target = "#chris_modal">
 
               <div class = "single-content">
 
               <div class = "single-content">
Line 250: Line 223:
 
           </div>
 
           </div>
  
           <div class = "col-xs-4 main-pics">
+
           <div class = "col-xs-3 main-pics">
            <a data-toggle = "modal" data-target = "#jadon_modal">
+
              <div class = "single-content">
+
                <img src = "https://static.igem.org/mediawiki/2020/2/26/T--Calgary--jadon-img.jpeg" alt = "jadon" width = "200" height = "200">
+
                <div class = "text-content">
+
                  <h4> Jadon Duby </h4>
+
                  <h6> Mathematics </h6>
+
                </div>
+
              </div>
+
            </a>
+
          </div>
+
 
+
          <div class = "col-xs-4 main-pics">
+
 
             <a data-toggle = "modal" data-target = "#mac_modal">
 
             <a data-toggle = "modal" data-target = "#mac_modal">
 
               <div class = "single-content">
 
               <div class = "single-content">
Line 274: Line 235:
 
           </div>
 
           </div>
  
        </div>
+
           <div class = "col-xs-3 main-pics">
      </div>
+
 
+
      <div class = "d-flex justify-content-center">
+
        <div class = "row main-teampage">
+
 
+
           <div class = "col-xs-6 main-pics">
+
 
             <a data-toggle = "modal" data-target = "#dr_mayi_modal">
 
             <a data-toggle = "modal" data-target = "#dr_mayi_modal">
 
               <div class = "single-content">
 
               <div class = "single-content">
Line 291: Line 246:
 
           </div>
 
           </div>
  
           <div class = "col-xs-6 main-pics">
+
           <div class = "col-xs-3 main-pics">
 
             <a data-toggle = "modal" data-target = "#tian_modal">
 
             <a data-toggle = "modal" data-target = "#tian_modal">
 
               <div class = "single-content">
 
               <div class = "single-content">
Line 297: Line 252:
 
                 <div class = "text-content">
 
                 <div class = "text-content">
 
                   <h4> Tian Zhao </h4>
 
                   <h4> Tian Zhao </h4>
                   <h6> Insert Program Here </h6>
+
                   <h6> Biochemistry </h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 303: Line 258:
 
           </div>
 
           </div>
  
         </div> <!--end tag for last row-->
+
         </div>
 
       </div>
 
       </div>
 
 
  
 
     <!---MODALS---->
 
     <!---MODALS---->
Line 346: Line 299:
  
 
             </div>
 
             </div>
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
            </div>    <!--END COPY-->
 
  
 
           </div>
 
           </div>
Line 389: Line 328:
 
                 <div class = "row md-row5"> Statistics </div> <!--EDITABLE-->
 
                 <div class = "row md-row5"> Statistics </div> <!--EDITABLE-->
 
                 <div class = "row md-row4"> Year: </div>
 
                 <div class = "row md-row4"> Year: </div>
                 <div class = "row md-row5"> Fourth (?) </div> <!--EDITABLE-->
+
                 <div class = "row md-row5"> Fourth </div> <!--EDITABLE-->
  
 
                 <div class = "row md-row6"> <!--EDITABLE-->
 
                 <div class = "row md-row6"> <!--EDITABLE-->
Line 397: Line 336:
 
                   He speaks English, ASL, and just enough French to order a bagel.
 
                   He speaks English, ASL, and just enough French to order a bagel.
 
                   In his free time, he is a runner, swimmer, and an equestrian.
 
                   In his free time, he is a runner, swimmer, and an equestrian.
 
 
                 </div>
 
                 </div>
  
Line 403: Line 341:
  
 
             </div>
 
             </div>
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
            </div>    <!--END COPY-->
 
  
 
           </div>
 
           </div>
Line 452: Line 376:
 
                   Along with a crazy workload and running schedule Cedric enjoys listening to vintage songs, with a real and undying love for The Beatles.
 
                   Along with a crazy workload and running schedule Cedric enjoys listening to vintage songs, with a real and undying love for The Beatles.
 
                   In the end though there is no way our team would be anywhere near as happy or productive as we are without our Cedric.
 
                   In the end though there is no way our team would be anywhere near as happy or productive as we are without our Cedric.
 
 
                 </div>
 
                 </div>
  
Line 458: Line 381:
  
 
             </div>
 
             </div>
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
            </div>    <!--END COPY-->
 
  
 
           </div>
 
           </div>
Line 512: Line 421:
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 569: Line 464:
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 624: Line 505:
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 679: Line 546:
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 724: Line 577:
 
                 <div class = "row md-row5"> Plant Biology </div> <!--EDITABLE-->
 
                 <div class = "row md-row5"> Plant Biology </div> <!--EDITABLE-->
 
                 <div class = "row md-row4"> Year: </div>
 
                 <div class = "row md-row4"> Year: </div>
                 <div class = "row md-row5"> Fourth(?) </div> <!--EDITABLE-->
+
                 <div class = "row md-row5"> Fourth </div> <!--EDITABLE-->
  
 
                 <div class = "row md-row6"> <!--EDITABLE-->
 
                 <div class = "row md-row6"> <!--EDITABLE-->
                   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,
+
                   Whether you need help remembering that one scene from the first Shrek movie or need someone to keep everyone in check,
 +
                  Micha is always ready to help out! She constantly brings humour to the team with her fun stories.
 +
                  As a plant biology student, she aims to make plant biotechnology a widely recognized field of science.
 
                 </div>
 
                 </div>
  
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 787: Line 628:
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 843: Line 670:
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 899: Line 712:
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 941: Line 740:
  
 
                 <div class = "row md-row4"> Degree: </div>
 
                 <div class = "row md-row4"> Degree: </div>
                 <div class = "row md-row5"> BSc in Cellular, Molecular, and Microbial Biology(?) </div> <!--EDITABLE-->
+
                 <div class = "row md-row5"> BSc in Cellular, Molecular, and Microbial Biology </div> <!--EDITABLE-->
  
  
Line 954: Line 753:
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 975: Line 760:
 
     </div>    <!--END COPY-->
 
     </div>    <!--END COPY-->
  
    <!--Jadon's Modal-->
 
    <div class="modal fade" id="jadon_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">  <!--EDITABLE-->
 
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
 
        <div class="modal-content">
 
          <div class="modal-body">
 
 
            <div class = "row info">
 
 
              <div class = "col-xs-4 modal-pic">
 
                <img src = "https://static.igem.org/mediawiki/2020/2/2c/T--Calgary--modal_profile.png" alt = "jadon modal img" width = "225px" height = "400px">    <!--EDITABLE-->
 
              </div>
 
 
              <div class = "col-xs-8 modal-txt">
 
 
                <div class = "row md-row1"> <h1> Jadon Duby </h1> </div> <!--EDITABLE-->
 
                <div class = "row md-row2"> <h3> Supervisor </h3> </div>  <!--EDITABLE-->
 
                <div class = "row md-row3">
 
                  <div class="desc"> Friendly </div> <div class="desc"> Helpful </div> <div class="desc"> Does Great Backflips </div>  <!--EDITABLE-->
 
                </div>
 
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Mathematics </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Fourth(?) </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  He is a very talented gymnast.
 
                  He has been a great help to the wiki development team and overall loves to collaborate on projects.
 
                  He is always willing to learn and is the go-to person for help with mathematics.
 
                  He is always open to opportunity. His hobbies include growing succulents, playing banjo, and snowboarding.
 
                </div>
 
 
              </div>
 
 
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
            </div>
 
 
          </div>
 
        </div>
 
      </div>
 
    </div>    <!--END COPY-->
 
  
 
     <!--Mac's Modal-->
 
     <!--Mac's Modal-->
Line 1,064: Line 795:
 
               </div>
 
               </div>
  
            </div>
 
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
 
             </div>
 
             </div>
  
Line 1,094: Line 811:
  
 
               <div class = "col-xs-4 modal-pic">
 
               <div class = "col-xs-4 modal-pic">
                 <img src = "https://static.igem.org/mediawiki/2020/2/2c/T--Calgary--modal_profile.png" alt = "mac modal img" width = "225px" height = "400px">    <!--EDITABLE-->
+
                 <img src = "https://static.igem.org/mediawiki/2020/2/2a/T--Calgary--ncdrmayi.png" alt = "mac modal img" width = "225px" height = "400px">    <!--EDITABLE-->
 
               </div>
 
               </div>
  
Line 1,106: Line 823:
  
 
                 <div class = "row md-row4"> Field: </div>
 
                 <div class = "row md-row4"> Field: </div>
                 <div class = "row md-row5"> Insert Field Here </div> <!--EDITABLE-->
+
                 <div class = "row md-row5"> Biochemistry and Molecular Biology </div> <!--EDITABLE-->
 
                 <div class = "row md-row4">  </div>
 
                 <div class = "row md-row4">  </div>
 
                 <div class = "row md-row5">  </div> <!--EDITABLE-->
 
                 <div class = "row md-row5">  </div> <!--EDITABLE-->
  
 
                 <div class = "row md-row6"> <!--EDITABLE-->
 
                 <div class = "row md-row6"> <!--EDITABLE-->
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
                   Kind, reassuring, and a total sweetheart. Brilliant but never intimidating.
                   Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
                   Dr Mayi has been involved in fields like neural stem cell research, cancer biology, and functional genomics.
                   Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
                   She is always there to support and make sure that the team is on track.
                   Excepteur sint occaecat cupidatat non proident,
+
                   She is someone that everyone looks up to and adores. Our iGEM team would not be the same without Dr Mayi.
 
                 </div>
 
                 </div>
  
Line 1,128: Line 845:
 
     <!--Tian's Modal-->
 
     <!--Tian's Modal-->
 
     <div class = "modal fade" id = "tian_modal" tabindex = "-1" role = "dialog" aria-labelledby = "ModalCenterTitle" aria-hidden = "true">
 
     <div class = "modal fade" id = "tian_modal" tabindex = "-1" role = "dialog" aria-labelledby = "ModalCenterTitle" aria-hidden = "true">
       <div class = "modal-dialog modal-dialog-centered" role = "document">
+
       <div class = "modal-dialog modal-dialog-centered modal-lg" role = "document">
 
         <div class = "modal-content">
 
         <div class = "modal-content">
          <div class = "modal-header">
 
            <h5 class = "modal-title"> Tian Zhao </h5>
 
            <button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close">
 
              <span aria-hidden = "true">&times;</span>
 
            </button>
 
          </div>
 
 
           <div class = "modal-body">
 
           <div class = "modal-body">
             <p> Put in description about Tian here. </p>
+
             <div class = "row info">
 +
 
 +
              <div class = "col-xs-4 modal-pic">
 +
                <img src = "https://static.igem.org/mediawiki/2020/1/1f/T--Calgary--nctian.png" alt = "mac modal img" width = "225px" height = "400px">    <!--EDITABLE-->
 +
              </div>
 +
 
 +
              <div class = "col-xs-8 modal-txt">
 +
 
 +
                <div class = "row md-row1"> <h1> Tian Zhao </h1> </div> <!--EDITABLE-->
 +
                <div class = "row md-row2"> <h3> Research Assistant </h3> </div>  <!--EDITABLE-->
 +
                <div class = "row md-row3">
 +
                  <div class="desc"> Resilient </div> <div class="desc"> Encouraging </div> <div class="desc"> Helpful </div>  <!--EDITABLE-->
 +
                </div>
 +
 
 +
                <div class = "row md-row4"> Field: </div>
 +
                <div class = "row md-row5"> Biochemistry and Molecular Biology </div> <!--EDITABLE-->
 +
                <div class = "row md-row4">  </div>
 +
                <div class = "row md-row5">  </div> <!--EDITABLE-->
 +
 
 +
                <div class = "row md-row6"> <!--EDITABLE-->
 +
                  He is always there to answer questions and explain concepts when students do not understand.
 +
                  He gives great advice and heads up for when the team is on the wrong track.
 +
                  His research focuses on the study of mitochondrial function in the context of mitochondrial disease.
 +
                  Tian likes climbing and is involved in a non-profit that offers indoor climbing for kids with special needs.
 +
                </div>
 +
 
 +
              </div>
 +
 
 +
            </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 1,149: Line 888:
 
     <br>
 
     <br>
 
     <br>
 
     <br>
     <div class="d-flex justify-content-center headers" id = "slides"> <h2> Gallery </h2> </div>
+
     <div class="d-flex justify-content-center headers" id = "slides"> <h2> GALLERY </h2> </div>
  
 
     <div class = "slideshow-container justify-content-center">
 
     <div class = "slideshow-container justify-content-center">
 +
 +
 
       <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/d/de/T--Calgary--gallerypic1.jpg" alt = "gallery image">
 
       <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/d/de/T--Calgary--gallerypic1.jpg" alt = "gallery image">
 
       <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/3/38/T--Calgary--gallerypic2.jpg" alt = "gallery image">
 
       <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/3/38/T--Calgary--gallerypic2.jpg" alt = "gallery image">
 
       <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/a/ac/T--Calgary--gallerypic3.jpg" alt = "gallery image">
 
       <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/a/ac/T--Calgary--gallerypic3.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/2/23/T--Calgary--gallerypic4.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/a/a8/T--Calgary--gallerypic5.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/4/47/T--Calgary--gallerypic6.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/b/b0/T--Calgary--gallerypic7.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/7/77/T--Calgary--gallerypic8.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--gallerypic9.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/8/80/T--Calgary--gallerypic10.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/d/d1/T--Calgary--Team_picture.jpeg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/5/5e/T--Calgary--gallerypic11.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/c/c8/T--Calgary--gallerypic12.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/7/7b/T--Calgary--gallerypic13.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/0/06/T--Calgary--gallerypic14.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/f/fd/T--Calgary--gallerypic15.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/5/5f/T--Calgary--gallerypic16.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/e/ef/T--Calgary--gallerypic17.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/3/31/T--Calgary--gallerypic18.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/4/49/T--Calgary--gallerypic19.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/4/45/T--Calgary--gallerypic20.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/9/9e/T--Calgary--gallerypic21.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/2/25/T--Calgary--gallerypic22.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/5/57/T--Calgary--gallerypic23.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/6/6e/T--Calgary--gallerypic24.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/a/a7/T--Calgary--gallerypic25.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/b/b9/T--Calgary--gallerypic26.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/b/b5/T--Calgary--themplates.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/1/18/T--Calgary--gallerypic27.jpg" alt = "gallery image">
 +
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/0/0e/T--Calgary--gallerypic28.jpg" alt = "gallery image">
  
  
Line 1,160: Line 928:
 
       <a class="next" onclick="plusSlides(1)">&#10095;</a>
 
       <a class="next" onclick="plusSlides(1)">&#10095;</a>
  
      <span class = "dots-div">
+
 
        <span class="dot" onclick="currentSlide(1)"></span>
+
        <span class="dot" onclick="currentSlide(2)"></span>
+
        <span class="dot" onclick="currentSlide(3)"></span>
+
      </span> <!--Maybe change back to div?-->
+
 
     </div>
 
     </div>
  

Latest revision as of 08:06, 27 October 2020



DRY LAB TEAM



WET LAB TEAM



SUPERVISORS



GALLERY