Difference between revisions of "Team:Calgary/Team"

 
(42 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>
  
Line 9: Line 9:
 
   <!--<link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Imposter-Content-Style?action=raw&ctype=text/css"/>-->
 
   <!--<link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Imposter-Content-Style?action=raw&ctype=text/css"/>-->
 
</head>
 
</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/a/a2/T--Calgary--Teamstairs-picture.jpeg");
 
}
 
  
 
<body>
 
<body>
Line 21: 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 src = "https://static.igem.org/mediawiki/2020/7/70/T--Calgary--Oviita-Mother-Logo.png" style = "height: 40px; width: auto"/>
+
       <img 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;"/>
 
     </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 36: Line 34:
  
 
     <!--BANNER-->
 
     <!--BANNER-->
    <div class="banner-image">
+
      <div class="banner-image">
      <div class="banner-text resp">
+
        <div class="banner-text resp">
        <h1 style="color: #F1C23F;
+
          <h1 style="font-family: 'Public Sans', sans-serif; font-weight: 600;">THE TEAM</h1>
      font-size: 3em; font-weight: 500; font-family: 'Public Sans', sans-serif; margin-top:25%;">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 105: 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 209: 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 226: 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 250: 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 267: 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 273: 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 279: Line 258:
 
           </div>
 
           </div>
  
         </div> <!--end tag for last row-->
+
         </div>
 
       </div>
 
       </div>
 
 
  
 
     <!---MODALS---->
 
     <!---MODALS---->
Line 322: 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 365: 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 373: 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 379: 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 428: 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 434: 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 488: 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 545: 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 600: 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 655: 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 700: 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 763: 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 819: 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 875: 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 917: 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 930: 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 951: 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-->
+
     <!--Mac's Modal-->
 +
     <div class="modal fade" id="mac_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-dialog modal-dialog-centered modal-lg" role="document">
 
         <div class="modal-content">
 
         <div class="modal-content">
Line 960: Line 770:
  
 
               <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 = "jadon modal img" width = "225px" height = "400px">    <!--EDITABLE-->
+
                 <img src = "https://static.igem.org/mediawiki/2020/c/cd/T--Calgary--ncmac.jpg" alt = "mac modal img" width = "225px" height = "400px">    <!--EDITABLE-->
 
               </div>
 
               </div>
  
 
               <div class = "col-xs-8 modal-txt">
 
               <div class = "col-xs-8 modal-txt">
  
                 <div class = "row md-row1"> <h1> Jadon Duby </h1> </div> <!--EDITABLE-->
+
                 <div class = "row md-row1"> <h1> Mackenzie Sampson </h1> </div> <!--EDITABLE-->
 
                 <div class = "row md-row2"> <h3> Supervisor </h3> </div>  <!--EDITABLE-->
 
                 <div class = "row md-row2"> <h3> Supervisor </h3> </div>  <!--EDITABLE-->
 
                 <div class = "row md-row3">
 
                 <div class = "row md-row3">
                   <div class="desc"> Friendly </div> <div class="desc"> Helpful </div> <div class="desc"> Does Great Backflips </div>  <!--EDITABLE-->
+
                   <div class="desc"> Risk-taker </div> <div class="desc"> Visionary </div> <div class="desc"> Cheerful </div>  <!--EDITABLE-->
 
                 </div>
 
                 </div>
  
 
                 <div class = "row md-row4"> Major: </div>
 
                 <div class = "row md-row4"> Major: </div>
                 <div class = "row md-row5"> Mathematics </div> <!--EDITABLE-->
+
                 <div class = "row md-row5"> Electrical Engineering </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"> First </div> <!--EDITABLE-->
  
 
                 <div class = "row md-row6"> <!--EDITABLE-->
 
                 <div class = "row md-row6"> <!--EDITABLE-->
                   He is a very talented gymnast.
+
                   Tinkerer of all things inanimate, he is the team’s go-to guy for hardware ideas.
                   He has been a great help to the wiki development team and overall loves to collaborate on projects.
+
                  Mac is also working towards a career in human augmentation.
                   He is always willing to learn and is the go-to person for help with mathematics.
+
                   He has been actively working on keeping the team morale high by hosting fun team social events online.
                  He is always open to opportunity. His hobbies include growing succulents, playing banjo, and snowboarding.
+
                   Mac has a constant drive to push the boundaries of accepted ideas and wants to challenge what people think is possible.
 
                 </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 1,006: Line 802:
 
     </div>    <!--END COPY-->
 
     </div>    <!--END COPY-->
  
     <!--Mac's Modal-->
+
     <!--Dr. Mayi's Modal-->
     <div class="modal fade" id="mac_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">  <!--EDITABLE-->
+
     <div class="modal fade" id="dr_mayi_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-dialog modal-dialog-centered modal-lg" role="document">
 
         <div class="modal-content">
 
         <div class="modal-content">
Line 1,015: Line 811:
  
 
               <div class = "col-xs-4 modal-pic">
 
               <div class = "col-xs-4 modal-pic">
                 <img src = "https://static.igem.org/mediawiki/2020/c/cd/T--Calgary--ncmac.jpg" 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>
  
 
               <div class = "col-xs-8 modal-txt">
 
               <div class = "col-xs-8 modal-txt">
  
                 <div class = "row md-row1"> <h1> Mackenzie Sampson </h1> </div> <!--EDITABLE-->
+
                 <div class = "row md-row1"> <h1> Dr. Mayi Arcellana-Panlilio </h1> </div> <!--EDITABLE-->
 
                 <div class = "row md-row2"> <h3> Supervisor </h3> </div>  <!--EDITABLE-->
 
                 <div class = "row md-row2"> <h3> Supervisor </h3> </div>  <!--EDITABLE-->
 
                 <div class = "row md-row3">
 
                 <div class = "row md-row3">
                   <div class="desc"> Risk-taker </div> <div class="desc"> Visionary </div> <div class="desc"> Cheerful </div>  <!--EDITABLE-->
+
                   <div class="desc"> Gentle </div> <div class="desc"> Caring </div> <div class="desc"> Motherly </div>  <!--EDITABLE-->
 
                 </div>
 
                 </div>
  
                 <div class = "row md-row4"> Major: </div>
+
                 <div class = "row md-row4"> Field: </div>
                 <div class = "row md-row5"> Electrical Engineering </div> <!--EDITABLE-->
+
                 <div class = "row md-row5"> Biochemistry and Molecular Biology </div> <!--EDITABLE-->
                 <div class = "row md-row4"> Year: </div>
+
                 <div class = "row md-row4"> </div>
                 <div class = "row md-row5"> First </div> <!--EDITABLE-->
+
                 <div class = "row md-row5"> </div> <!--EDITABLE-->
  
 
                 <div class = "row md-row6"> <!--EDITABLE-->
 
                 <div class = "row md-row6"> <!--EDITABLE-->
                   Tinkerer of all things inanimate, he is the team’s go-to guy for hardware ideas.
+
                   Kind, reassuring, and a total sweetheart. Brilliant but never intimidating.
                   Mac is also working towards a career in human augmentation.
+
                   Dr Mayi has been involved in fields like neural stem cell research, cancer biology, and functional genomics.
                   He has been actively working on keeping the team morale high by hosting fun team social events online.
+
                   She is always there to support and make sure that the team is on track.
                   Mac has a constant drive to push the boundaries of accepted ideas and wants to challenge what people think is possible.
+
                   She is someone that everyone looks up to and adores. Our iGEM team would not be the same without Dr Mayi.
 
                 </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 1,060: Line 842:
 
       </div>
 
       </div>
 
     </div>    <!--END COPY-->
 
     </div>    <!--END COPY-->
 
    <!--Dr. Mayi's Modal-->
 
    <div class = "modal fade" id = "dr_mayi_modal" tabindex = "-1" role = "dialog" aria-labelledby = "ModalCenterTitle" aria-hidden = "true">
 
      <div class = "modal-dialog modal-dialog-centered" role = "document">
 
        <div class = "modal-content">
 
          <div class = "modal-header">
 
            <h5 class = "modal-title"> Dr. Mayi Arcellana-Panlilio </h5>
 
            <button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close">
 
              <span aria-hidden = "true">&times;</span>
 
            </button>
 
          </div>
 
          <div class = "modal-body">
 
            <p> Put in description about Dr. Mayi here. </p>
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
  
 
     <!--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,101: 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,112: 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