Difference between revisions of "Team:Oxford/Team"

Line 107: Line 107:
 
.team-member-img {
 
.team-member-img {
 
     cursor: pointer;
 
     cursor: pointer;
 +
}
 +
 +
.subject-icon {
 +
    position: absolute;
 +
    right: 18px;
 +
    top: 3px;
 +
    box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
 +
    border-radius: 50%;
 +
    width: 28%;
 +
    padding-bottom: 28%;
 +
    background-position: center;
 +
    background-size: 105%;
 +
}
 +
 +
.bioch {
 +
    background-image: url(https://static.igem.org/mediawiki/2017/3/3a/T--oxford--team--biochemistry--icon.png);
 +
}
 +
 +
.eng {
 +
    background-image: url(https://static.igem.org/mediawiki/2017/7/71/T--oxford--team--engineering--icon.png);
 +
}
 +
 +
.med {
 +
    background-image: url(https://static.igem.org/mediawiki/2017/d/d4/T--oxford--team--biology--icon.png);
 +
}
 +
 +
.bio {
 +
    background-image: url(https://static.igem.org/mediawiki/2017/7/7c/T--oxford--team--medicine--icon.png);
 
}
 
}
 
</style>
 
</style>
Line 124: Line 152:
 
     <img class="img-responsive img-circle team-member-img alissa_open" src="https://static.igem.org/mediawiki/2017/1/13/T--oxford--team--alissa--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img alissa_open" src="https://static.igem.org/mediawiki/2017/1/13/T--oxford--team--alissa--circle.jpeg">
 
     <span id="profile_caption"> Alissa Hummer </span>
 
     <span id="profile_caption"> Alissa Hummer </span>
 
+
    <div class="subject-icon bioch"></div>
 +
   
 
     <!-- Add content to the popup -->
 
     <!-- Add content to the popup -->
 
     <div id="alissa" class="popup_box">
 
     <div id="alissa" class="popup_box">
Line 150: Line 179:
 
     <img class="img-responsive img-circle team-member-img angela_open" src="https://static.igem.org/mediawiki/2017/a/a5/T--oxford--team--angela--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img angela_open" src="https://static.igem.org/mediawiki/2017/a/a5/T--oxford--team--angela--circle.jpeg">
 
     <span id="profile_caption"> Angela Hellyer </span>
 
     <span id="profile_caption"> Angela Hellyer </span>
      
+
     <div class="subject-icon bioch"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="angela" class="popup_box">
 
     <div id="angela" class="popup_box">
Line 166: Line 195:
 
     <img class="img-responsive img-circle team-member-img arthur_open" src="https://static.igem.org/mediawiki/2017/f/f7/T--oxford--team--arthur--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img arthur_open" src="https://static.igem.org/mediawiki/2017/f/f7/T--oxford--team--arthur--circle.jpeg">
 
     <span id="profile_caption"> Arthur Norman </span>
 
     <span id="profile_caption"> Arthur Norman </span>
      
+
     <div class="subject-icon bioch"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="arthur" class="popup_box">
 
     <div id="arthur" class="popup_box">
Line 182: Line 211:
 
     <img class="img-responsive img-circle team-member-img chun_open" src="https://static.igem.org/mediawiki/2017/7/74/T--oxford--team--chun--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img chun_open" src="https://static.igem.org/mediawiki/2017/7/74/T--oxford--team--chun--circle.jpeg">
 
     <span id="profile_caption"> Chun Ngai Au </span>
 
     <span id="profile_caption"> Chun Ngai Au </span>
      
+
     <div class="subject-icon eng"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="chun" class="popup_box">
 
     <div id="chun" class="popup_box">
Line 201: Line 230:
 
     <img class="img-responsive img-circle team-member-img helen_open" src="https://static.igem.org/mediawiki/2017/7/7c/T--oxford--team--helen--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img helen_open" src="https://static.igem.org/mediawiki/2017/7/7c/T--oxford--team--helen--circle.jpeg">
 
     <span id="profile_caption"> Helen Siyu Ren </span>
 
     <span id="profile_caption"> Helen Siyu Ren </span>
      
+
     <div class="subject-icon eng"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="helen" class="popup_box">
 
     <div id="helen" class="popup_box">
Line 217: Line 246:
 
     <img class="img-responsive img-circle team-member-img jei_open" src="https://static.igem.org/mediawiki/2017/e/e6/T--oxford--team--jei--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img jei_open" src="https://static.igem.org/mediawiki/2017/e/e6/T--oxford--team--jei--circle.jpeg">
 
     <span id="profile_caption"> Jei Diwakar </span>
 
     <span id="profile_caption"> Jei Diwakar </span>
      
+
     <div class="subject-icon bioch"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="jei" class="popup_box">
 
     <div id="jei" class="popup_box">
Line 233: Line 262:
 
     <img class="img-responsive img-circle team-member-img john_open" src="https://static.igem.org/mediawiki/2017/6/69/T--oxford--team--john--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img john_open" src="https://static.igem.org/mediawiki/2017/6/69/T--oxford--team--john--circle.jpeg">
 
     <span id="profile_caption"> John Myers </span>
 
     <span id="profile_caption"> John Myers </span>
      
+
     <div class="subject-icon bioch"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="john" class="popup_box">
 
     <div id="john" class="popup_box">
Line 249: Line 278:
 
     <img class="img-responsive img-circle team-member-img kushal_open" src="https://static.igem.org/mediawiki/2017/e/ea/T--oxford--team--kushal--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img kushal_open" src="https://static.igem.org/mediawiki/2017/e/ea/T--oxford--team--kushal--circle.jpeg">
 
     <span id="profile_caption"> Kushal Mansatta </span>
 
     <span id="profile_caption"> Kushal Mansatta </span>
      
+
     <div class="subject-icon med"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="kushal" class="popup_box">
 
     <div id="kushal" class="popup_box">
Line 268: Line 297:
 
     <img class="img-responsive img-circle team-member-img noah_open" src="https://static.igem.org/mediawiki/2017/1/12/T--oxford--team--noah--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img noah_open" src="https://static.igem.org/mediawiki/2017/1/12/T--oxford--team--noah--circle.jpeg">
 
     <span id="profile_caption"> Noah Sprent </span>
 
     <span id="profile_caption"> Noah Sprent </span>
      
+
     <div class="subject-icon bioch"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="noah" class="popup_box">
 
     <div id="noah" class="popup_box">
Line 285: Line 314:
 
     <img class="img-responsive img-circle team-member-img sumaera_open" src="https://static.igem.org/mediawiki/2017/2/2f/T--oxford--team--sumaera--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img sumaera_open" src="https://static.igem.org/mediawiki/2017/2/2f/T--oxford--team--sumaera--circle.jpeg">
 
     <span id="profile_caption"> Sumaera Rathore </span>
 
     <span id="profile_caption"> Sumaera Rathore </span>
      
+
     <div class="subject-icon bio"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="sumaera" class="popup_box">
 
     <div id="sumaera" class="popup_box">
Line 302: Line 331:
 
     <img class="img-responsive img-circle team-member-img zoec_open" src="https://static.igem.org/mediawiki/2017/8/81/T--oxford--team--zoec--circle.jpeg">
 
     <img class="img-responsive img-circle team-member-img zoec_open" src="https://static.igem.org/mediawiki/2017/8/81/T--oxford--team--zoec--circle.jpeg">
 
     <span id="profile_caption"> Zoë Catchpole </span>
 
     <span id="profile_caption"> Zoë Catchpole </span>
      
+
     <div class="subject-icon bioch"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="zoec" class="popup_box">
 
     <div id="zoec" class="popup_box">
Line 319: Line 348:
 
     <img class="img-responsive img-circle team-member-img zoef_open" src="https://static.igem.org/mediawiki/2017/e/eb/T--oxford--team--zoef--circle.jpeg" alt="" >
 
     <img class="img-responsive img-circle team-member-img zoef_open" src="https://static.igem.org/mediawiki/2017/e/eb/T--oxford--team--zoef--circle.jpeg" alt="" >
 
     <span id="profile_caption"> Zoe Ford </span>
 
     <span id="profile_caption"> Zoe Ford </span>
      
+
     <div class="subject-icon bioch"></div>
 
         <!-- Add content to the popup -->
 
         <!-- Add content to the popup -->
 
     <div id="zoef" class="popup_box">
 
     <div id="zoef" class="popup_box">

Revision as of 21:15, 28 July 2017


MEET THE TEAM
Alissa Hummer
Angela Hellyer
Arthur Norman
Chun Ngai Au
Helen Siyu Ren
Jei Diwakar
John Myers
Kushal Mansatta
Noah Sprent
Sumaera Rathore
Zoë Catchpole
Zoe Ford