Difference between revisions of "Team:Calgary/Team"

 
(16 intermediate revisions by 3 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>
 
+
/*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;
+
      }
+
 
+
@media (max-width: 767px) {
+
 
+
.banner-image {
+
  background-position: center;
+
}
+
}
+
  
 
</style>
 
</head>
 
 
<body>
 
<body>
 +
 
   <!-- SIDEBAR -->
 
   <!-- SIDEBAR -->
 
   <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>
+
    <br>
 
     <a href = "#wetlab"> Wet Lab </a>
 
     <a href = "#wetlab"> Wet Lab </a>
<br>
+
    <br>
 
     <a href = "#supervisors"> Supervisors </a>
 
     <a href = "#supervisors"> Supervisors </a>
<br>
+
    <br>
 
     <a href = "#slides"> Gallery </a>
 
     <a href = "#slides"> Gallery </a>
 
   </div>
 
   </div>
Line 56: Line 31:
  
  
   <div class= "main">
+
   <div id = "main-view">
  
 
     <!--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 127: 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 231: 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 248: 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 272: 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 289: 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 295: 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 301: Line 258:
 
           </div>
 
           </div>
  
         </div> <!--end tag for last row-->
+
         </div>
 
       </div>
 
       </div>
 
 
  
 
     <!---MODALS---->
 
     <!---MODALS---->
Line 344: 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 387: 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 395: 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 401: 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 450: 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 456: 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 510: 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 559: Line 456:
  
 
                 <div class = "row md-row6"> <!--EDITABLE-->
 
                 <div class = "row md-row6"> <!--EDITABLE-->
                   Everything she says is worth saying and she does not waste words. Nimaya first learned of iGEM in high school, when she joined the Lethbridge high school iGEM team. She has continued to work in synthetic biology since then due to its vast number of applications in science. As a kid, Nimaya wanted to be an astronaut, but then realized that she needs to be physically fit for it.
+
                   Everything she says is worth saying and she does not waste words.
 +
                  Nimaya first learned of iGEM in high school, when she heard about the Lethbridge high school iGEM team.
 +
                  She was interested in getting hands-on laboratory experience before entering university.
 +
                  She also gives great advice and guides the team in the right direction.
 
                 </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 619: 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 674: 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 719: 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 782: 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 838: 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 894: 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 936: 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 949: 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 970: 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,059: 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,089: 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,101: 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,123: 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,144: 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,155: 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