Difference between revisions of "Team:Virginia/Team"

 
(117 intermediate revisions by 6 users not shown)
Line 23: Line 23:
 
width:300px;
 
width:300px;
 
display:inline-block;
 
display:inline-block;
padding:20px;
+
padding:5px;
background-color:#cce5ff;
+
background-color:#235c81;
border-radius:5px;
+
 
cursor:pointer;
 
cursor:pointer;
 
}
 
}
Line 35: Line 34:
  
 
.imgleft:hover, .imgcenter:hover, .imgright:hover {
 
.imgleft:hover, .imgcenter:hover, .imgright:hover {
background-color:#4db8ff;
+
background-color:#9fb140;
 
}
 
}
  
 
/***************************************************Pop up css*****************************************/
 
/***************************************************Pop up css*****************************************/
.popupbackground {
+
#popupbackground {
 
position:fixed;
 
position:fixed;
 
top:0;
 
top:0;
Line 45: Line 44:
 
left:0;
 
left:0;
 
right:0;
 
right:0;
 +
margin-bottom:-1px;
 
background: rgba(0, 0, 0, 0.7);
 
background: rgba(0, 0, 0, 0.7);
 
z-index:51;
 
z-index:51;
Line 54: Line 54:
 
.popup {
 
.popup {
 
position:fixed;
 
position:fixed;
width:1080px;
+
width:810px;
height:680px;
+
height:550px;
background-color:#99d6ff;
+
background-color:#235c81;
 
left:50%;
 
left:50%;
margin-left:-540px;
+
    text-align:left;
 +
margin-left:-400px;
 
top:50%;
 
top:50%;
margin-top:-340px;
+
margin-top:-295px;
border-radius:5px;
+
z-index:52;
 +
visibility:hidden;
 +
opacity:0;
 +
transition:opacity 500ms;
 
}
 
}
  
 
.popupcontentcontainer {
 
.popupcontentcontainer {
width:1000px;
+
width:800px;
height:600px;
+
height:540px;
 
position:relative;
 
position:relative;
margin:40px;
+
margin:5px;
 
background-color:white;
 
background-color:white;
 
}
 
}
Line 75: Line 79:
 
float:right;
 
float:right;
 
margin-left:10px;
 
margin-left:10px;
margin-top:-13px;
+
margin-top:46px;
margin-bottom:3px;
+
margin-bottom:1px;
 
padding:15px;
 
padding:15px;
background-color:#99d6ff;
+
background-color:#235c81;
 
height:400px;
 
height:400px;
 
width:400px;
 
width:400px;
border-radius:5px;
 
 
}
 
}
  
 
.popupcontent {
 
.popupcontent {
height:650px;
+
height:480px;
padding:25px 15px 25px 15px;
+
padding:15px;
 
}
 
}
  
 
.close {
 
.close {
position:absolute;
+
    z-index: 53;
top:15px;
+
position:relative;
right:15px;
+
top:5px;
 +
right:8px;
 
font-size:30px;
 
font-size:30px;
 
font-weight:bold;
 
font-weight:bold;
color:white;
+
color:black;
 
cursor:pointer;
 
cursor:pointer;
 +
    float: right;
 
}
 
}
  
Line 106: Line 111:
 
color:red;
 
color:red;
 
}
 
}
 +
 +
 
</style>
 
</style>
 
</head>
 
</head>
Line 115: Line 122:
  
 
<!-----------------------------------Space reserved for menu------------------------------------>
 
<!-----------------------------------Space reserved for menu------------------------------------>
<div id="menuspace">
+
<div id="menuspace"></div>
<h1 style="text-align:center">This is where the navigation bar will go!</h1>
+
<div class="footerspace">
 +
<!-- <a href="https://2016.igem.org/Team:Virginia/Model" class="footerleft">&larr; Model</a>-->
 +
<a href="https://2016.igem.org/Team:Virginia/Collaborations" class="footerright">Collaborations &rarr;</a>
 
</div>
 
</div>
 
 
<!-----------------------------------Container div---------------------------------------------->
 
<!-----------------------------------Container div---------------------------------------------->
 
<div class="container">
 
<div class="container">
 
 
<!---------------------------Top image on page------------------------------------------>
 
<!---------------------------Top image on page------------------------------------------>
<div class="imagearea" style="background-color:#ffa366">
+
<!--<div class="imagearea" style="background-color:#ffa366">
<h1 style="font-size:150px; text-align:center; color:white; line-height:125px">MEET THE TEAM</h1>
+
<h1 style="line-height:230px">MEET THE TEAM</h1>
</div>
+
 
+
 
+
<!---------------------------Page title area-------------------------------------------->
+
<!--<div class="pagetitle">
+
<h1 style="color:#66b3ff">The Team</h1>
+
 
</div>-->
 
</div>-->
 
 
 
 
 
 
<!---------------------------Main content section of page------------------------------->
 
<!---------------------------Main content section of page------------------------------->
 
<div class="content" style="text-align:center">
 
<div class="content" style="text-align:center">
 
 
 
<div class="imgleft">
 
<div class="imgleft">
<img id="markimage" src="https://static.igem.org/mediawiki/2016/f/fb/Mark.jpg"/>
+
<img id="madeleineimage" src="https://static.igem.org/mediawiki/2016/7/73/T--Virginia--madeleine.jpg"/>
 
</div>
 
</div>
 
 
<div class="imgcenter">
 
<div class="imgcenter">
<img id="kelliimage" src="https://static.igem.org/mediawiki/2016/c/ce/Kelli.jpg"/>
+
<img id="kelliimage" src="https://static.igem.org/mediawiki/2016/2/24/T--Virginia--kelli.jpg"/>
 
</div>
 
</div>
 
 
<div class="imgright">
 
<div class="imgright">
<img id="nivedhaimage" src="https://static.igem.org/mediawiki/2016/9/91/Nivedha.jpg"/>
+
<img id="nivedhaimage" src="https://static.igem.org/mediawiki/2016/9/9c/T--Virginia--nivedha.jpg"/>
 
</div>
 
</div>
 
 
 
<!-------------------------------------To split the inline-block elements---------------------------------------------->
 
<!-------------------------------------To split the inline-block elements---------------------------------------------->
 
<div style="width:100%"></div>
 
<div style="width:100%"></div>
 
 
 
<div class="imgleft">
 
<div class="imgleft">
<img id="danimage" src="https://static.igem.org/mediawiki/2016/c/c0/Bio-pic-dan.jpeg"/>
+
<img id="danimage" src="https://static.igem.org/mediawiki/2016/3/3a/T--Virginia--daniel.jpg"/>
 
</div>
 
</div>
 
+
            <div class="imgcenter">
<div class="imgcenter">
+
<img id="sarahimage" src="https://static.igem.org/mediawiki/2016/4/4a/T--Virginia--sarah.jpg"/>
<img id="chrisimage" src="https://static.igem.org/mediawiki/2016/d/da/Bio-pic-chris.jpeg"/>
+
 
</div>
 
</div>
 
+
 
<div class="imgright">
 
<div class="imgright">
<img id="raquelimage" src="https://static.igem.org/mediawiki/2016/a/a8/Raquel.jpg"/>
+
<img id="raquelimage" src="https://static.igem.org/mediawiki/2016/c/c7/T--Virginia--raquel.jpg"/>
 
</div>
 
</div>
 
 
<!-------------------------------------To split the inline-block elements---------------------------------------------->
 
<!-------------------------------------To split the inline-block elements---------------------------------------------->
 
<div style="width:100%"></div>
 
<div style="width:100%"></div>
 
 
 
<div class="imgleft">
 
<div class="imgleft">
<img id="andersimage" src="https://static.igem.org/mediawiki/2016/8/8b/Bio-pic-anders.jpeg"/>
+
<img id="andersimage" src="https://static.igem.org/mediawiki/2016/1/1e/T--Virginia--anders.jpg"/>
 
</div>
 
</div>
 
 
<div class="imgcenter">
 
<div class="imgcenter">
<img id="austinimage" src="https://static.igem.org/mediawiki/2016/f/fe/Bio-pic-austin.jpeg"/>
+
<img id="austinimage" src="https://static.igem.org/mediawiki/2016/c/c5/T--Virginia--austin.jpg"/>
 
</div>
 
</div>
 
 
<div class="imgright">
 
<div class="imgright">
<img id="sarahimage" src="https://static.igem.org/mediawiki/2016/8/8a/Sarah.jpg"/>
+
<img id="chrisimage" src="https://static.igem.org/mediawiki/2016/2/2a/T--Virginia--chris.jpg"/>
 
</div>
 
</div>
 
 
<!-------------------------------------To split the inline-block elements---------------------------------------------->
 
<!-------------------------------------To split the inline-block elements---------------------------------------------->
 
<div style="width:100%"></div>
 
<div style="width:100%"></div>
 
 
<div class="imgcenter">
 
<div class="imgcenter">
<img id="madeleineimage" src="https://static.igem.org/mediawiki/2016/9/9f/Bio-pic-madeleine.jpeg"/>
+
<img id="markimage" src="https://static.igem.org/mediawiki/2016/f/f6/T--Virginia--mark.jpg"/>
 
</div>
 
</div>
 
 
 
</div>
 
</div>
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 201: Line 178:
  
 
<!------------------------------------------Pop up box divs----------------------------------------------->
 
<!------------------------------------------Pop up box divs----------------------------------------------->
 +
<div id="popupbackground"></div>
 
<!------------------------------------------Mark---------------------------------------------------------->
 
<!------------------------------------------Mark---------------------------------------------------------->
<div class="popupbackground" id="markbio">
+
<div class="popup" id="markbio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
    <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/f/f6/T--Virginia--mark.jpg"/> <span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/f/fb/Mark.jpg"/> <span class="p">
+
        <span style="font-size:30px;font-family:Aleo;"><b>Mark Bernard</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: INTJ</b><br><b>Major: Biochemistry and Statistics </b><br><b>Year: 4th</b></span><br><br>
<span style="font-size:20px"><b>Mark Bernard</span><br><br>Myers-Briggs Type Indicator: INTJ <br>Major: Biochemistry and Statistics <br>Year: 4th </b><br><br>
+
              <span style="font-size:17px">As with other scientists, (looking at you, Sir Isaac), Mark’s inspiration for inquiry began his curiosity about the seasonal changes of his favorite backyard apple tree. He has plans to pursue a career in biochemistry. Mark worked on the mutagenesis synthetase modeling and gathering LCMS data this summer.   
“As a paradigm, science surpasses any contemporary or antecedent model for explaining the universe.” ~ Mark Bernard <br><br>
+
                  Outside of the lab, you will likely find Mark working on his car while simultaneously reading his favorite Nietzsche novel.</span>
As with other great scientists from history, (looking at you, Sir Isaac), Mark’s inspiration for inquiry began with an apple tree.
+
</span></p>
In his youth, Mark was always fascinated by the seasonal changes of his favorite backyard apple tree.  
+
Mark wanted to know where the tree came from, why it was always changing, and how it “knew” when to change.
+
This curiosity lead him on a quest for knowledge that later turned into plans for a career in biochemistry.  
+
Mark is highly dedicated to his work and conveys a genuine, unyielding enthusiasm for physical science.
+
Also, he provides strong leadership and guidance to our team.   
+
This is not surprising, considering that along with Raquel and Madeleine, Mark completes our triumvirate of INTJ masterminds.
+
Outside of the lab, you will likely find Mark climbing epic rock faces while simultaneously reading his favorite Nietzsche novel.
+
Although a member of the Virginia iGEM team, Mark’s interest in machines reaches beyond those that are genetically engineered – he enjoys working on his car during his free time.
+
When searching for inspiration, Mark turns to his favorite sci-fi movies like Jurassic Park – the inspiration for this year’s project – to find new ideas.
+
Guided by an imperative to improve the quality of human life, Mark tweaks scientific fantasies into feasible realities.
+
</span></p>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<!------------------------------------------Kelli---------------------------------------------------------->
 
<!------------------------------------------Kelli---------------------------------------------------------->
<div class="popupbackground" id="kellibio">
+
<div class="popup" id="kellibio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/1/1d/T--Virginia--kelli2.png"/> <span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/c/ce/Kelli.jpg"/> <span class="p">
+
                <span style="font-size:30px;font-family:Aleo;"><b>Kelli Green</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: INFP</b><br><b>Major: Chemical Engineering </b><br><b>Year: 3rd</b></span><br><br>
<span style="font-size:20px"<b>Kelli Green</span><br><br>Myers-Briggs Type Indicator: INFP <br>Major: Chemical Engineering <br>Year: 3rd</b><br><br>
+
                This summer, Kelli was involved in policy interviews and write-ups, the design of the wiki, and wet lab tasks.  
From a young age, Kelli struggled with the choice of pursuing a career in either mathematics or physical science.  
+
Inspired by Ayn Rand’s “Anthem”, she has decided to pursue a career overseas in engineering.
An avid reader in her youth, Kelli was particularly inspired by one book.
+
Whether it’s playing volleyball, walking forest trails with her dog, or enduring the frustrations of Pictionary with close friends, Kelli values fun, novelty, and the freedom to explore the natural world… just don't ask her to play contact sports.
Ayn Rand’s “Anthem” sparked Kelli’s passion for benevolent invention.
+
Wherever Kelli’s journey leads her, the road will be paved with a healthy balance of IR-spectra, SDS sheets, and good humor.
She determined that through engineering, she can pursue a career that involves both science and mathematics, guided by the principles of innovative design and optimization.  
+
</span></p>
Behind this calculating engineer is an adventurer with global ambitions.
+
Whether it’s playing volleyball, walking forest trails with her dog, or enduring the frustrations of Pictionary with close friends, Kelli values fun, novelty, and the freedom to explore the natural world… just don't ask her to play contact sports.  
+
She hopes to take her career overseas and lead international collaborations in the field of chemical engineering.
+
Wherever Kelli’s journey leads her, the road will be paved with a healthy balance of IR-spectra, MSDS sheets, and good humor.
+
</span></p>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!------------------------------------------Nivedha---------------------------------------------------------->
 
<!------------------------------------------Nivedha---------------------------------------------------------->
<div class="popupbackground" id="nivedhabio">
+
<div class="popup" id="nivedhabio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/0/0c/T--Virginia--nivedha2.png"/><span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/9/91/Nivedha.jpg"/>
+
                <span style="font-size:30px;font-family:Aleo;"><b>Nivedha Kannapadi</b></span><br><br><span style="font-size:20px"><b>Human Practices Coordinator</b><br><b>Myers-Briggs Type Indicator: ENFP</b><br><b>Major: Neuroscience</b> <br><b>Year: 3rd</b></span><br><br>
Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test
+
Nivedha, an adventurous spirit, is passionate about all things health. In the seventh grade, Nivedha recorded a country mixtape to send to Nashville record labels in pursuit of stardom. Unfortunately, this endeavor was futile, so she resigned to a life dedicated to science. During our project, she led the human practices team and worked on the cleavage enzyme BioBrick. In her free time, she enjoys going on road trips, having conversations with people and coercing her friends to go to the library with her.
test test test test test test test test test test test test test test test test test test test test test test test test test test
+
</span></p>  
</p>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!------------------------------------------Dan---------------------------------------------------------->
 
<!------------------------------------------Dan---------------------------------------------------------->
<div class="popupbackground" id="danbio">
+
<div class="popup" id="danbio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/f/f8/T--Virginia--DanExcitingPic.jpg"/><span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/c/c0/Bio-pic-dan.jpeg"/>
+
                <span style="font-size:30px;font-family:Aleo;"><b>Daniel Katz</b></span><br><br><span style="font-size:20px"><b>CFO & Modeling Manager</b><br><b>Myers-Briggs Type Indicator: ESFP<br>Major: Biomedical Engineering <br>Year: 2nd</b></span><br><br>
Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test
+
In seventh grade, Daniel watched a video on synthetic biology hosted by SciShow and became intrigued. On our project, he focused his time on characterization of the cleavage enzyme and the development of our mutagenesis software script.
test test test test test test test test test test test test test test test test test test test test test test test test test test
+
Don’t be surprised if you find him locked into a late night battle with docking software or zombies online.
</p>
+
With eight years of trumpet experience and a seat in Charlottesville Symphony Orchestra, Daniel supplements his scientific endeavors with a love for music.
</div>
+
Daniel is an exemplar renaissance man with interests in cats, cooking, and fiction-writing; he stands to be a character as multidimensional as the conceivable universe.
 +
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!------------------------------------------Chris---------------------------------------------------------->
 
<!------------------------------------------Chris---------------------------------------------------------->
<div class="popupbackground" id="chrisbio">
+
<div class="popup" id="chrisbio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/2/2a/T--Virginia--chris.jpg"/><span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/d/da/Bio-pic-chris.jpeg"/>
+
                <span style="font-size:30px;font-family:Aleo;"><b>Chris Li</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: ISTJ</b> <br><b>Major: Biochemistry</b> <br><b>Year: 2nd</b></span><br><br>
Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test
+
During the project, Chris helped with the design of the wiki. He has always had an interest in biological science, which has led him to pursue a career in medicine. If you have the misfortune of playing against him in soccer, chess, or monopoly, you will likely find yourself swiftly bested by a ruthless competitor.
test test test test test test test test test test test test test test test test test test test test test test test test test test
+
</span></p>
</p>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!------------------------------------------Raquel---------------------------------------------------------->
 
<!------------------------------------------Raquel---------------------------------------------------------->
<div class="popupbackground" id="raquelbio">
+
<div class="popup" id="raquelbio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/3/37/T--Virginia--raquel2.png"/><span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/a/a8/Raquel.jpg"/>
+
                <span style="font-size:30px;font-family:Aleo;"><b>Raquel Moya</b></span><br><br><span style="font-size:20px"><b>Modeling Manager</b><br><b>Myers-Briggs Type Indicator: INTJ </b><br><b>Major: Biomedical Engineering </b><br><b>Year: 3rd</b></span><br><br>
Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test
+
Did you just lose five games of Bananagrams in a row?
test test test test test test test test test test test test test test test test test test test test test test test test test test
+
Then you probably played against Raquel Moya. This summer, she worked on the mutageneis modeling script, team parts and public education. She is pursuing a career in engineering. Born deep in the New Mexico wilderness, Raquel was inspired by her home state's themes of science and art. The contemporary Meriwether Lewis of our iGEM team, Raquel can be found climbing treacherous rock faces and reading Steinbeck novels.
</p>
+
Be careful, if you challenge Raquel at one of her favorite board games, grapes’ will not be the only wrath you experience.
</div>
+
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!------------------------------------------Anders---------------------------------------------------------->
 
<!------------------------------------------Anders---------------------------------------------------------->
<div class="popupbackground" id="andersbio">
+
<div class="popup" id="andersbio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/a/a3/T--Virginia--anders2.png"/><span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/8/8b/Bio-pic-anders.jpeg"/>
+
                <span style="font-size:30px;font-family:Aleo;"><b>Anders Nelson</b></span><br><br><span style="font-size:20px"><b>CFO</b><br><b>Myers-Briggs Type Indicator: ENTP <b></b><br><b></b>Major: Biology </b><br><b>Year: 4th</b></span><br><br>
Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test
+
                It doesn’t matter whether it’s raining cats and dogs outside, or whether an experiment succeeded or failed, Anders always shows up to lab with a spring in his step, a smile on his face, and a contagious sense of positivity. This summer, he focused his time on public education and outreach and various laboratory tasks.
test test test test test test test test test test test test test test test test test test test test test test test test test test
+
Outside of the lab, Anders enjoys outdoorsy types of activities, including hiking, gardening, listening to music, and cooking.
</p>
+
As a pun master, he will rapidly bring a smile to the face of anyone he meets.
</div>
+
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!------------------------------------------Austin---------------------------------------------------------->
 
<!------------------------------------------Austin---------------------------------------------------------->
<div class="popupbackground" id="austinbio">
+
<div class="popup" id="austinbio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/c/c9/T--Virginia--austin2.png"/><span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/f/fe/Bio-pic-austin.jpeg"/>
+
                <span style="font-size:30px;font-family:Aleo;"><b>Austin Rivera</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: ENFJ</b> <br><b>Major: Nanomedicine Engineering </b><br><b>Year: 3rd</b></span><br><br>
Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test
+
While others might watch TV or follow a favorite sports team, Austin enjoys hands-on activities, which led him to pursue a degree in nanomedicine engineering. This summer, he worked on the educational videos and helped with lab work. He enjoys working in a nanomedicine laboratory and working on freelance professional graphic designs. To maintain balance with his heavy workload, Austin practices yoga, greeting the sunrise every morning.
test test test test test test test test test test test test test test test test test test test test test test test test test test
+
</span></p>
</p>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!------------------------------------------Sarah---------------------------------------------------------->
 
<!------------------------------------------Sarah---------------------------------------------------------->
<div class="popupbackground" id="sarahbio">
+
<div class="popup" id="sarahbio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/9/9f/T--Virginia--sarah2.png"/><span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/8/8a/Sarah.jpg"/>
+
                <span style="font-size:30px;font-family:Aleo;"><b>Sarah Shan</b></span><br><br><span style="font-size:20px"><b>Lab Manager</b><br><b>Myers-Briggs Type Indicator: ISTJ</b> <br><b>Major: Neuroscience</b> <br><b>Year: 3rd</b></span><br><br>
Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test
+
                If you ever have the fortune of tasting one of Sarah’s baked goods, you will find yourself among a blessed few – she is a true chemistry whiz both in the lab and the kitchen. This summer, she spent her days in lab designing and executing the team's lab experiments as well as writing and distributing our survey.
test test test test test test test test test test test test test test test test test test test test test test test test test test
+
Sarah cites her interest in a medical career as a close relative who had a serious medical condition. In her free time, she enjoys staying fit, baking and laughing with friends.
</p>
+
</span></p>
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!------------------------------------------Madeleine---------------------------------------------------------->
 
<!------------------------------------------Madeleine---------------------------------------------------------->
<div class="popupbackground" id="madeleinebio">
+
<div class="popup" id="madeleinebio">
<div class="popup">
+
<span class="close">&times;</span>
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
<div class="popupcontentcontainer">
+
<div class="popupcontent">
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/2/26/T--Virginia--madeleine2.png"/><span class="p">
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/9/9f/Bio-pic-madeleine.jpeg"/>
+
                <span style="font-size:30px;font-family:Aleo;"><b>Madeleine Stone</b></span><br><br><span style="font-size:20px"><b>Team Leader</b><br><b>Myers-Briggs Type Indicator: INTJ </b><br><b>Major: Biochemistry </b><br><b>Year: 4th</b></span><br><br>
Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test
+
Hailing from Massachusetts, Madeleine brings a unique New England flair to the iGEM team. As the leader of our team, she designed the team's lab work schedule and helped write the policy proposal.
test test test test test test test test test test test test test test test test test test test test test test test test test test
+
She plans to pursue her passion for life science and leadership in the field of biotechnology.
</p>
+
If you need a new Spotify playlist, look no further. 
</div>
+
From elegant French restaurants to Swedish night clubs, she can curate sonic ambiance for any occasion. Additionally, she likes to ski in her free time.
 +
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 368: Line 322:
 
document.getElementById('markbio').style.visibility = "visible";
 
document.getElementById('markbio').style.visibility = "visible";
 
document.getElementById('markbio').style.opacity = "1";
 
document.getElementById('markbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("kelliimage").onclick = function() {
 
document.getElementById("kelliimage").onclick = function() {
 
document.getElementById('kellibio').style.visibility = "visible";
 
document.getElementById('kellibio').style.visibility = "visible";
 
document.getElementById('kellibio').style.opacity = "1";
 
document.getElementById('kellibio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("nivedhaimage").onclick = function() {
 
document.getElementById("nivedhaimage").onclick = function() {
 
document.getElementById('nivedhabio').style.visibility = "visible";
 
document.getElementById('nivedhabio').style.visibility = "visible";
 
document.getElementById('nivedhabio').style.opacity = "1";
 
document.getElementById('nivedhabio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("danimage").onclick = function() {
 
document.getElementById("danimage").onclick = function() {
 
document.getElementById('danbio').style.visibility = "visible";
 
document.getElementById('danbio').style.visibility = "visible";
 
document.getElementById('danbio').style.opacity = "1";
 
document.getElementById('danbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("chrisimage").onclick = function() {
 
document.getElementById("chrisimage").onclick = function() {
 
document.getElementById('chrisbio').style.visibility = "visible";
 
document.getElementById('chrisbio').style.visibility = "visible";
 
document.getElementById('chrisbio').style.opacity = "1";
 
document.getElementById('chrisbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("raquelimage").onclick = function() {
 
document.getElementById("raquelimage").onclick = function() {
 
document.getElementById('raquelbio').style.visibility = "visible";
 
document.getElementById('raquelbio').style.visibility = "visible";
 
document.getElementById('raquelbio').style.opacity = "1";
 
document.getElementById('raquelbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("andersimage").onclick = function() {
 
document.getElementById("andersimage").onclick = function() {
 
document.getElementById('andersbio').style.visibility = "visible";
 
document.getElementById('andersbio').style.visibility = "visible";
 
document.getElementById('andersbio').style.opacity = "1";
 
document.getElementById('andersbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("austinimage").onclick = function() {
 
document.getElementById("austinimage").onclick = function() {
 
document.getElementById('austinbio').style.visibility = "visible";
 
document.getElementById('austinbio').style.visibility = "visible";
 
document.getElementById('austinbio').style.opacity = "1";
 
document.getElementById('austinbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("sarahimage").onclick = function() {
 
document.getElementById("sarahimage").onclick = function() {
 
document.getElementById('sarahbio').style.visibility = "visible";
 
document.getElementById('sarahbio').style.visibility = "visible";
 
document.getElementById('sarahbio').style.opacity = "1";
 
document.getElementById('sarahbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
 
document.getElementById("madeleineimage").onclick = function() {
 
document.getElementById("madeleineimage").onclick = function() {
 
document.getElementById('madeleinebio').style.visibility = "visible";
 
document.getElementById('madeleinebio').style.visibility = "visible";
 
document.getElementById('madeleinebio').style.opacity = "1";
 
document.getElementById('madeleinebio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
  
Line 410: Line 384:
 
document.getElementById('markbio').style.visibility = "hidden";
 
document.getElementById('markbio').style.visibility = "hidden";
 
document.getElementById('markbio').style.opacity = "0";
 
document.getElementById('markbio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 415: Line 391:
 
document.getElementById('kellibio').style.visibility = "hidden";
 
document.getElementById('kellibio').style.visibility = "hidden";
 
document.getElementById('kellibio').style.opacity = "0";
 
document.getElementById('kellibio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 420: Line 398:
 
document.getElementById('nivedhabio').style.visibility = "hidden";
 
document.getElementById('nivedhabio').style.visibility = "hidden";
 
document.getElementById('nivedhabio').style.opacity = "0";
 
document.getElementById('nivedhabio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 425: Line 405:
 
document.getElementById('danbio').style.visibility = "hidden";
 
document.getElementById('danbio').style.visibility = "hidden";
 
document.getElementById('danbio').style.opacity = "0";
 
document.getElementById('danbio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 430: Line 412:
 
document.getElementById('chrisbio').style.visibility = "hidden";
 
document.getElementById('chrisbio').style.visibility = "hidden";
 
document.getElementById('chrisbio').style.opacity = "0";
 
document.getElementById('chrisbio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 435: Line 419:
 
document.getElementById('raquelbio').style.visibility = "hidden";
 
document.getElementById('raquelbio').style.visibility = "hidden";
 
document.getElementById('raquelbio').style.opacity = "0";
 
document.getElementById('raquelbio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 440: Line 426:
 
document.getElementById('andersbio').style.visibility = "hidden";
 
document.getElementById('andersbio').style.visibility = "hidden";
 
document.getElementById('andersbio').style.opacity = "0";
 
document.getElementById('andersbio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 445: Line 433:
 
document.getElementById('austinbio').style.visibility = "hidden";
 
document.getElementById('austinbio').style.visibility = "hidden";
 
document.getElementById('austinbio').style.opacity = "0";
 
document.getElementById('austinbio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 450: Line 440:
 
document.getElementById('sarahbio').style.visibility = "hidden";
 
document.getElementById('sarahbio').style.visibility = "hidden";
 
document.getElementById('sarahbio').style.opacity = "0";
 
document.getElementById('sarahbio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
Line 455: Line 447:
 
document.getElementById('madeleinebio').style.visibility = "hidden";
 
document.getElementById('madeleinebio').style.visibility = "hidden";
 
document.getElementById('madeleinebio').style.opacity = "0";
 
document.getElementById('madeleinebio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
  
  
 
////////////////////////////////////////////////////Close window on background click///////////////////////////////////////////
 
////////////////////////////////////////////////////Close window on background click///////////////////////////////////////////
document.getElementsByClassName("popupbackground")[0].onclick = function() {
+
document.getElementById('popupbackground').onclick = function() {
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
document.getElementById('markbio').style.visibility = "hidden";
 
document.getElementById('markbio').style.visibility = "hidden";
 
document.getElementById('markbio').style.opacity = "0";
 
document.getElementById('markbio').style.opacity = "0";
}
 
 
document.getElementsByClassName("popupbackground")[1].onclick = function() {
 
 
document.getElementById('kellibio').style.visibility = "hidden";
 
document.getElementById('kellibio').style.visibility = "hidden";
 
document.getElementById('kellibio').style.opacity = "0";
 
document.getElementById('kellibio').style.opacity = "0";
}
 
 
document.getElementsByClassName("popupbackground")[2].onclick = function() {
 
 
document.getElementById('nivedhabio').style.visibility = "hidden";
 
document.getElementById('nivedhabio').style.visibility = "hidden";
 
document.getElementById('nivedhabio').style.opacity = "0";
 
document.getElementById('nivedhabio').style.opacity = "0";
}
 
 
document.getElementsByClassName("popupbackground")[3].onclick = function() {
 
 
document.getElementById('danbio').style.visibility = "hidden";
 
document.getElementById('danbio').style.visibility = "hidden";
 
document.getElementById('danbio').style.opacity = "0";
 
document.getElementById('danbio').style.opacity = "0";
}
 
 
document.getElementsByClassName("popupbackground")[4].onclick = function() {
 
 
document.getElementById('chrisbio').style.visibility = "hidden";
 
document.getElementById('chrisbio').style.visibility = "hidden";
 
document.getElementById('chrisbio').style.opacity = "0";
 
document.getElementById('chrisbio').style.opacity = "0";
}
 
 
document.getElementsByClassName("popupbackground")[5].onclick = function() {
 
 
document.getElementById('raquelbio').style.visibility = "hidden";
 
document.getElementById('raquelbio').style.visibility = "hidden";
 
document.getElementById('raquelbio').style.opacity = "0";
 
document.getElementById('raquelbio').style.opacity = "0";
}
 
 
document.getElementsByClassName("popupbackground")[6].onclick = function() {
 
 
document.getElementById('andersbio').style.visibility = "hidden";
 
document.getElementById('andersbio').style.visibility = "hidden";
 
document.getElementById('andersbio').style.opacity = "0";
 
document.getElementById('andersbio').style.opacity = "0";
}
 
 
document.getElementsByClassName("popupbackground")[7].onclick = function() {
 
 
document.getElementById('austinbio').style.visibility = "hidden";
 
document.getElementById('austinbio').style.visibility = "hidden";
 
document.getElementById('austinbio').style.opacity = "0";
 
document.getElementById('austinbio').style.opacity = "0";
}
 
 
document.getElementsByClassName("popupbackground")[8].onclick = function() {
 
 
document.getElementById('sarahbio').style.visibility = "hidden";
 
document.getElementById('sarahbio').style.visibility = "hidden";
 
document.getElementById('sarahbio').style.opacity = "0";
 
document.getElementById('sarahbio').style.opacity = "0";
}
 
 
document.getElementsByClassName("popupbackground")[9].onclick = function() {
 
 
document.getElementById('madeleinebio').style.visibility = "hidden";
 
document.getElementById('madeleinebio').style.visibility = "hidden";
 
document.getElementById('madeleinebio').style.opacity = "0";
 
document.getElementById('madeleinebio').style.opacity = "0";
 +
 
}
 
}
 
 
 
 
 
 
 
</script>
 
</script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 19:58, 27 November 2016