(36 intermediate revisions by 4 users not shown) | |||
Line 16: | Line 16: | ||
/* actual CSS */ | /* actual CSS */ | ||
− | + | ||
− | + | ||
header{ | header{ | ||
+ | padding-top: 100px; | ||
+ | margin-bottom: 30px; | ||
width: 100vw; | width: 100vw; | ||
height: 20vh; | height: 20vh; | ||
− | |||
font-size: 3em; | font-size: 3em; | ||
font-weight: bold; | font-weight: bold; | ||
font-family: Arial; | font-family: Arial; | ||
text-align: center; | text-align: center; | ||
+ | color: white; | ||
} | } | ||
Line 34: | Line 35: | ||
.card{ | .card{ | ||
width: 300px; | width: 300px; | ||
− | height: | + | height: 450px; |
margin-bottom:40px; | margin-bottom:40px; | ||
display:inline-block; | display:inline-block; | ||
margin-left:4%; | margin-left:4%; | ||
+ | background: white; | ||
perspective: 1000px; | perspective: 1000px; | ||
Line 57: | Line 59: | ||
border-radius: 10px; | border-radius: 10px; | ||
− | box-shadow: 0 0px 20px rgb( | + | box-shadow: 0 0px 20px rgb(50, 50, 50); |
} | } | ||
− | .card:hover .card_content_wrapper{ | + | /*.card:hover .card_content_wrapper{ |
transform: rotateY(180deg); | transform: rotateY(180deg); | ||
-moz-transform: rotateY(180deg); | -moz-transform: rotateY(180deg); | ||
Line 68: | Line 70: | ||
box-shadow: 0 0px 20px rgb(230, 230, 230); | box-shadow: 0 0px 20px rgb(230, 230, 230); | ||
− | } | + | }*/ |
.front, .back{ | .front, .back{ | ||
Line 82: | Line 84: | ||
-o-transform: rotateY(180deg); | -o-transform: rotateY(180deg); | ||
-webkit-transform: rotateY(180deg); | -webkit-transform: rotateY(180deg); | ||
+ | visibility: hidden; | ||
} | } | ||
Line 88: | Line 91: | ||
font-family: Arial; | font-family: Arial; | ||
+ | visibility: hidden; | ||
} | } | ||
Line 112: | Line 116: | ||
.card img{ | .card img{ | ||
− | width: 230px; | + | /*width: 230px;*/ |
height: 200px; | height: 200px; | ||
border-radius: 150px; | border-radius: 150px; | ||
Line 121: | Line 125: | ||
font-weight: 600; | font-weight: 600; | ||
font-size: 2em; | font-size: 2em; | ||
− | margin: | + | margin-top: 50px; |
+ | line-height: 1.2em; | ||
} | } | ||
Line 150: | Line 155: | ||
.team_pic_container{ | .team_pic_container{ | ||
width:800px; | width:800px; | ||
− | |||
border-radius: 25px; | border-radius: 25px; | ||
− | box-shadow: 0 0px 20px rgb( | + | box-shadow: 0 0px 20px rgb(50, 50, 50); |
margin-left:calc(50% - 400px); | margin-left:calc(50% - 400px); | ||
margin-bottom:150px; | margin-bottom:150px; | ||
Line 161: | Line 165: | ||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | + | ||
+ | |||
− | <div style = "text-align: center;"> | + | <div style = "background: #55a06e;color: #55a06e;text-align: center;"> |
+ | <header> | ||
+ | Meet the Team! | ||
+ | </header> | ||
+ | <div style = "background: #55a06e;"class = "team_pic_container"><img class = "team_pic" src = "https://static.igem.org/mediawiki/2018/6/6c/T--TPHS_San_Diego--TeamPic.png"/></div> | ||
<!-- /////////////////////////////ROW 1////////////////////////////////////////////////////////// ---> | <!-- /////////////////////////////ROW 1////////////////////////////////////////////////////////// ---> | ||
Line 175: | Line 181: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-flask"></i> Team Captain</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/9/9d/T--TPHS_San_Diego--Stella.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/9/9d/T--TPHS_San_Diego--Stella.jpg"/> | ||
Line 197: | Line 203: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-flask"></i> Vice Captain</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/b/b0/T--TPHS_San_Diego--Kish.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/b/b0/T--TPHS_San_Diego--Kish.jpg"/> | ||
Line 219: | Line 225: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-flask"></i> Vice Captain & Lab Team Leader</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/7/7d/T--TPHS_San_Diego--JChung.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/7/7d/T--TPHS_San_Diego--JChung.jpg"/> | ||
Line 242: | Line 248: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-flask"></i> Lab Team leader</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/3/39/T--TPHS_San_Diego--Allison.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/3/39/T--TPHS_San_Diego--Allison.jpg"/> | ||
Line 270: | Line 276: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-flask"></i> Lab Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/7/7c/T--TPHS_San_Diego--Aidan.jpg" style = "transform: rotateZ(0deg);width:200px;height:230px;"/> | <img src = "https://static.igem.org/mediawiki/2018/7/7c/T--TPHS_San_Diego--Aidan.jpg" style = "transform: rotateZ(0deg);width:200px;height:230px;"/> | ||
− | <div class = "name">Aidan Zhang</div> | + | <div class = "name" style="margin-top: 20px">Aidan Zhang</div> |
</div> | </div> | ||
</div> | </div> | ||
Line 292: | Line 298: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-flask"></i> Lab Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/5/5a/T--TPHS_San_Diego--Amrita.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/5/5a/T--TPHS_San_Diego--Amrita.jpg"/> | ||
Line 314: | Line 320: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-flask"></i> Lab Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/c/c5/T--TPHS_San_Diego--Daniel.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/c/c5/T--TPHS_San_Diego--Daniel.jpg"/> | ||
Line 336: | Line 342: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-flask"></i> Lab Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/b/bd/T--TPHS_San_Diego--Elliot.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/b/bd/T--TPHS_San_Diego--Elliot.jpg"/> | ||
Line 364: | Line 370: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-flask"></i> Lab Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/4/4e/T--TPHS_San_Diego--Farrah.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/4/4e/T--TPHS_San_Diego--Farrah.jpg"/> | ||
Line 387: | Line 393: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-paint-brush"></i> Poster Team Leader</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/a/a5/T--TPHS_San_Diego--Rebecca.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/a/a5/T--TPHS_San_Diego--Rebecca.jpg"/> | ||
Line 409: | Line 415: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-paint-brush"></i> Poster Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/a/ab/T--TPHS_San_Diego--Alina.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/a/ab/T--TPHS_San_Diego--Alina.jpg"/> | ||
Line 431: | Line 437: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-paint-brush"></i> Poster Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
− | <img src = "https://static.igem.org/mediawiki/2018/5/51/T--TPHS_San_Diego--AllisonJung.jpg" style = "transform: rotateZ(0deg);width:200px;height:230px;"/> | + | <img src = "https://static.igem.org/mediawiki/2018/5/51/T--TPHS_San_Diego--AllisonJung.jpg" style = "transform: rotateZ(0deg);width:200px;height: 230px;"/> |
− | <div class = "name">Allison Jung</div> | + | <div class = "name" style="margin-top: 20px">Allison Jung</div> |
</div> | </div> | ||
</div> | </div> | ||
Line 461: | Line 467: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-paint-brush"></i> Poster Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/d/df/T--TPHS_San_Diego--Emily.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/d/df/T--TPHS_San_Diego--Emily.jpg"/> | ||
Line 484: | Line 490: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-paint-brush"></i> Poster Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/3/3c/T--TPHS_San_Diego--Melody.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/3/3c/T--TPHS_San_Diego--Melody.jpg"/> | ||
Line 507: | Line 513: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-male"></i> Human Practices Leader</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/0/01/T--TPHS_San_Diego--Angela.jpg" style = "transform: rotateZ(0deg);width:200px;height:230px;"/> | <img src = "https://static.igem.org/mediawiki/2018/0/01/T--TPHS_San_Diego--Angela.jpg" style = "transform: rotateZ(0deg);width:200px;height:230px;"/> | ||
− | <div class = "name">Angela Liu</div> | + | <div class = "name" style="margin-top: 20px">Angela Liu</div> |
</div> | </div> | ||
</div> | </div> | ||
Line 529: | Line 535: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-paint-brush"></i> Poster Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/3/3b/T--TPHS_San_Diego--Robbin.jpg" style = "transform: rotateZ(0deg);width:200px;height:230px;"/> | <img src = "https://static.igem.org/mediawiki/2018/3/3b/T--TPHS_San_Diego--Robbin.jpg" style = "transform: rotateZ(0deg);width:200px;height:230px;"/> | ||
− | <div class = "name">Robbin Bai</div> | + | <div class = "name" style="margin-top: 20px">Robbin Bai</div> |
</div> | </div> | ||
</div> | </div> | ||
Line 557: | Line 563: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-male"></i> Human Practices Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/3/37/T--TPHS_San_Diego--Arjun.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/3/37/T--TPHS_San_Diego--Arjun.jpg"/> | ||
Line 580: | Line 586: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-male"></i> Human Practices Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/f/f1/T--TPHS_San_Diego--Claire.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/f/f1/T--TPHS_San_Diego--Claire.jpg"/> | ||
Line 602: | Line 608: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa- | + | <div class = "tag"><i class="fas fa-male"></i> Human Practices Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/7/77/T--TPHS_San_Diego--Josh.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/7/77/T--TPHS_San_Diego--Josh.jpg"/> | ||
Line 625: | Line 631: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa-code"></i> Website | + | <div class = "tag"><i class="fas fa-code"></i> Website Team Captain</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/1/16/T--TPHS_San_Diego--Ryan.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/1/16/T--TPHS_San_Diego--Ryan.jpg"/> | ||
Line 647: | Line 653: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa-code"></i> Website | + | <div class = "tag"><i class="fas fa-code"></i> Website Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/e/e3/T--TPHS_San_Diego--DanielL.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/e/e3/T--TPHS_San_Diego--DanielL.jpg"/> | ||
Line 669: | Line 675: | ||
<div class = "card_content_wrapper"> | <div class = "card_content_wrapper"> | ||
<div class = "front"> | <div class = "front"> | ||
− | <div class = "tag"><i class="fas fa-code"></i> Website | + | <div class = "tag"><i class="fas fa-code"></i> Website Team</div> |
<div class = "front_wrapper"> | <div class = "front_wrapper"> | ||
<img src = "https://static.igem.org/mediawiki/2018/b/b2/T--TPHS_San_Diego--Josephine.jpg"/> | <img src = "https://static.igem.org/mediawiki/2018/b/b2/T--TPHS_San_Diego--Josephine.jpg"/> |
Latest revision as of 05:07, 17 October 2018
Team Captain
Stella Chung
Likes:
Bananas, coding, ur fav.
Project Contributions:
Vice Captain
Kishan Shah
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Vice Captain & Lab Team Leader
Joshua Chung
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Lab Team leader
Allison Bien
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Lab Team
Aidan Zhang
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Lab Team
Amrita Moturi
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Lab Team
Daniel Kim
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Lab Team
Elliot Kim
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Lab Team
Farrah Kaiyom
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Poster Team Leader
Rebecca Shin
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Poster Team
Alina Ho
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Poster Team
Allison Jung
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Poster Team
Emily Smith
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Poster Team
Melody Mao
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Human Practices Leader
Angela Liu
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Poster Team
Robbin Bai
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Human Practices Team
Arjun Naageshwaran
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Human Practices Team
Claire Wang
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Human Practices Team
Joshua Kim
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Website Team Captain
Ryan Heo
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Website Team
Daniel Liu
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.
Website Team
Josephine Kim
Likes:
Bananas, coding, ur fav.
Project Contributions:
Team mascot, important component of website designs.