Difference between revisions of "Team:UChicago/Team"

 
(17 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
.imgleft {
 
.imgleft {
 
left:20px;
 
left:20px;
 +
        margin:15px;
 
         margin-top:80px;
 
         margin-top:80px;
 
float:left;
 
float:left;
Line 12: Line 13:
  
 
.imgcenter {
 
.imgcenter {
margin:20px auto;
+
margin:15px auto;
 
         margin-top:80px;
 
         margin-top:80px;
 
}
 
}
Line 18: Line 19:
 
.imgright {
 
.imgright {
 
right:20px;
 
right:20px;
margin: 20px;
+
margin: 15px;
 
         margin-top:80px;
 
         margin-top:80px;
 
float:right;
 
float:right;
margin-top:20px;
 
 
}
 
}
  
Line 28: Line 28:
 
display:inline-block;
 
display:inline-block;
 
padding:5px;
 
padding:5px;
background-color:#812340;
+
background-color:#1f0028;
 
cursor:pointer;
 
cursor:pointer;
 
}
 
}
Line 60: Line 60:
 
width:810px;
 
width:810px;
 
height:550px;
 
height:550px;
background-color:#812340;
+
background-color:#1f0028;
 
left:50%;
 
left:50%;
 
     text-align:left;
 
     text-align:left;
Line 86: Line 86:
 
margin-bottom:1px;
 
margin-bottom:1px;
 
padding:15px;
 
padding:15px;
background-color:#812340;
+
background-color:#1f0028;
 
height:400px;
 
height:400px;
 
width:400px;
 
width:400px;
Line 134: Line 134:
 
<div class="content" style="text-align:center">
 
<div class="content" style="text-align:center">
 
<div class="imgleft">
 
<div class="imgleft">
<img id="glickimage" src="https://2016.igem.org/File:T--UChicago--JuliaHeadshot.jpg"/>
+
<img id="glickimage" src="https://static.igem.org/mediawiki/2016/a/ab/T--UChicago--glickhead.png"/>
 
</div>
 
</div>
 
<div class="imgcenter">
 
<div class="imgcenter">
<img id="morganimage" src="https://2016.igem.org/File:T--UChicago--JuliaHeadshot.jpg"/>
+
<img id="morganimage" src="https://static.igem.org/mediawiki/2016/d/d0/T--UChicago--Morganheadshot.JPG"/>
 
</div>
 
</div>
 
<div class="imgright">
 
<div class="imgright">
<img id="chinyehaimage" src="https://2016.igem.org/File:T--UChicago--JuliaHeadshot.jpg"/>
+
<img id="chinyeimage" src="https://static.igem.org/mediawiki/2016/a/aa/T--UChicago--Chinye.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="steveimage" src="https://2016.igem.org/File:T--UChicago--JuliaHeadshot.jpg"/>
+
<img id="steveimage" src="https://static.igem.org/mediawiki/2016/2/2a/T--UChicago--Steve.jpg"/>
 
</div>
 
</div>
 
             <div class="imgcenter">
 
             <div class="imgcenter">
<img id="mirandaimage" src="https://2016.igem.org/File:T--UChicago--JuliaHeadshot.jpg"/>
+
<img id="mirandaimage" src="https://static.igem.org/mediawiki/2016/c/c6/T--UChicago--mirandaheadshot.png"/>
 
</div>
 
</div>
 
 
 
<div class="imgright">
 
<div class="imgright">
<img id="juliaimage" src="https://2016.igem.org/File:T--UChicago--JuliaHeadshot.jpg"/>
+
<img id="juliaimage" src="https://static.igem.org/mediawiki/2016/a/a2/T--UChicago--JuliaHeadshot.jpg"/>
 
</div>
 
</div>
  
Line 162: Line 162:
 
<!------------------------------------------Pop up box divs----------------------------------------------->
 
<!------------------------------------------Pop up box divs----------------------------------------------->
 
<div id="popupbackground"></div>
 
<div id="popupbackground"></div>
<!------------------------------------------Mark---------------------------------------------------------->
+
<!------------------------------------------Glick---------------------------------------------------------->
 
<div class="popup" id="glickbio">
 
<div class="popup" id="glickbio">
 
<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://2016.igem.org/File:T--UChicago--JuliaHeadshot.jpg.jpg"/> <span class="p">
+
     <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/a/ab/T--UChicago--glickhead.png"/> <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:30px;font-family:Aleo;"><b>Dr. Benjamin Glick</b></span><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. 
+
              <span style="font-size:20px">Professor Glick is UChicago GeneHackers' primary PI and mentor. He is a cell biologist. During his training, he studied vesicular transport in mammalian cells and mitochondrial protein import in yeast. His independent research has focused on the organization and dynamics of the yeast secretory pathway, and on engineering fluorescent proteins.</span>
                  Outside of the lab, you will likely find Mark working on his car while simultaneously reading his favorite Nietzsche novel.</span>
+
 
</span></p>
 
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
<!------------------------------------------Kelli---------------------------------------------------------->
+
<!------------------------------------------Morgan---------------------------------------------------------->
<div class="popup" id="kellibio">
+
<div class="popup" id="morganbio">
 
<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/d/d0/T--UChicago--Morganheadshot.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:30px;font-family:Aleo;"><b>Morgan Pantuck</b></span><br><br><span style="font-size:20px">
                This summer, Kelli was involved in policy interviews and write-ups, the design of the wiki, and wet lab tasks.  
+
              Morgan is a senior pursuing a Biological Sciences major and Molecular Engineering minor at the University of Chicago. She has been a member of GeneHackers since her sophomore year and currently serves as the group’s Co-President. When she isn’t in lab, Morgan is normally writing satire or doing stand-up and improv with various comedy groups on campus.
Inspired by Ayn Rand’s “Anthem”, she has decided to pursue a career overseas in engineering.
+
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.
+
Wherever Kelli’s journey leads her, the road will be paved with a healthy balance of IR-spectra, SDS sheets, and good humor.
+
 
</span></p>
 
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
<!------------------------------------------Nivedha---------------------------------------------------------->
+
<!------------------------------------------Chinye---------------------------------------------------------->
<div class="popup" id="nivedhabio">
+
<div class="popup" id="chinyebio">
 
<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/a/aa/T--UChicago--Chinye.jpg"/><span class="p">
                 <span style="font-size:30px;font-family:Aleo;"><b>Nivedha Kannapadi</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: ENFP</b><br><b>Major: Neuroscience</b> <br><b>Year: 3rd</b></span><br><br>
+
                 <span style="font-size:30px;font-family:Aleo;"><b>Chinye Ijeli</b></span><br><br><span style="font-size:20px">
Nivedha, an adventurous spirit, is passionate about all things health. During our project, she worked on the cleavage enzyme BioBrick and organized the policy and practices work of the team. She is pursuing a career in medicine and is passionate about women's health. In her free time, she enjoys going on roadtrips, having conversations with people and coercing her friends to go to the library with her.
+
Chinye is a Biological Sciences major and junior at the University of Chicago. Her academic interests are sociology, public health, and infectious disease. She enjoys reading novels, playing music, and blogging. She loves all things related to Marvel comics and the TV show <i>Avatar: The Last Airbender.</i>
 
</span></p>
 
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
<!------------------------------------------Dan---------------------------------------------------------->
+
<!------------------------------------------Steve---------------------------------------------------------->
<div class="popup" id="danbio">
+
<div class="popup" id="stevebio">
 
<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/3/3a/T--Virginia--daniel.jpg"/><span class="p">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/2/2a/T--UChicago--Steve.jpg"/><span class="p">
                 <span style="font-size:30px;font-family:Aleo;"><b>Daniel Katz</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: ESFP<br>Major: Biomedical Engineering <br>Year: 2nd</b></span><br><br>
+
                 <span style="font-size:30px;font-family:Aleo;"><b>Steve Dvorkin</b></span><br><br><span style="font-size:20px"> Steve is a Biological Sciences major and Sophomore attending the University of Chicago. His academic interests include molecular/synthetic biology, immunology, neuroscience, and psychology. He enjoys reading, playing music, and crafting Dungeons and Dragons campaigns. He's really proud of his primers, they’re like his children.
In seventh grade, Daniel he 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.  
+
Don’t be surprised if you find him locked into a late night battle with docking software or zombies online.
+
With eight years of trumpet experience and a seat in Charlottesville Symphony Orchestra, Dan supplements his scientific endeavors with a love for music.
+
Dan 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>
 
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
<!------------------------------------------Chris---------------------------------------------------------->
+
<!------------------------------------------Miranda---------------------------------------------------------->
<div class="popup" id="chrisbio">
+
<div class="popup" id="mirandabio">
 
<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/c/c6/T--UChicago--mirandaheadshot.png"/><span class="p">
                 <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>
+
                 <span style="font-size:30px;font-family:Aleo;"><b>Miranda Halle</b></span><br><br><span style="font-size:20px"> Miranda is a Biological Sciences major and junior attending the University of Chicago who really should be working on the wiki right now. They do molecular biology things at school and really like synthetic biology in particular, having been a participant in iGEM since they were a wee high school senior back in 2014. They’re also UChicago iGEM’s resident Webmaster, and a big Star Trek nerd. Yay science.
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.  
+
 
</span></p>
 
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
<!------------------------------------------Raquel---------------------------------------------------------->
+
<!------------------------------------------Julia---------------------------------------------------------->
<div class="popup" id="raquelbio">
+
<div class="popup" id="juliabio">
 
<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/a2/T--UChicago--JuliaHeadshot.jpg"/><span class="p">
                 <span style="font-size:30px;font-family:Aleo;"><b>Raquel Moya</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: INTJ </b><br><b>Major: Biomedical Engineering </b><br><b>Year: 3rd</b></span><br><br>
+
                 <span style="font-size:30px;font-family:Aleo;"><b>Julia Byeon</b></span><br><br><span style="font-size:20px">
Did you just lose five games of Bananagrams in a row?
+
Julia is a fourth year Public Policy Studies major at the University of Chicago. She is currently Genehackers’s External Communications Manager. She likes policy as well as all other academic and nonacademic things.
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.
+
Be careful, if you challenge Raquel at one of her favorite board games, grapes’ will not be the only wrath you experience.
+
</span></p>
+
</div>
+
</div>
+
</div>
+
<!------------------------------------------Anders---------------------------------------------------------->
+
<div class="popup" id="andersbio">
+
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
+
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/a/a3/T--Virginia--anders2.png"/><span class="p">
+
                <span style="font-size:30px;font-family:Aleo;"><b>Anders Nelson</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: ENTP <b></b><br><b></b>Major: Biology </b><br><b>Year: 4th</b></span><br><br>
+
                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.
+
Outside of the lab, Anders enjoys outdoorsy types of activities, including hiking, gardening, listening to music, and cooking.
+
As a pun master, he will rapidly bring a smile to the face of anyone he meets.
+
</span></p>
+
</div>
+
</div>
+
</div>
+
<!------------------------------------------Austin---------------------------------------------------------->
+
<div class="popup" id="austinbio">
+
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
+
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/c/c9/T--Virginia--austin2.png"/><span class="p">
+
                <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>
+
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.
+
</span></p>
+
</div>
+
</div>
+
</div>
+
<!------------------------------------------Sarah---------------------------------------------------------->
+
<div class="popup" id="sarahbio">
+
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
+
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/9/9f/T--Virginia--sarah2.png"/><span class="p">
+
                <span style="font-size:30px;font-family:Aleo;"><b>Sarah Shan</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: ISTJ</b> <br><b>Major: Neuroscience</b> <br><b>Year: 3rd</b></span><br><br>
+
                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 parts and writing our survey.
+
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.
+
</span></p>
+
</div>
+
</div>
+
</div>
+
<!------------------------------------------Madeleine---------------------------------------------------------->
+
<div class="popup" id="madeleinebio">
+
<span class="close">&times;</span>
+
<div class="popupcontentcontainer">
+
<div class="popupcontent">
+
<p><img class="popupimage" src="https://static.igem.org/mediawiki/igem.org/2/26/T--Virginia--madeleine2.png"/><span class="p">
+
                <span style="font-size:30px;font-family:Aleo;"><b>Madeleine Stone</b></span><br><br><span style="font-size:20px"><b>Myers-Briggs Type Indicator: INTJ </b><br><b>Major: Biochemistry </b><br><b>Year: 4th</b></span><br><br>
+
Hailing from Massachusetts, Madeleine brings a unique New England flair to the iGEM team.
+
Through her studies in biochemistry, Madeleine uses glass beakers to break glass ceilings.
+
She plans to pursue her passion for life science and leadership in commercial biotechnology.
+
If you need a new Spotify playlist, look no further. 
+
From elegant French restaurants to Swedish night clubs, she can curate sonic ambiance for any occasion. Additionally, she likes skiing and dying her hair in her free time.
+
 
</span></p>
 
</span></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
  
 
<!--------------------------------------------------Javascript-------------------------------------------------------------------->
 
<!--------------------------------------------------Javascript-------------------------------------------------------------------->
Line 303: Line 238:
  
 
////////////////////////////Opens up team bios/////////////////////////////////////
 
////////////////////////////Opens up team bios/////////////////////////////////////
document.getElementById("markimage").onclick = function() {
+
document.getElementById("glickimage").onclick = function() {
document.getElementById('markbio').style.visibility = "visible";
+
document.getElementById('glickbio').style.visibility = "visible";
document.getElementById('markbio').style.opacity = "1";
+
document.getElementById('glickbio').style.opacity = "1";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.opacity = "1";
 
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
document.getElementById("kelliimage").onclick = function() {
+
document.getElementById("morganimage").onclick = function() {
document.getElementById('kellibio').style.visibility = "visible";
+
document.getElementById('morganbio').style.visibility = "visible";
document.getElementById('kellibio').style.opacity = "1";
+
document.getElementById('morganbio').style.opacity = "1";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.opacity = "1";
 
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
document.getElementById("nivedhaimage").onclick = function() {
+
document.getElementById("chinyeimage").onclick = function() {
document.getElementById('nivedhabio').style.visibility = "visible";
+
document.getElementById('chinyebio').style.visibility = "visible";
document.getElementById('nivedhabio').style.opacity = "1";
+
document.getElementById('chinyebio').style.opacity = "1";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.opacity = "1";
 
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
document.getElementById("danimage").onclick = function() {
+
document.getElementById("steveimage").onclick = function() {
document.getElementById('danbio').style.visibility = "visible";
+
document.getElementById('stevebio').style.visibility = "visible";
document.getElementById('danbio').style.opacity = "1";
+
document.getElementById('stevebio').style.opacity = "1";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.opacity = "1";
 
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
document.getElementById("chrisimage").onclick = function() {
+
document.getElementById("mirandaimage").onclick = function() {
document.getElementById('chrisbio').style.visibility = "visible";
+
document.getElementById('mirandabio').style.visibility = "visible";
document.getElementById('chrisbio').style.opacity = "1";
+
document.getElementById('mirandabio').style.opacity = "1";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.opacity = "1";
 
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
document.getElementById("raquelimage").onclick = function() {
+
document.getElementById("juliaimage").onclick = function() {
document.getElementById('raquelbio').style.visibility = "visible";
+
document.getElementById('juliabio').style.visibility = "visible";
document.getElementById('raquelbio').style.opacity = "1";
+
document.getElementById('juliabio').style.opacity = "1";
document.getElementById('popupbackground').style.visibility = "visible";
+
document.getElementById('popupbackground').style.opacity = "1";
+
}
+
document.getElementById("andersimage").onclick = function() {
+
document.getElementById('andersbio').style.visibility = "visible";
+
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('austinbio').style.visibility = "visible";
+
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('sarahbio').style.visibility = "visible";
+
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('madeleinebio').style.visibility = "visible";
+
document.getElementById('madeleinebio').style.opacity = "1";
+
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.visibility = "visible";
 
document.getElementById('popupbackground').style.opacity = "1";
 
document.getElementById('popupbackground').style.opacity = "1";
Line 366: Line 277:
 
////////////////////////////////////Closes team bios//////////////////////////////////////////////
 
////////////////////////////////////Closes team bios//////////////////////////////////////////////
 
document.getElementsByClassName("close")[0].onclick = function() {
 
document.getElementsByClassName("close")[0].onclick = function() {
document.getElementById('markbio').style.visibility = "hidden";
+
document.getElementById('glickbio').style.visibility = "hidden";
document.getElementById('markbio').style.opacity = "0";
+
document.getElementById('glickbio').style.opacity = "0";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.opacity = "0";
 
document.getElementById('popupbackground').style.opacity = "0";
Line 373: Line 284:
  
 
document.getElementsByClassName("close")[1].onclick = function() {
 
document.getElementsByClassName("close")[1].onclick = function() {
document.getElementById('kellibio').style.visibility = "hidden";
+
document.getElementById('morganbio').style.visibility = "hidden";
document.getElementById('kellibio').style.opacity = "0";
+
document.getElementById('morganbio').style.opacity = "0";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.opacity = "0";
 
document.getElementById('popupbackground').style.opacity = "0";
Line 380: Line 291:
  
 
document.getElementsByClassName("close")[2].onclick = function() {
 
document.getElementsByClassName("close")[2].onclick = function() {
document.getElementById('nivedhabio').style.visibility = "hidden";
+
document.getElementById('chinyebio').style.visibility = "hidden";
document.getElementById('nivedhabio').style.opacity = "0";
+
document.getElementById('chinyebio').style.opacity = "0";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.opacity = "0";
 
document.getElementById('popupbackground').style.opacity = "0";
Line 387: Line 298:
  
 
document.getElementsByClassName("close")[3].onclick = function() {
 
document.getElementsByClassName("close")[3].onclick = function() {
document.getElementById('danbio').style.visibility = "hidden";
+
document.getElementById('stevebio').style.visibility = "hidden";
document.getElementById('danbio').style.opacity = "0";
+
document.getElementById('stevebio').style.opacity = "0";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.opacity = "0";
 
document.getElementById('popupbackground').style.opacity = "0";
Line 394: Line 305:
  
 
document.getElementsByClassName("close")[4].onclick = function() {
 
document.getElementsByClassName("close")[4].onclick = function() {
document.getElementById('chrisbio').style.visibility = "hidden";
+
document.getElementById('mirandabio').style.visibility = "hidden";
document.getElementById('chrisbio').style.opacity = "0";
+
document.getElementById('mirandabio').style.opacity = "0";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.opacity = "0";
 
document.getElementById('popupbackground').style.opacity = "0";
Line 401: Line 312:
  
 
document.getElementsByClassName("close")[5].onclick = function() {
 
document.getElementsByClassName("close")[5].onclick = function() {
document.getElementById('raquelbio').style.visibility = "hidden";
+
document.getElementById('juliabio').style.visibility = "hidden";
document.getElementById('raquelbio').style.opacity = "0";
+
document.getElementById('juliabio').style.opacity = "0";
document.getElementById('popupbackground').style.visibility = "hidden";
+
document.getElementById('popupbackground').style.opacity = "0";
+
}
+
 
+
document.getElementsByClassName("close")[6].onclick = function() {
+
document.getElementById('andersbio').style.visibility = "hidden";
+
document.getElementById('andersbio').style.opacity = "0";
+
document.getElementById('popupbackground').style.visibility = "hidden";
+
document.getElementById('popupbackground').style.opacity = "0";
+
}
+
 
+
document.getElementsByClassName("close")[7].onclick = function() {
+
document.getElementById('austinbio').style.visibility = "hidden";
+
document.getElementById('austinbio').style.opacity = "0";
+
document.getElementById('popupbackground').style.visibility = "hidden";
+
document.getElementById('popupbackground').style.opacity = "0";
+
}
+
 
+
document.getElementsByClassName("close")[8].onclick = function() {
+
document.getElementById('sarahbio').style.visibility = "hidden";
+
document.getElementById('sarahbio').style.opacity = "0";
+
document.getElementById('popupbackground').style.visibility = "hidden";
+
document.getElementById('popupbackground').style.opacity = "0";
+
}
+
 
+
document.getElementsByClassName("close")[9].onclick = function() {
+
document.getElementById('madeleinebio').style.visibility = "hidden";
+
document.getElementById('madeleinebio').style.opacity = "0";
+
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.opacity = "0";
 
document.getElementById('popupbackground').style.opacity = "0";
Line 440: Line 323:
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.visibility = "hidden";
 
document.getElementById('popupbackground').style.opacity = "0";
 
document.getElementById('popupbackground').style.opacity = "0";
document.getElementById('markbio').style.visibility = "hidden";
+
document.getElementById('glickbio').style.visibility = "hidden";
document.getElementById('markbio').style.opacity = "0";
+
document.getElementById('glickbio').style.opacity = "0";
document.getElementById('kellibio').style.visibility = "hidden";
+
document.getElementById('morganbio').style.visibility = "hidden";
document.getElementById('kellibio').style.opacity = "0";
+
document.getElementById('morganbio').style.opacity = "0";
document.getElementById('nivedhabio').style.visibility = "hidden";
+
document.getElementById('chinyebio').style.visibility = "hidden";
document.getElementById('nivedhabio').style.opacity = "0";
+
document.getElementById('chinyebio').style.opacity = "0";
document.getElementById('danbio').style.visibility = "hidden";
+
document.getElementById('stevebio').style.visibility = "hidden";
document.getElementById('danbio').style.opacity = "0";
+
document.getElementById('stevebio').style.opacity = "0";
document.getElementById('chrisbio').style.visibility = "hidden";
+
document.getElementById('mirandabio').style.visibility = "hidden";
document.getElementById('chrisbio').style.opacity = "0";
+
document.getElementById('mirandabio').style.opacity = "0";
document.getElementById('raquelbio').style.visibility = "hidden";
+
document.getElementById('juliabio').style.visibility = "hidden";
document.getElementById('raquelbio').style.opacity = "0";
+
document.getElementById('juliabio').style.opacity = "0";
document.getElementById('andersbio').style.visibility = "hidden";
+
document.getElementById('andersbio').style.opacity = "0";
+
document.getElementById('austinbio').style.visibility = "hidden";
+
document.getElementById('austinbio').style.opacity = "0";
+
document.getElementById('sarahbio').style.visibility = "hidden";
+
document.getElementById('sarahbio').style.opacity = "0";
+
document.getElementById('madeleinebio').style.visibility = "hidden";
+
document.getElementById('madeleinebio').style.opacity = "0";
+
  
 
}
 
}

Latest revision as of 22:50, 18 October 2016