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

 
(38 intermediate revisions by 3 users not shown)
Line 1: Line 1:
  
 
{{TPHS_San_Diego/template_page_css_js}}
 
{{TPHS_San_Diego/template_page_css_js}}
−
 
+
{{TPHS San Diego/Navbar}}
  
  
Line 7: Line 7:
 
     <head>
 
     <head>
 
         <title>Attributions</title>
 
         <title>Attributions</title>
−
<style>
+
        <style>
−
 
+
          .card-container {
−
#navbar
+
margin: 20px;
−
{
+
display: inline-block;
−
    margin: auto;
+
  cursor: pointer;
−
    margin-top:0px;
+
  height: 150px;
−
    width: 100%;
+
  perspective: 1000px;
−
    text-align: center;
+
  width: 150px;
 
}
 
}
−
 
+
.card {
−
#navbar-fill {
+
border-radius: 6px;
−
  width:100%;  
+
  height: 100%;
−
  margin-top: 0px;
+
  position: absolute;
−
  background-color: #333333;
+
  transform-style: preserve-3d;
−
  z-index: 2;
+
  transition: all 0.5s ease-in-out;
 +
  width: 100%;
 +
  background-color:#55a06e;
 +
  box-shadow: 0 0 20px #555;
 
}
 
}
−
 
+
.card-container:hover .card{
−
.dropbtn {
+
  transform: rotateY(180deg);
−
    background-color: #333333;
+
−
    color: white;
+
−
    width: 180px;
+
−
    padding: 13px;
+
−
    font-size: 16px;
+
−
    border: none;
+
−
    cursor: pointer;
+
−
font-family: 'Montserrat', sans-serif;
+
−
 
+
−
 
+
 
}
 
}
−
 
+
.card .side {
−
button.dropbtn:hover
+
  backface-visibility: hidden;
−
{
+
  border-radius: 6px;
−
  background-color: black;
+
  height: 100%;
 +
  position: absolute;
 +
  overflow: hidden;
 +
  width: 100%;
 
}
 
}
−
 
+
.card .back {
−
.dropdown {
+
border-radius: 6px;
−
    position: relative;
+
  background: #55a06e;
−
    display: inline-block;
+
  line-height: 150px;
−
    font-family: 'Montserrat', sans-serif;
+
  text-align: center;
 +
  transform: rotateY(180deg);
 +
color: white;
 
}
 
}
−
 
+
.card .front {
−
.dropdown-content {
+
border-radius: 6px;
−
    display: none;
+
  background: #55a06e;
−
    position: absolute;
+
font-size: 1.4em;
−
    width: 180px;
+
  line-height: 150px;
−
    background-color: #333333;
+
  text-align: center;
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
color: white;
−
    z-index: 2;
+
−
    text-align: center;
+
−
    font-family: 'Montserrat', sans-serif;
+
 
}
 
}
−
 
+
.card ul{
−
 
+
list-style: none;
−
#title
+
padding: 0;
−
{
+
margin: 0;
−
    color: white;
+
−
    text-decoration: none;
+
 
}
 
}
−
 
+
        </style>
−
.dropdown-content a {
+
−
  color: white;
+
−
  border-bottom-style: solid;
+
−
  border-bottom-color: white;
+
−
  border-bottom-width: 1px;
+
−
  padding: 12px 16px;
+
−
  text-decoration: none;
+
−
  display: block;
+
−
  font-family: 'Raleway', sans-serif;
+
−
}
+
−
 
+
−
.dropdown-content a:hover {
+
−
background-color:  #6e6e6e
+
−
}
+
−
 
+
−
.dropdown:hover .dropdown-content {
+
−
    display: block;
+
−
}
+
−
 
+
−
.dropdown:hover .dropbtn {
+
−
    background-color: #333333;
+
−
}
+
−
 
+
−
div.animation a:before
+
−
{
+
−
    position: absolute;
+
−
    top: 0px;
+
−
    left: 0px;
+
−
    width: 1px;
+
−
    height: 0px;
+
−
    background: #FFF;
+
−
    content: "";
+
−
    opacity: 1;
+
−
    transition: all 0.3s;
+
−
}
+
−
 
+
−
div.animation a:after
+
−
{
+
−
    position: absolute;
+
−
    top: 0px;
+
−
    left: 0px;
+
−
    width: 100%;
+
−
    height: 1px;
+
−
    background: #FFF;
+
−
    content: "";
+
−
    opacity: 1;
+
−
    transition: all 0.3s;
+
−
}
+
−
 
+
−
div.animation a:hover:before
+
−
{
+
−
    height: 100%;
+
−
}
+
−
 
+
−
div.animation a:hover:after
+
−
{
+
−
    opacity: 0;
+
−
    top: 10%;
+
−
}
+
−
 
+
−
header{
+
−
    background: url(http://www.slopemedia.org/wp-content/uploads/2016/09/tubitos.jpg) no-repeat;
+
−
    background-size: cover;
+
−
    background-attachment: fixed;
+
−
}
+
−
 
+
−
</style>
+
 
     </head>
 
     </head>
 
     <body>
 
     <body>
−
 
−
       
 
−
<div id = "navbar">
 
−
<div id="navbar-fill">
 
−
<div class="dropdown nav-animation">
 
−
  <a href = "https://2018.igem.org/Team:TPHS_San_Diego"> <button class = "dropbtn" class id = "title" style = "color: white"> Home </button> </a>
 
−
 
−
</div>
 
−
 
−
<div class="dropdown">
 
−
  <button class="dropbtn"> Project </button>
 
−
  <div class="dropdown-content" style="left:0;">
 
−
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Description">Description</a>
 
−
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Model">Model</a>
 
−
 
−
        <a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Parts">Parts</a>
 
−
 
−
        <a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Results">Results</a>
 
−
  </div>
 
−
</div>
 
−
 
−
<div class="dropdown">
 
−
  <button class="dropbtn"> Notebook </button>
 
−
  <div class="dropdown-content">
 
−
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Notebook">Lab Notebook</a>
 
−
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Experiments">Experiments</a>
 
−
 
−
  </div>
 
−
</div>
 
−
 
−
<div class="dropdown">
 
−
  <button class="dropbtn"> Human Practices </button>
 
−
  <div class="dropdown-content">
 
−
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Human_Practices">Human Practices</a>
 
−
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Collaborations">Collaborations</a>
 
−
 
−
  </div>
 
−
</div>
 
−
 
−
<div class="dropdown">
 
−
  <button class="dropbtn"> Team </button>
 
−
  <div class="dropdown-content">
 
−
<a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Team">Team</a>
 
−
        <a style="font-family: 'Montserrat', sans-serif;" href="https://2018.igem.org/Team:TPHS_San_Diego/Attributions">Attributions</a>
 
−
  </div>
 
−
</div>
 
−
 
−
</div>
 
−
 
−
 
−
</div>
 
  
 
         <header class = "title">
 
         <header class = "title">
 
             <div class = "content_wrapper">
 
             <div class = "content_wrapper">
−
                 <span style="color: black">Attributions</span>
+
                 <span>Attributions</span>
 
             </div>
 
             </div>
 
         </header>
 
         </header>
Line 199: Line 74:
 
                         <li><a href = "#lab_heading">Lab</a></li>
 
                         <li><a href = "#lab_heading">Lab</a></li>
 
                         <li><a href = "#sponsor_heading">Sponsors</a></li>
 
                         <li><a href = "#sponsor_heading">Sponsors</a></li>
 +
<li><a href = "#team_heading">Team Members</a></li>
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
Line 215: Line 91:
 
                     We would like to thank <b>Anjana Rao</b>, the head of Rao Lab at La Jolla Institute for Allergy and Immunology, and everyone else there for providing supplies, equipment, and laboratory space.
 
                     We would like to thank <b>Anjana Rao</b>, the head of Rao Lab at La Jolla Institute for Allergy and Immunology, and everyone else there for providing supplies, equipment, and laboratory space.
 
                 </p>
 
                 </p>
 +
<div class = "img_group">
 +
                    <img width = "200px" height = "200px" src = "https://static.igem.org/mediawiki/2018/8/89/T--TPHS_San_Diego--lji_logo.png"></img>
 +
                   
 +
                </div>
 
                 <h1 id = "sponsor_heading">
 
                 <h1 id = "sponsor_heading">
 
                     Sponsor
 
                     Sponsor
 
                 </h1>
 
                 </h1>
 
                 <div class = "img_group">
 
                 <div class = "img_group">
−
                     <img width = "800px" height = "200px" src = "https://app.scientist.com/providers/absorption-systems/logo"></img>
+
                     <img width = "800px" height = "200px" src = "https://static.igem.org/mediawiki/2018/c/c9/T--TPHS_San_Diego--absorption_logo.png"></img>
 
                     <p>
 
                     <p>
−
                         Thank you Absorption Systems for the sponsorship!
+
                         Thank you Absorption Systems for the sponsorship and support!
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
 +
<h1 id = "team_heading">
 +
Team Members
 +
</h1>
 +
<p>
 +
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!
 +
<br><br>
 +
The team members are listed below:
 +
<br><br>
 +
Captain: Stella Chung<br>
 +
Vice captain: Kishan Shah, Joshua Chung
 +
<br>
 +
 +
<div style = "text-align: center;">
 +
<!--h2>Lab Team</h2-->
 +
<div class="card-container">
 +
  <div class="card">
 +
    <div class="side front">Lab Team</div>
 +
    <div class="side back"><ul>
 +
<li>Joshua Chung</li>
 +
<li>Allison Bien</li>
 +
<li>Aiden Zhang</li>
 +
<li>Amrita Moturi</li>
 +
<li>Daniel Kim</li>
 +
<li>Elliot Kim</li>
 +
<li>Farrah Kaiyom</li>
 +
</ul></div>
 +
  </div>
 +
</div>
 +
 +
 +
 +
 +
<!--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>Alina Ho</li>
 +
<li>Allison Jung</li>
 +
<li>Emily Smith</li>
 +
<li>Melody Mao</li>
 +
<li>Robbin Bai</li>
 +
</ul></div>
 +
  </div>
 +
</div>
 +
 +
 +
<!--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>Arjun Naageshwaran</li>
 +
<li>Claire Wang</li>
 +
<li>Joshua Kim</li>
 +
</ul></div>
 +
  </div>
 +
</div>
 +
 +
<!--h2>Web Team</h2-->
 +
<div class="card-container">
 +
  <div class="card">
 +
    <div class="side front">Web Team</div>
 +
    <div class="side back"><ul>
 +
<ul>
 +
<li>Ryan Heo</li>
 +
<li>Daniel Liu</li>
 +
<li>Josephine Kim</li>
 +
</ul></div>
 +
  </div>
 +
</div>
 +
</div>
 +
</p>
 
             </section>
 
             </section>
 +
 +
 +
 
         </div>
 
         </div>
 +
 +
 +
 
         <script>
 
         <script>
 
             init();
 
             init();

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