Difference between revisions of "Team:UCSC/Breakdown"

Line 198: Line 198:
 
<!-- Nina don't touch this or so help me god -->
 
<!-- Nina don't touch this or so help me god -->
  
−
.a {
+
.a {
−
-webkit-animation:gear_1 4s linear infinite;
+
        -webkit-animation:gear_1 4s linear infinite;
−
    -moz-animation:gear_1 4s linear infinite;
+
        -moz-animation:gear_1 4s linear infinite;
−
    animation:gear_1 4s linear infinite;}
+
        animation:gear_1 4s linear infinite;
 +
    }
  
−
@-moz-keyframes gear_1 { 100% { -moz-transform: rotate(360deg); } }
+
    @-moz-keyframes gear_1 {  
−
@-webkit-keyframes gear_1 { 100% { -webkit-transform: rotate(360deg); } }
+
        100% {  
−
@keyframes gear_1 { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
+
            -moz-transform: rotate(360deg);  
 +
        }  
 +
    }
 +
    @-webkit-keyframes gear_1 {  
 +
        100% {  
 +
            -webkit-transform: rotate(360deg);  
 +
        }  
 +
    }
 +
    @keyframes gear_1 {  
 +
        100% {  
 +
            -webkit-transform: rotate(360deg);  
 +
            transform:rotate(360deg);  
 +
        }  
 +
    }
  
−
.c{
+
    .c{
−
-webkit-animation:gear_2 4s linear infinite;
+
        -webkit-animation:gear_2 4s linear infinite;
−
-moz-animation:gear_2 4s linear infinite;
+
        -moz-animation:gear_2 4s linear infinite;
−
animation:gear_2 4s linear infinite;}
+
        animation:gear_2 4s linear infinite;
 +
    }
  
−
 
+
    @-moz-keyframes gear_2 {  
−
 
+
        100% {  
−
@-moz-keyframes gear_2 { 100% { -moz-transform: rotate(-360deg); } }
+
            -moz-transform: rotate(-360deg);  
−
@-webkit-keyframes gear_2 { 100% { -webkit-transform: rotate(-360deg); } }
+
        }  
−
@keyframes gear_2 { 100% { -webkit-transform: rotate(360deg); transform:rotate(-360deg); } }  
+
    }
 +
    @-webkit-keyframes gear_2 {  
 +
        100% {  
 +
            -webkit-transform: rotate(-360deg);  
 +
        }  
 +
    }
 +
    @keyframes gear_2 {  
 +
        100% {  
 +
            -webkit-transform: rotate(360deg);  
 +
            transform:rotate(-360deg);  
 +
        }  
 +
    }  
  
 
     .gear-container {
 
     .gear-container {
Line 222: Line 248:
 
         height: 630px;
 
         height: 630px;
 
     }
 
     }
−
 
−
 
−
 
  
 
     .gear-node {
 
     .gear-node {
Line 230: Line 253:
 
         height: 180px;
 
         height: 180px;
 
         position: absolute;
 
         position: absolute;
−
         cursor: pointer;}
+
         cursor: pointer;
 +
    }
  
 +
    .gear-node .gear {
 +
        width: 180px;
 +
        height: 180px;
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        z-index: 2;
 +
    }
  
−
 
+
    .gear-node .profile-pictures {
−
.gear-node .gear {
+
 
         width: 180px;
 
         width: 180px;
 
         height: 180px;
 
         height: 180px;
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        z-index: 3;
 
     }
 
     }
 +
 +
    .gear-node .line {
 +
        position: absolute;
 +
        height: 0px;
 +
        left: 85px;
 +
        top: 85px;
 +
        border: 2px dashed #bdbec0;
 +
        opacity: 0;
 +
        -webkit-transition: opacity 0.5s ease-in-out;
 +
        transition: opacity 0.5s ease-in-out;
 +
        z-index: -1;
 +
    }
 +
 +
    .gear-node.active .line {
 +
        opacity: 1;
 +
    }
 +
 
     .profile-cont {
 
     .profile-cont {
−
         display: none;
+
         opacity: 0;
 +
        height: 0;
 +
        overflow: hidden;
 +
        -webkit-transition: opacity 0.5s ease-in-out;
 +
        transition: opacity 0.5s ease-in-out;
 
     }
 
     }
 +
 
     .profile-cont.active {
 
     .profile-cont.active {
−
         display: block;
+
         opacity: 1;
 +
        height: auto;
 +
    }
 +
 
 +
 
 +
    @media screen and (max-width: 1024px) {
 +
 
 +
        #salt {
 +
            width: 100%
 +
        }
 +
 
 +
        #our_content {
 +
            width: 100%;
 +
        }
 +
 
 +
        #top-section {
 +
            width: 100%;
 +
        }
 +
 
 +
        #content {width: 100%;}
 +
        #foot {width: 100%;}
 +
 
 +
        .gear {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
 +
 
 +
 
 +
        .gear-container {
 +
            position: relative;
 +
            height: 100%;
 +
        }
 +
 
 +
        .gear-node {
 +
            width: 100%;
 +
            height: 100%;
 +
        }
 +
     
 +
        .gear-node .gear {
 +
            width: 100%;
 +
            height: 100%;
 +
        }
 +
    }
 +
 
 +
    @media screen and (max-width: 980px) {
 +
 
 +
        #salt {
 +
            width: 100%;
 +
        }
 +
 
 +
        #our_content {
 +
            width: 100%;
 +
        }
 +
 
 +
        #top-section {
 +
            width: 100%;
 +
        }
 +
 
 +
        #content {width: 100%;}
 +
        #foot {width: 100%}
 +
 
 +
        .gear {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
 +
 
 +
        .gear-container {
 +
            position: relative;
 +
            height: 100%;
 +
        }
 +
 
 +
        .gear-node {
 +
            width: 100%;
 +
            height: 100%;
 +
        }
 +
     
 +
        .gear-node .gear {
 +
            width: 100%;
 +
            height: 100%;
 +
        }
 +
    }
 +
 
 +
 
 +
    @media screen and (max-width: 650px) {
 +
 
 +
        #salt {
 +
            width: 100%;
 +
        }
 +
 
 +
        #our_content {
 +
            width: 100%;
 +
        }
 +
 
 +
        #top-section {
 +
            width: 100%;
 +
        }
 +
 
 +
        #content {width: 100%;}
 +
        #foot {width: 100%}
 +
 
 +
        .gear {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
 +
 
 +
        .gear-container {
 +
            position: relative;
 +
            height: 100%;
 +
            width: 100%;
 +
        }
 +
 
 +
        .gear-node {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
 +
     
 +
        .gear-node .gear {
 +
            width: 10%;
 +
            height: 10%;
 +
        }
 
     }
 
     }
  

Revision as of 06:45, 16 September 2015

Breakdown



Swathi Balaji

  • Biomolecular Engineering
  • Bioinformatics minor
  • College Nine (UCSC)
  • 4th Year
  • Grant & Web Team
  • From: Pleasanton, CA

Anissa Benabbas

  • Biology
  • Bioinformatics minor
  • Crown College (UCSC)
  • Graduate (Post Bac)
  • Video Team
  • From: Sunnyvale, CA

Cristian Camacho

  • Biomolecular Engineering
    Bioinformatics minor
    Crown College (UCSC)
    4th Year
    Grant & Video Team
    From: La Mirada, CA

Jairo Navarro

  • Biomolecular Engineering
    Bioinformatics minor
    College Nine (UCSC)
    4th Year
    Grant, Programming, Video, &
    Web Team
    From: Watsonville, CA

John Poncini

  • Biomolecular Engineering
    Bioinformatics minor
    College 8 (UCSC)
    4th Year
    Grant & Video Team
    From: Stockton, CA 

Tanvir Saini

  • Molecular, Cell, &
    Developmental Biology
    Bioinformatics minor
    Oakes College (UCSC)
    5th Year
    Webmaster, Graphic Design, Grant,
    Social Media & Video Team
    From: Simi Valley, CA

Roger Volden

  • Biomolecular Engineering
    Bioinformatics minor
    College Eight (UCSC)
    3rd Year
    From: San Jose, CA

"I would undoubtedly say that I have gotten much more comfortable with the people I work with in lab, and it has definitely made me more productive and contribute more to everything that happens. I have definitely grown as a person because of iGEM, and I feel like I have become a better researcher, teammate, and friend because of it. Between all of the lunches, coffee runs, socials, and lab time, I would say that the UCSC iGEM team is like a second family to me. I know I'll always cherish the work that we've been doing and that I'll look back and know how it influenced me as a person."