Difference between revisions of "Team:TPHS San Diego/Attributions"

Line 8: Line 8:
 
         <title>Attributions</title>
 
         <title>Attributions</title>
 
         <style>
 
         <style>
−
           maincontainer{
+
           .card-container {
−
   position: absolute;
+
   cursor: pointer;
−
  width: 250px;
+
   height: 150px;
−
   height: 320px;
+
   perspective: 600;
−
   background: none;
+
   position: relative;
−
   top: 50%;
+
   width: 150px;
−
   left: 50%;
+
−
  transform: translate(-50%, -50%);
+
−
 
+
 
}
 
}
−
 
+
.card {
−
/* THE CARD HOLDS THE FRONT AND BACK FACES */
+
−
.thecard{
+
−
  position: relative;
+
−
  top: 0;
+
−
  left: 0;
+
−
  width: 100%;
+
 
   height: 100%;
 
   height: 100%;
−
   border-radius: 10px;
+
   position: absolute;
 
   transform-style: preserve-3d;
 
   transform-style: preserve-3d;
−
   transition: all 0.8s ease;
+
   transition: all 1s ease-in-out;
 +
  width: 100%;
 
}
 
}
−
 
+
.card:hover {
−
/* THE PSUEDO CLASS CONTROLS THE FLIP ON MOUSEOVER AND MOUSEOUT */
+
−
.thecard:hover{
+
 
   transform: rotateY(180deg);
 
   transform: rotateY(180deg);
 
}
 
}
−
 
+
.card .side {
−
/* THE FRONT FACE OF THE CARD, WHICH SHOWS BY DEFAULT */
+
  backface-visibility: hidden;
−
.thefront{
+
  border-radius: 6px;
 +
  height: 100%;
 
   position: absolute;
 
   position: absolute;
−
   top: 0;
+
   overflow: hidden;
−
  left: 0;
+
 
   width: 100%;
 
   width: 100%;
−
  height: 100%;
 
−
  border-radius: 10px;
 
−
  backface-visibility: hidden;
 
−
  overflow: hidden;
 
−
  background: #ffc728;
 
−
  color: #000;
 
 
}
 
}
−
 
+
.card .back {
−
/* THE BACK FACE OF THE CARD, WHICH SHOWS ON MOUSEOVER */
+
   background: #eaeaed;
−
.theback{
+
   color: #0087cc;
−
   position: absolute;
+
   line-height: 150px;
−
   top: 0;
+
−
  left: 0;
+
−
  width: 100%;
+
−
   height: 100%;
+
−
  border-radius: 10px;
+
−
  backface-visibility: hidden;
+
−
  overflow: hidden;
+
−
  background: #fafafa;
+
−
  color: #333;
+
 
   text-align: center;
 
   text-align: center;
 
   transform: rotateY(180deg);
 
   transform: rotateY(180deg);
−
}
 
−
 
−
 
−
/*This block (starts here) is merely styling for the flip card, and is NOT an essential part of the flip code */
 
−
.thefront h1, .theback h1{
 
−
  font-family: 'zilla slab', sans-serif;
 
−
  padding: 30px;
 
−
  font-weight: bold;
 
−
  font-size: 24px;
 
−
  text-align: center;
 
−
}
 
−
 
−
.thefront p, .theback p{
 
−
  font-family: 'zilla slab', sans-serif;
 
−
  padding: 30px;
 
−
  font-weight: normal;
 
−
  font-size: 12px;
 
−
  text-align: center;
 
 
}
 
}
 
         </style>
 
         </style>
Line 184: Line 141:
 
         </div>
 
         </div>
  
−
<div class="maincontainer">
+
<div class="card-container">
−
 
+
  <div class="card">
−
      <div class="thecard">
+
    <div class="side"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/29841/jimmy.jpg" alt="Jimmy Eat World"></div>
−
 
+
    <div class="side back">Jimmy Eat World</div>
−
        <div class="thefront"><h1>Front of Card</h1><p>This is the front of the card. It contains important information. Please see overleaf for more details.</p></div>
+
  </div>
−
 
+
</div>
−
        <div class="theback"><h1>Back of Card</h1><p>Your use of this site is subject to the terms and conditions governing this and all transactions.</p>
+
−
        <button>Submit</button></div>
+
−
 
+
−
      </div>
+
−
    </div>
+
  
 
         <script>
 
         <script>

Revision as of 05:44, 16 October 2018


Attributions

Attributions

Mentor

We would like to thank Jerry Lio for providing us with advice and mentorship in the lab.

Lab

We would like to thank Anjana Rao, the head of Rao Lab at La Jolla Institute for Allergy and Immunology, and everyone else there for providing supplies, equipment, and laboratory space.

Sponsor

Thank you Absorption Systems for the sponsorship and support!

Team Members

All work not mentioned above was done by our team members. The lab team completed the experiments with the help of those accredited above. The poster team created the poster, banner, logo, and all other diagrams and designs. The human practices team arranged interviews and events to help positively benefit the community as a whole in relation to our project. Finally, website team worked hard to create and design this wiki. In addition, a special thank you to the parents of all the members who helped fund and support the team in any way possible!

The team members are listed below:

Captain: Stella Chung
Vice captain: Kishan Shah, Joshua Chung

Lab Team

  • Joshua Chung
  • Allison Bien
  • Aiden Zhang
  • Amrita Moturi
  • Daniel Kim
  • Elliot Kim
  • Farrah Kaiyom

Poster Team

  • Rebecca Shin
  • Alina Ho
  • Allison Jung
  • Emily Smith
  • Melody Mao
  • Robbin Bai

Human Practices Team

  • Angela Liu
  • Arjun Naageshwaran
  • Claire Wang
  • Joshua Kim

Website Team

  • Ryan Heo
  • Daniel Liu
  • Josephine Kim

Jimmy Eat World
Jimmy Eat World