|
|
Line 1: |
Line 1: |
| {{Team:Michigan/navbar-Irina}} | | {{Team:Michigan/navbar-Irina}} |
− | <!--{{Team:Michigan/Team_Members}}-->
| |
| | | |
− | {{Team:Michigan/Team_Members-V2}}
| |
| | | |
− | <html>
| + | {{Team:Michigan/Team_Members}} |
| | | |
− | <head>
| |
− | <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Poiret+One">
| |
− |
| |
− | <!-- Latest compiled and minified CSS -->
| |
− | <link href="https://static.igem.org/mediawiki/2016/2/2f/Bootstrap-msbt-css.txt" rel="stylesheet" type="text/css"/>
| |
− |
| |
− | <style>
| |
| | | |
− | #sideMenu, #top_title {display:none;}
| + | <!--{{Team:Michigan/Team_Members-V2}}--> |
− | #content { padding:0px; width:100%;}
| + | |
− | body {background-color:white; width:100%}
| + | |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | |
− | #top_menu_inside, #top_menu_14 { height:20px;}
| + | |
− | | + | |
− | h1 {
| + | |
− | font-family: 'Poiret One', cursive;
| + | |
− | font-size: 40px;
| + | |
− | }
| + | |
− | .center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | div.container {
| + | |
− | padding-top: 0px;
| + | |
− | padding-bottom: 50px;
| + | |
− | }
| + | |
− | div.col-lg-3 col-md-4 col-sm-6 col-xs-12{
| + | |
− | padding-left: 50 px;
| + | |
− | padding-right: 50 px;
| + | |
− | }
| + | |
− | .hovereffect {
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | float: left;
| + | |
− | overflow: visible;
| + | |
− | position: relative;
| + | |
− | text-align: center;
| + | |
− | cursor: default;
| + | |
− | }
| + | |
− | | + | |
− | .hovereffect .overlay {
| + | |
− | position: absolute;
| + | |
− | overflow: hidden;
| + | |
− | width: 80%;
| + | |
− | height: 80%;
| + | |
− | left: 10%;
| + | |
− | top: 10%;
| + | |
− | border-bottom: 1px solid #FFF;
| + | |
− | border-top: 1px solid #FFF;
| + | |
− | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
| + | |
− | transition: opacity 0.35s, transform 0.35s;
| + | |
− | -webkit-transform: scale(0,1);
| + | |
− | -ms-transform: scale(0,1);
| + | |
− | transform: scale(0,1);
| + | |
− | }
| + | |
− | | + | |
− | .hovereffect:hover {
| + | |
− | -webkit-transition: all 0.35s;
| + | |
− | transition: all 0.35s;
| + | |
− | background: rgba(0,0,0,0.35);
| + | |
− | }
| + | |
− | | + | |
− | .hovereffect:hover .overlay {
| + | |
− | opacity: 1;
| + | |
− | filter: alpha(opacity=100);
| + | |
− | -webkit-transform: scale(1);
| + | |
− | -ms-transform: scale(1);
| + | |
− | transform: scale(1);
| + | |
− | overflow: auto;
| + | |
− | }
| + | |
− | | + | |
− | .hovereffect img {
| + | |
− | display: block;
| + | |
− | position: relative;
| + | |
− | -webkit-transition: all 0.35s;
| + | |
− | transition: all 0.35s;
| + | |
− | }
| + | |
− | | + | |
− | .hovereffect:hover img {
| + | |
− | filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"> <feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
| + | |
− | filter: brightness(0.6);
| + | |
− | -webkit-filter: brightness(0.6);
| + | |
− | }
| + | |
− | | + | |
− | .hovereffect h2 {
| + | |
− | text-align: center;
| + | |
− | position: relative;
| + | |
− | font-size: 17px;
| + | |
− | background-color: transparent;
| + | |
− | color: #FFF;
| + | |
− | padding: 1em 0;
| + | |
− | opacity: 0;
| + | |
− | filter: alpha(opacity=0);
| + | |
− | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
| + | |
− | transition: opacity 0.35s, transform 0.35s;
| + | |
− | -webkit-transform: translate3d(0,-100%,0);
| + | |
− | transform: translate3d(0,-100%,0);
| + | |
− | }
| + | |
− | | + | |
− | .hovereffect a, hovereffect p {
| + | |
− | color: #FFF;
| + | |
− | padding: 1em 0;
| + | |
− | opacity: 0;
| + | |
− | overflow: scroll;
| + | |
− | filter: alpha(opacity=0);
| + | |
− | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
| + | |
− | transition: opacity 0.35s, transform 0.35s;
| + | |
− | -webkit-transform: translate3d(0,100%,0);
| + | |
− | transform: translate3d(0,100%,0);
| + | |
− | }
| + | |
− | | + | |
− | .hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
| + | |
− | opacity: 1;
| + | |
− | filter: alpha(opacity=100);
| + | |
− | -webkit-transform: translate3d(0,0,0);
| + | |
− | transform: translate3d(0,0,0);
| + | |
− | overflow: auto;
| + | |
− | }
| + | |
− | .croppy-image {
| + | |
− | display: inline-block;
| + | |
− | width: 100%;
| + | |
− | height: 189px;
| + | |
− | background-size:cover;
| + | |
− | background-position: center;
| + | |
− | background-repeat: no-repeat;
| + | |
− | }
| + | |
− | | + | |
− | <!--PRETTY SCROLL BAR--> | + | |
− | .overlay::-webkit-scrollbar {
| + | |
− | width: 2px;
| + | |
− | }
| + | |
− |
| + | |
− | <!--Track-->
| + | |
− | .overlay::-webkit-scrollbar-track {
| + | |
− | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
| + | |
− | -webkit-border-radius: 10px;
| + | |
− | border-radius: 10px;
| + | |
− | }
| + | |
− |
| + | |
− | <!--Handle-->
| + | |
− | .overlay::-webkit-scrollbar-thumb {
| + | |
− | -webkit-border-radius: 10px;
| + | |
− | border-radius: 10px;
| + | |
− | background: rgba(255,255,255,0.3);
| + | |
− | /*-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); */
| + | |
− | }
| + | |
− | .overlay::-webkit-scrollbar-thumb:window-inactive {
| + | |
− | background: rgba(0,0,0,0.3);
| + | |
− | }
| + | |
− | | + | |
− | <!--STUFF INSPIRED BY BOOTSTRAP-->
| + | |
− |
| + | |
− | .container {
| + | |
− | display: block;
| + | |
− | margin: auto;
| + | |
− | width: 100%;
| + | |
− | max-width: 90vw;
| + | |
− | min-width: 800px;
| + | |
− | }
| + | |
− | | + | |
− | .col-3 {
| + | |
− | display: inline-block;
| + | |
− | width: calc(24.99% - 4px);
| + | |
− | padding: 2px;
| + | |
− | }
| + | |
− | | + | |
− | .col-12 {
| + | |
− | display: inline-block;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .row {
| + | |
− | display: flex;
| + | |
− | flex-wrap: wrap;
| + | |
− | width: 100%;
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− | | + | |
− | </style>
| + | |
− | | + | |
− | </head>
| + | |
− | | + | |
− | <body>
| + | |
− |
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-12">
| + | |
− | <h1 style="text-align:center;"><font face ="Poiret One">Team Members</font></h1>
| + | |
− | <h1 style="text-align:center;"><font face ="Poiret One"></font></h1>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- USE THIS AS YOUR TEMPLATE FOR THE REST!-->
| + | |
− | <!-- Also, make sure your using the new CSS I put in for .hovereffect:hover -->
| + | |
− | <div class="row">
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Nick Emery</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/7/77/Vijay_msbt.jpg')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Vijay Vobbilisetty</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | Vijay is a sophomore studying Biomedical Engineering & Pre-Medicine at the University of Michigan, Ann Arbor.
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/6/65/T--Michigan--Irina.jpg')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Irina Kopyeva</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | Irina is a sophomore studying Chemical Engineering with a concentration in Life Sciences. She loves to whitewater kayak and being outdoors in general!
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Alex Hadd</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | BIO HERE
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="row">
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/2/2c/T--Michigan--AlexG.jpg')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Alex Girgis</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | Alex, a rising sophomore from Grand Rapids, is majoring in Biomedical Engineering with a biochemical concentration. Ultimately he will pursue a career in medicine. He considers himself “not bad” at Argentine Tango.
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Rachel Sun</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | Alex, a rising sophomore from Grand Rapids, is majoring in Biomedical Engineering with a biochemical concentration. Ultimately he will pursue a career in medicine. He considers himself “not bad” at Argentine Tango.
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Aaron Renberg</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | Alex, a rising sophomore from Grand Rapids, is majoring in Biomedical Engineering with a biochemical concentration. Ultimately he will pursue a career in medicine. He considers himself “not bad” at Argentine Tango.
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/7/72/Siddharth_Team_Member.jpg')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Siddharth Madapoosi</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | Siddharth is a rising sophomore from Ann Arbor majoring in Microbiology and intends to pursue a career in epidemiology in the future. He enjoys traveling and is excited to be a part of MSBT this year!
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class= "row">
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Akira Nishii</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | Alex, a rising sophomore from Grand Rapids, is majoring in Biomedical Engineering with a biochemical concentration. Ultimately he will pursue a career in medicine. He considers himself “not bad” at Argentine Tango.
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Zach Bernstein</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | Alex, a rising sophomore from Grand Rapids, is majoring in Biomedical Engineering with a biochemical concentration. Ultimately he will pursue a career in medicine. He considers himself “not bad” at Argentine Tango.
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Dany Lewin</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | I am Dany and I am originally from Mexico. I transferred to the University of Michigan a year ago and now I am a junior in cell and molecular biology. This is my first year in MSBT and I am super excited to go to Boston!
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Cristina Castillo</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | I am a recent graduate from the University of Michigan in Cell and Molecular Biology. I have been part of MSBT for three years now and currently I am an advisor for the team. I am also a research assistant in a physiology lab on campus, I study effects of hypoxia in cancer. I plan to continue my career as a scientist doing a MD/PhD program.
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="row">
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Robin Pierce</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | Alex, a rising sophomore from Grand Rapids, is majoring in Biomedical Engineering with a biochemical concentration. Ultimately he will pursue a career in medicine. He considers himself “not bad” at Argentine Tango.
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Pearl Tu</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | I am a Master student in Public Health, majoring in Nutritional Sciences. I first joined iGEM as Human Practice leader with The Chinese University of Hong Kong in 2012, and this year, 2016, I am back to iGEM as Human Practice advisor. While products of Synthetic Biology are appearing in food processing, I am interested in seeing how the gap between general public and profession in Synthetic Biology has been addressed in the last 4 years!
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-3">
| + | |
− | <div class="croppy-image"
| + | |
− | style="background-image: url('https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png')">
| + | |
− | <div class="hovereffect">
| + | |
− | <div class="overlay">
| + | |
− | <h2><font face ="Poiret One" color="white">Caleb</font></h2>
| + | |
− | <p> <font face ="Poiret One" color="white">
| + | |
− | I am a Master student in Public Health, majoring in Nutritional Sciences. I first joined iGEM as Human Practice leader with The Chinese University of Hong Kong in 2012, and this year, 2016, I am back to iGEM as Human Practice advisor. While products of Synthetic Biology are appearing in food processing, I am interested in seeing how the gap between general public and profession in Synthetic Biology has been addressed in the last 4 years!
| + | |
− | </font></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </body>
| + | |
− | </html>
| + | |