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

 
(20 intermediate revisions by 3 users not shown)
Line 8: Line 8:
 
         <title>Attributions</title>
 
         <title>Attributions</title>
 
         <style>
 
         <style>
           maincontainer{
+
           .card-container {
  position: absolute;
+
margin: 20px;
  width: 250px;
+
display: inline-block;
   height: 320px;
+
   cursor: pointer;
   background: none;
+
   height: 150px;
   top: 50%;
+
   perspective: 1000px;
   left: 50%;
+
   width: 150px;
  transform: translate(-50%, -50%);
+
 
+
 
}
 
}
 
+
.card {
/* THE CARD HOLDS THE FRONT AND BACK FACES */
+
border-radius: 6px;
.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 0.5s ease-in-out;
 +
  width: 100%;
 +
  background-color:#55a06e;
 +
  box-shadow: 0 0 20px #555;
 
}
 
}
 
+
.card-container:hover .card{
/* 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 */
+
border-radius: 6px;
.theback{
+
   background: #55a06e;
  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);
 +
color: white;
 
}
 
}
 
+
.card .front {
 
+
border-radius: 6px;
/*This block (starts here) is merely styling for the flip card, and is NOT an essential part of the flip code */
+
   background: #55a06e;
.thefront h1, .theback h1{
+
font-size: 1.4em;
  font-family: 'zilla slab', sans-serif;
+
   line-height: 150px;
   padding: 30px;
+
  font-weight: bold;
+
   font-size: 24px;
+
 
   text-align: center;
 
   text-align: center;
 +
color: white;
 
}
 
}
 
+
.card ul{
.thefront p, .theback p{
+
list-style: none;
  font-family: 'zilla slab', sans-serif;
+
padding: 0;
  padding: 30px;
+
margin: 0;
  font-weight: normal;
+
  font-size: 12px;
+
  text-align: center;
+
 
}
 
}
 
         </style>
 
         </style>
Line 141: Line 116:
 
<br>
 
<br>
  
 
+
<div style = "text-align: center;">
<h2>Lab Team</h2>
+
<!--h2>Lab Team</h2-->
<ul>
+
<div class="card-container">
 +
  <div class="card">
 +
    <div class="side front">Lab Team</div>
 +
    <div class="side back"><ul>
 
<li>Joshua Chung</li>
 
<li>Joshua Chung</li>
 
<li>Allison Bien</li>
 
<li>Allison Bien</li>
Line 151: Line 129:
 
<li>Elliot Kim</li>
 
<li>Elliot Kim</li>
 
<li>Farrah Kaiyom</li>
 
<li>Farrah Kaiyom</li>
</ul>
+
</ul></div>
 +
  </div>
 +
</div>
  
<h2>Poster Team</h2>
+
 
<ul>
+
 
 +
 
 +
<!--h2>Poster Team</h2-->
 +
<div class="card-container">
 +
  <div class="card">
 +
    <div class="side front">Poster Team</div>
 +
    <div class="side back"><ul>
 
<li>Rebecca Shin</li>
 
<li>Rebecca Shin</li>
 
<li>Alina Ho</li>
 
<li>Alina Ho</li>
Line 161: Line 147:
 
<li>Melody Mao</li>
 
<li>Melody Mao</li>
 
<li>Robbin Bai</li>
 
<li>Robbin Bai</li>
</ul>
+
</ul></div>
 +
  </div>
 +
</div>
  
<h2>Human Practices Team</h2>
+
 
<ul>
+
<!--h2>Human Practices</h2-->
 +
<div class="card-container">
 +
  <div class="card">
 +
    <div class="side front">Human Practices Team</div>
 +
    <div class="side back"><ul>
 
<li>Angela Liu</li>
 
<li>Angela Liu</li>
 
<li>Arjun Naageshwaran</li>
 
<li>Arjun Naageshwaran</li>
 
<li>Claire Wang</li>
 
<li>Claire Wang</li>
 
<li>Joshua Kim</li>
 
<li>Joshua Kim</li>
</ul>
+
</ul></div>
 +
  </div>
 +
</div>
  
<h2>Website Team</h2>
+
<!--h2>Web Team</h2-->
 +
<div class="card-container">
 +
  <div class="card">
 +
    <div class="side front">Web Team</div>
 +
    <div class="side back"><ul>
 
<ul>
 
<ul>
 
<li>Ryan Heo</li>
 
<li>Ryan Heo</li>
 
<li>Daniel Liu</li>
 
<li>Daniel Liu</li>
 
<li>Josephine Kim</li>
 
<li>Josephine Kim</li>
</ul>
+
</ul></div>
 +
  </div>
 +
</div>
 +
</div>
 
</p>
 
</p>
 
             </section>
 
             </section>
Line 184: Line 185:
 
         </div>
 
         </div>
  
<div class="maincontainer">
 
 
      <div class="thecard">
 
 
        <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 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>

Latest revision as of 22:42, 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
Web Team
    • Ryan Heo
    • Daniel Liu
    • Josephine Kim