Line 39: | Line 39: | ||
/***************************************************Pop up css*****************************************/ | /***************************************************Pop up css*****************************************/ | ||
− | + | #popupbackground { | |
position:fixed; | position:fixed; | ||
top:0; | top:0; | ||
Line 63: | Line 63: | ||
margin-top:-340px; | margin-top:-340px; | ||
border-radius:5px; | border-radius:5px; | ||
− | z-index: | + | z-index:52; |
} | } | ||
Line 109: | Line 109: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
</head> | </head> | ||
Line 214: | Line 205: | ||
<!------------------------------------------Pop up box divs-----------------------------------------------> | <!------------------------------------------Pop up box divs-----------------------------------------------> | ||
− | <div id=" | + | <div id="popupbackground"></div> |
<!------------------------------------------Mark----------------------------------------------------------> | <!------------------------------------------Mark----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="markbio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 239: | Line 230: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!------------------------------------------Kelli----------------------------------------------------------> | <!------------------------------------------Kelli----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="kellibio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 261: | Line 252: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!------------------------------------------Nivedha----------------------------------------------------------> | <!------------------------------------------Nivedha----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="nivedhabio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 275: | Line 266: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!------------------------------------------Dan----------------------------------------------------------> | <!------------------------------------------Dan----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="danbio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 289: | Line 280: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!------------------------------------------Chris----------------------------------------------------------> | <!------------------------------------------Chris----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="chrisbio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 303: | Line 294: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!------------------------------------------Raquel----------------------------------------------------------> | <!------------------------------------------Raquel----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="raquelbio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 317: | Line 308: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!------------------------------------------Anders----------------------------------------------------------> | <!------------------------------------------Anders----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="andersbio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 331: | Line 322: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!------------------------------------------Austin----------------------------------------------------------> | <!------------------------------------------Austin----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="austinbio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 345: | Line 336: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!------------------------------------------Sarah----------------------------------------------------------> | <!------------------------------------------Sarah----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="austinbio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 359: | Line 350: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!------------------------------------------Madeleine----------------------------------------------------------> | <!------------------------------------------Madeleine----------------------------------------------------------> | ||
− | <div class=" | + | |
− | + | <div class="popup" id="madeleinebio"> | |
<span class="close">×</span> | <span class="close">×</span> | ||
<div class="popupcontentcontainer"> | <div class="popupcontentcontainer"> | ||
Line 373: | Line 364: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<!--------------------------------------------------Javascript--------------------------------------------------------------------> | <!--------------------------------------------------Javascript--------------------------------------------------------------------> | ||
Line 382: | Line 373: | ||
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(' | + | 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(' | + | 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(' | + | 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(' | + | 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(' | + | 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(' | + | 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(' | + | 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(' | + | 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(' | + | 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(' | + | document.getElementById('popupbackground').style.visibility = "visible"; |
+ | document.getElementById('popupbackground').style.opacity = "1"; | ||
} | } | ||
Line 434: | Line 435: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Line 440: | Line 442: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Line 446: | Line 449: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Line 452: | Line 456: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Line 458: | Line 463: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Line 464: | Line 470: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Line 470: | Line 477: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Line 476: | Line 484: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Line 482: | Line 491: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Line 488: | Line 498: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
////////////////////////////////////////////////////Close window on background click/////////////////////////////////////////// | ////////////////////////////////////////////////////Close window on background click/////////////////////////////////////////// | ||
− | document.getElementById(' | + | document.getElementById('popupbackground').onclick = function() { |
document.getElementById('markbio').style.visibility = "hidden"; | document.getElementById('markbio').style.visibility = "hidden"; | ||
document.getElementById('markbio').style.opacity = "0"; | document.getElementById('markbio').style.opacity = "0"; | ||
Line 514: | Line 525: | ||
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(' | + | document.getElementById('popupbackground').style.visibility = "hidden"; |
+ | document.getElementById('popupbackground').style.opacity = "0"; | ||
} | } | ||
Revision as of 14:59, 1 August 2016
MEET THE TEAM
Mark Bernard
Myers-Briggs Type Indicator: INTJ
Major: Biochemistry and Statistics
Year: 4th
“As a paradigm, science surpasses any contemporary or antecedent model for explaining the universe.” ~ Mark Bernard
As with other great scientists from history, (looking at you, Sir Isaac), Mark’s inspiration for inquiry began with an apple tree.
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.
Kelli Green
Myers-Briggs Type Indicator: INFP
Major: Chemical Engineering
Year: 3rd
From a young age, Kelli struggled with the choice of pursuing a career in either mathematics or physical science.
An avid reader in her youth, Kelli was particularly inspired by one book.
Ayn Rand’s “Anthem” sparked Kelli’s passion for benevolent invention.
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.
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.
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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 test test test test test test test test