Team:UCSC/Diversity
From 2014.igem.org
(Difference between revisions)
m |
m |
||
(2 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
+ | |||
<html> | <html> | ||
+ | <body> | ||
+ | <!--main content --> | ||
<head> | <head> | ||
<style> | <style> | ||
Line 123: | Line 126: | ||
height:200px; | height:200px; | ||
margin: 0 auto; | margin: 0 auto; | ||
- | } | + | } |
+ | |||
+ | #wrapperSlide{ | ||
+ | width: 500px; | ||
+ | height: 350px; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | border: 15px solid white; | ||
+ | } | ||
+ | |||
+ | .slide{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | align: center; | ||
+ | } | ||
+ | |||
+ | .slide{ | ||
+ | top: 0; | ||
+ | opacity: 0; | ||
+ | width: 609px; | ||
+ | height: 420px; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | |||
+ | transform: scale(0); | ||
+ | transition: all .7s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .slide img{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .nav label { | ||
+ | width: 200px; | ||
+ | height: 100%; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | |||
+ | opacity: 0; | ||
+ | z-index: 9; | ||
+ | cursor: pointer; | ||
+ | |||
+ | transition: opacity .2s; | ||
+ | |||
+ | color: #FFF; | ||
+ | font-size: 156pt; | ||
+ | text-align: center; | ||
+ | line-height: 380px; | ||
+ | font-family: "Varela Round", sans-serif; | ||
+ | background-color: rgba(255, 255, 255, .3); | ||
+ | text-shadow: 0px 0px 15px rgb(119, 119, 119); | ||
+ | } | ||
+ | |||
+ | .slide:hover + .nav label { opacity: 0.5; } | ||
+ | |||
+ | .nav label:hover { opacity: 1; } | ||
+ | |||
+ | .nav .next { right: 0; } | ||
+ | |||
+ | input:checked + .slide-container .slide { | ||
+ | opacity: 1; | ||
+ | transform: scale(1); | ||
+ | transition: opacity 1s ease-in-out; | ||
+ | } | ||
+ | |||
+ | input:checked + .slide-container .nav label { display: block; } | ||
+ | |||
myh1{ | myh1{ | ||
Line 147: | Line 220: | ||
font-family:Tahoma, Geneva, sans-serif; | font-family:Tahoma, Geneva, sans-serif; | ||
text-align: center; | text-align: center; | ||
- | font-size: | + | font-size: 15px; |
} | } | ||
+ | myh5{ | ||
+ | color: SteelBlue; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | text-align: center; | ||
+ | font-size: 20px; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 212: | Line 291: | ||
<br> | <br> | ||
- | <myh2> The UCSC iGEM Community </myh2> | + | <myh2> The UCSC iGEM Community </myh2><br><br> |
- | < | + | <myh5>We pride ourselves on having an inclusive team with various ages, genders, ethnicities and interests among us. <br> We want show some of this diversity off in the hopes of encouraging all students to consider research projects like iGEM. </myh5> |
<br> | <br> | ||
Line 219: | Line 298: | ||
<myh3> Women in STEM </myh3> | <myh3> Women in STEM </myh3> | ||
- | + | <img src= "https://static.igem.org/mediawiki/2014/thumb/2/2e/UCSC_SWE_Logo.jpg/800px-UCSC_SWE_Logo.jpg" height = 200px><br><br> | |
+ | <myh5>Team member Lenore Pafford is also President of the UCSC section of the Society of Women Engineers. <br> She uses this position to encourage women to participate in projects like iGEM.</myh5> | ||
<br> | <br> | ||
<br> | <br> | ||
- | <myh3>Community College | + | <myh3>Community College Participation</myh3><br><br> |
+ | <myh5>Jazel Hernandez came to us from Hartnell Community College in Salinas, California. <br> Her goal was to participate in our lab and get a feel for research. <br>She wishes to use her college education to study cancer in humans.</myh5> |
Latest revision as of 03:41, 18 October 2014
Our Diversity
We want show some of this diversity off in the hopes of encouraging all students to consider research projects like iGEM.
She uses this position to encourage women to participate in projects like iGEM.
Her goal was to participate in our lab and get a feel for research.
She wishes to use her college education to study cancer in humans.