Difference between revisions of "Team:Virginia/Safety"

Line 1: Line 1:
  
 +
{{Virginia/body}}
 
<html>
 
<html>
 +
<head>
 +
<style>
  
<--!
+
.imgleft {
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
+
left:20px;
<style type="text/css">
+
margin-top:10px;
 +
float:left;
 +
}
  
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
.imgcenter {
 +
margin:10px auto;
 +
}
  
#sideMenu, #top_title {display:none;}
+
.imgright {
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
+
right:20px;
body {background-color:white; }
+
float:right;
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
margin-top:10px;
 +
}
  
/********************************* MENU ********************************/
+
.imgleft, .imgcenter, .imgright {
 +
width:300px;
 +
display:inline-block;
 +
padding:20px;
 +
background-color:#cce5ff;
 +
border-radius:5px;
 +
cursor:pointer;
 +
}
  
/* drop up
+
.imgleft img, .imgcenter img, .imgright img {
  http://www.pmob.co.uk/temp/dropup3.htm
+
width:300px;
  http://www.youtube.com/watch?v=EENF7HNS1co
+
height:300px;
  */
+
}
  
 +
.imgleft:hover, .imgcenter:hover, .imgright:hover {
 +
background-color:#4db8ff;
 +
}
  
/* Navigation Menu */
+
/***************************************************Pop up css*****************************************/
.navmenubkg {
+
#popupbackground {
  position:fixed;
+
position:fixed;
  display:block;
+
top:0;
  z-index:50;
+
bottom:0;
  top:10px;
+
left:0;
  height:40px;
+
right:0;
width:1200px;
+
margin-bottom:-1px;
margin-left:-600px;
+
background: rgba(0, 0, 0, 0.7);
  left:50%;
+
z-index:51;
  background:blue;
+
transition:opacity 500ms;
margin-top:15px;
+
visibility:hidden;
border-radius:5px;
+
opacity:0;
 
}
 
}
.navmenubkg2 {
+
 
  position:fixed;
+
.popup {
  display:none;
+
position:fixed;
  z-index:50;
+
width:1080px;
  top:43px;
+
height:680px;
  height:40px;
+
background-color:#99d6ff;
width:1200px;
+
left:50%;
  left:50%;
+
margin-left:-540px;
margin-left:-600px;
+
top:50%;
  background:#3399ff;
+
margin-top:-340px;
margin-top:12px
+
border-radius:5px;
 +
z-index:52;
 +
visibility:hidden;
 +
opacity:0;
 +
transition:opacity 500ms;
 
}
 
}
#navmenubox {
+
 
    padding:0;
+
.popupcontentcontainer {
    margin-left:auto;
+
width:1000px;
    margin-right:auto;
+
height:600px;
    width:1100px;
+
position:relative;
    height:40px;
+
margin:40px;
    z-index:100;
+
background-color:white;
    display:block;
+
    background:transparent;
+
    color: rgb(46,43,52);
+
    text-align:center;
+
    /*line-height:40px;*/
+
 
}
 
}
.sidelogos {
+
 
    float:left;
+
.popupimage {
    display:block;
+
float:right;
    margin-left:auto;
+
margin-left:10px;
    height:100%;
+
margin-top:-13px;
    width:auto;  
+
margin-bottom:3px;
 +
padding:15px;
 +
background-color:#99d6ff;
 +
height:400px;
 +
width:400px;
 +
border-radius:5px;
 
}
 
}
.sidelogos a {
+
 
  display:block;
+
.popupcontent {
  top:0;
+
height:650px;
  bottom:0;
+
padding:25px 15px 25px 15px;
 
}
 
}
#pblogo{
+
 
  width:48px;
+
.close {
 +
position:absolute;
 +
top:15px;
 +
right:15px;
 +
font-size:30px;
 +
font-weight:bold;
 +
color:white;
 +
cursor:pointer;
 
}
 
}
#pgmap{
+
 
  width:30px;
+
.close:visited {
 +
color:white;
 
}
 
}
#fbnoticon{
+
 
  width:38px;
+
.close:hover {
}
+
color:red;
#twnoticon{
+
  width:38px;
+
  margin-right:auto;
+
}
+
#igemlogo{
+
  width:55px;
+
 
}
 
}
  
#pblogo img, #pgmap img, #twnoticon img, #fbnoticon img, #igemlogo img{
+
 
  background-color:rgb(46,43,52);
+
</style>
  margin-top:8px;
+
</head>
  margin-bottom:2px;
+
 
 +
 
 +
<body>
 +
 
 +
<div class="maindiv">
 +
 
 +
<!-----------------------------------Space reserved for menu------------------------------------>
 +
<div id="menuspace">
 +
<h1 style="text-align:center">This is where the navigation bar will go!</h1>
 +
</div>
 +
 
 +
<!-----------------------------------Container div---------------------------------------------->
 +
<div class="container">
 +
 
 +
<!---------------------------Top image on page------------------------------------------>
 +
<div class="imagearea" style="background-color:#ffa366">
 +
<h1 style="font-size:150px; text-align:center; color:white; line-height:125px">MEET THE TEAM</h1>
 +
</div>
 +
 
 +
 
 +
<!---------------------------Page title area-------------------------------------------->
 +
<!--<div class="pagetitle">
 +
<h1 style="color:#66b3ff">The Team</h1>
 +
</div>-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!---------------------------Main content section of page------------------------------->
 +
<div class="content" style="text-align:center">
 +
 
 +
 
 +
<div class="imgleft">
 +
<img id="markimage" src="https://static.igem.org/mediawiki/2016/f/fb/Mark.jpg"/>
 +
</div>
 +
 
 +
<div class="imgcenter">
 +
<img id="kelliimage" src="https://static.igem.org/mediawiki/2016/c/ce/Kelli.jpg"/>
 +
</div>
 +
 
 +
<div class="imgright">
 +
<img id="nivedhaimage" src="https://static.igem.org/mediawiki/2016/9/91/Nivedha.jpg"/>
 +
</div>
 +
 
 +
 
 +
<!-------------------------------------To split the inline-block elements---------------------------------------------->
 +
<div style="width:100%"></div>
 +
 
 +
 
 +
<div class="imgleft">
 +
<img id="danimage" src="https://static.igem.org/mediawiki/2016/c/c0/Bio-pic-dan.jpeg"/>
 +
</div>
 +
 
 +
<div class="imgcenter">
 +
<img id="chrisimage" src="https://static.igem.org/mediawiki/2016/d/da/Bio-pic-chris.jpeg"/>
 +
</div>
 +
 
 +
<div class="imgright">
 +
<img id="raquelimage" src="https://static.igem.org/mediawiki/2016/a/a8/Raquel.jpg"/>
 +
</div>
 +
 
 +
<!-------------------------------------To split the inline-block elements---------------------------------------------->
 +
<div style="width:100%"></div>
 +
 
 +
 
 +
<div class="imgleft">
 +
<img id="andersimage" src="https://static.igem.org/mediawiki/2016/8/8b/Bio-pic-anders.jpeg"/>
 +
</div>
 +
 
 +
<div class="imgcenter">
 +
<img id="austinimage" src="https://static.igem.org/mediawiki/2016/f/fe/Bio-pic-austin.jpeg"/>
 +
</div>
 +
 
 +
<div class="imgright">
 +
<img id="sarahimage" src="https://static.igem.org/mediawiki/2016/8/8a/Sarah.jpg"/>
 +
</div>
 +
 
 +
<!-------------------------------------To split the inline-block elements---------------------------------------------->
 +
<div style="width:100%"></div>
 +
 
 +
<div class="imgcenter">
 +
<img id="madeleineimage" src="https://static.igem.org/mediawiki/2016/9/9f/Bio-pic-madeleine.jpeg"/>
 +
</div>
 +
 
 +
 
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
<!------------------------------------------Pop up box divs----------------------------------------------->
 +
<div id="popupbackground"></div>
 +
<!------------------------------------------Mark---------------------------------------------------------->
 +
<div class="popup" id="markbio">
 +
<span class="close">&times;</span>
 +
<div class="popupcontentcontainer">
 +
<div class="popupcontent">
 +
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/f/fb/Mark.jpg"/> <span class="p">
 +
<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>
 +
<i>“As a paradigm, science surpasses any contemporary or antecedent model for explaining the universe.”</i> ~ Mark Bernard <br><br>
 +
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.
 +
</span></p>
 +
</div>
 +
</div>
 +
</div>
 +
<!------------------------------------------Kelli---------------------------------------------------------->
 +
<div class="popup" id="kellibio">
 +
<span class="close">&times;</span>
 +
<div class="popupcontentcontainer">
 +
<div class="popupcontent">
 +
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/c/ce/Kelli.jpg"/> <span class="p">
 +
<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>
 +
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.
 +
</span></p>
 +
</div>
 +
</div>
 +
</div>
 +
<!------------------------------------------Nivedha---------------------------------------------------------->
 +
<div class="popup" id="nivedhabio">
 +
<span class="close">&times;</span>
 +
<div class="popupcontentcontainer">
 +
<div class="popupcontent">
 +
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/9/91/Nivedha.jpg"/><span class="p">
 +
<span style="font-size:20px"><b>Nivedha Kannapadi</span><br><br>Myers-Briggs Type Indicator: ENFP <br>Major: Neuroscience <br>Year: 3rd</b><br><br>
 +
Nivedha is one of the few remaining descendants of the revered Kannapadi bloodline.
 +
Growing up in the American South, she quickly developed an affinity for country music.
 +
As her musical ambitions progressed, Nivedha realized she could use her growing popularity to instigate cultural change.
 +
Nivedha is an advocate for vegetarian diets.
 +
She believes in sourcing food through sustainable, local channels.
 +
She recently released her first studio LP titled “The Key of Vitamin C”.
 +
The album includes tracks such as: “Spuds on the Run”, “Ode to Celery”, and “Orange You Glad You Bought My Album?”.
 +
Aside from her musical prose, Nivedha finds inspiration in the little things.
 +
During lab days, she will often walk around the UVa grounds, finding inspiration in mundane phenomena.
 +
She once returned to lab infatuated with an empty carton of orange juice.
 +
She progressed to draw beautiful analogies between the carton and a tRNA synthetase enzyme.
 +
She uses a delicate speech cadence that presents itself as unintended poetry.
 +
Her long-term goal is to become an MD with an emphasis on women’s health.
 +
Nivedha will lead global efforts to improve women’s health, inspiring and enlisting followers to develop a healthier world.
 +
</span></p>
 +
</div>
 +
</div>
 +
</div>
 +
<!------------------------------------------Dan---------------------------------------------------------->
 +
<div class="popup" id="danbio">
 +
<span class="close">&times;</span>
 +
<div class="popupcontentcontainer">
 +
<div class="popupcontent">
 +
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/c/c0/Bio-pic-dan.jpeg"/><span class="p">
 +
<span style="font-size:20px"><b>Dan Katz</span><br><br>Myers-Briggs Type Indicator: ESFP <br>Major: Biomedical Engineering <br>Year: 2nd</b><br><br>
 +
The catalytic event that inspired Dan to pursue a career synthetic biology was comically simple.
 +
In seventh grade he watched a video on synthetic biology hosted by SciShow, a scientific YouTube channel.
 +
Dan became incredibly interested in the topic from this video, and from then on made it his goal to participate in this type of research.
 +
Coming to UVa in his first year, Dan already had plans to join the iGEM team and saw these plans come to fruition.
 +
One look at Dan and you would assume he’s into modeling – this is true, but not the kind you might think.
 +
Don’t be surprised if you find him locked into a late night battle with docking software, optimizing every possible configuration.
 +
His software battles can also be recreational; Dan is a skilled video game player and an online force to be reckoned with.
 +
Dan’s knowledge of keys extends beyond his computer.
 +
With eight years of trumpet experience and a seat in the UVa orchestra, Dan supplements his scientific endeavors with a love for music.
 +
He remains involved in music opportunities in Charlottesville, including the Charlottesville Symphony Orchestra, the First Year Players musical, and small groups in the area.
 +
Dan is an exemplar renaissance man with further interests in cats, cooking, fiction-writing, and countless other pursuits; a character as multidimensional as the conceivable universe.
 +
</span></p>
 +
</div>
 +
</div>
 +
</div>
 +
<!------------------------------------------Chris---------------------------------------------------------->
 +
<div class="popup" id="chrisbio">
 +
<span class="close">&times;</span>
 +
<div class="popupcontentcontainer">
 +
<div class="popupcontent">
 +
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/d/da/Bio-pic-chris.jpeg"/><span class="p">
 +
<span style="font-size:20px"><b>Christopher Li</span><br><br>Myers-Briggs Type Indicator: Undetermined <br>Major: Biochemistry <br>Year: 2nd</b><br><br>
 +
Chris entered his first year at UVa intent on pursuing a career in medicine.
 +
Since childhood, Chris has always wanted to study biological science.
 +
Refusing to compromise between the roles of physician and research scientist, Chris has ambitiously set his sights on an MD/PhD program.
 +
Chris hopes to improve people’s lives on the micro level through one-on-one patient interactions while conducting research to create permanent, macro-scale change.
 +
Chris maintains group motivation in the lab and carries a contagious optimism toward problem solving.
 +
When the team hits a bump in the road, Chris is ready and excited to find creative solutions.
 +
Chris’s desire for success only begins with his work in biological science. 
 +
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.
 +
Behind this determined scientist is a heart of gold with genuine care for improving the quality of human life.
 +
If you’re lucky, he might be your doctor some day.
 +
</span></p>
 +
</div>
 +
</div>
 +
</div>
 +
<!------------------------------------------Raquel---------------------------------------------------------->
 +
<div class="popup" id="raquelbio">
 +
<span class="close">&times;</span>
 +
<div class="popupcontentcontainer">
 +
<div class="popupcontent">
 +
<p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/a/a8/Raquel.jpg"/><span class="p">
 +
<span style="font-size:20px"><b>Raquel Moya</span><br><br>Myers-Briggs Type Indicator: INTJ <br>Major: Biomedical Engineering <br>Year: 3rd</b><br><br>
 +
Did you just lose five games of Bananagrams in a row?
 +
Then you probably played against Raquel Moya.
 +
Raquel is a determined mastermind who never backs down from an intellectual challenge.
 +
Raquel was born deep in the New Mexico wilderness, surrounded by mountains and trees, and parents with a passion for all things science.
 +
This combination inevitably instilled a strong capacity for big-picture thinking.
 +
Raquel sees the world as a “factual and fantastic puzzle” ready to be pieced together.
 +
Where others might feel overwhelmed, Raquel is excited by the grandiose mysteries of our planet.
 +
The contemporary Meriwether Lewis of our iGEM team, Raquel can be found climbing treacherous rock faces and surmounting epic hikes.
 +
She also enjoys exploring the literary world by delving deep into her favorite Steinbeck novels.
 +
Be careful, if you challenge Raquel at one of her favorite board games, grapes’ will not be the only wrath you experience.
 +
Raquel’s grand-scale thinking, coupled with strong ambition, promises important and lasting changes for the future of humanity.
 +
She has long term plans of improving our health system; through her relentless optimistic outlook, these plans will surely come to fruition. 
 +
</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/2016/8/8b/Bio-pic-anders.jpeg"/><span class="p">
 +
<span style="font-size:20px"><b>Anders Nelson</span><br><br>Myers-Briggs Type Indicator: ENTP <br>Major: Biology <br>Year: 4th</b><br><br>
 +
WRITE YOUR BIO ANDERS, I NEED SOMETHING TO PUT IN HERE.
 +
</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/2016/f/fe/Bio-pic-austin.jpeg"/><span class="p">
 +
<span style="font-size:20px"><b>Austin Rivera</span><br><br>Myers-Briggs Type Indicator:
 +
<i>"I believe labeling yourself can hold you back from being you, just be happy, don't rely on a label to justify how you act or when you feel comfortable in the future, people change, let it happen.”</i>
 +
<br><br>Major: Nanomedicine <br>Year: 3rd</b><br><br>
 +
Austin is a natural builder.
 +
While others might watch TV or follow a favorite sports team, Austin can sit in room with Lego’s and be thoroughly entertained for a week.
 +
“In kindergarten, we went around the room and said what we wanted to be when we grew up, and I honestly said I wanted to be an engineer.
 +
Everyone thought I meant to be a train conductor, but I knew what I was saying I just didn't know how to explain it.”
 +
Austin consistently has a busy schedule.
 +
He enjoys working on things he is passionate about including engineering lab work and his freelance professional graphic designs.
 +
To maintain balance with his heavy workload, Austin rigorously practices yoga, greeting the sunrise every morning.
 +
His long-term goals include acquiring a PHD in nanomedicine;
 +
Austin wants to make groundbreaking discoveries and teach others how to follow his work and build upon it.
 +
Austin’s long-term goals have always centered around using his type of thinking to help people in the best way possible;
 +
he found a career in science to be the most suitable path.
 +
Driven by genuine, compassionate, humanitarian values, Austin will be content wherever life takes him
 +
– all he wants is an opportunity to design a better world through invention and care for every human as if they were a member of his personal family.
 +
</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/2016/8/8a/Sarah.jpg"/><span class="p">
 +
<span style="font-size:20px"><b>Sarah Shan</span><br><br>Myers-Briggs Type Indicator: ISTJ <br>Major: Neuroscience <br>Year: 3rd</b><br><br>
 +
Sarah has been interested in medicine from the earliest days she can remember.
 +
Sarah grew up with a close relative who had a serious medical condition.
 +
This event left her countless questions about disease and the human body.
 +
Sarah embarked on a lifelong quest to understand and improve upon the human system through the practice of medicine.
 +
Sarah is propelled by her medical ambitions, but has many interests outside of academics.
 +
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. 
 +
Her favorite animal is the Quokka (google them – we promise it will be worth your time).
 +
With a strong background in cheerleading, Sarah excels at keeping the team motivated and enthusiastic through even the most grueling hours in the lab.
 +
Whether through medicine, motivation, or a delicious pastry experience, Sarah finds no greater joy than improving the lives of others.
 +
</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/2016/9/9f/Bio-pic-madeleine.jpeg"/><span class="p">
 +
<span style="font-size:20px"><b>Madeleine Stone</span><br><br>Myers-Briggs Type Indicator: INTJ <br>Major: Biochemistry <br>Year: 4th</b><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.
 +
In high school, she was inspired by an article about women leading the life sciences movement.
 +
Madeleine plans to pursue his passions for life science and become an example of strong female leadership in commercial biotechnology.
 +
If you need a new Spotify playlist, look no further.
 +
Madeleine is an expert in all things music.
 +
From elegant French restaurants to Swedish night clubs, she can curate sonic ambiance for any occasion.
 +
When she’s not studying H2O crystals in the lab, you can bet she’s studying them on the slopes.
 +
Madeleine is an veteraned skier and an active member of VASST, UVa’s competitive ski and snowboard team.
 +
Before establishing plans for a career in science, Madeleine considered the life of a cosmetologist.
 +
She enjoys dying and styling hair as a form of artistic expression – don’t be surprised if this fashion-forward chemist comes to lab rocking a colorful new do.
 +
With a strong attitude of independence and competence in her work, Madeleine will undoubtedly make great strides for women in all fields of biological science.
 +
</span></p>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<!--------------------------------------------------Javascript-------------------------------------------------------------------->
 +
<script>
 +
 
 +
////////////////////////////Opens up team bios/////////////////////////////////////
 +
document.getElementById("markimage").onclick = function() {
 +
document.getElementById('markbio').style.visibility = "visible";
 +
document.getElementById('markbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
#pblogo:hover img, #pgmap:hover img{
+
document.getElementById("kelliimage").onclick = function() {
  background-color:#8062bc;
+
document.getElementById('kellibio').style.visibility = "visible";
 +
document.getElementById('kellibio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
#twnoticon:hover img {
+
document.getElementById("nivedhaimage").onclick = function() {
  background-color:rgb(93,215,255);  
+
document.getElementById('nivedhabio').style.visibility = "visible";
 +
document.getElementById('nivedhabio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
#fbnoticon:hover img {
+
document.getElementById("danimage").onclick = function() {
  background-color:rgb(62,82,158);  
+
document.getElementById('danbio').style.visibility = "visible";
 +
document.getElementById('danbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
#igemlogo:hover img {
+
document.getElementById("chrisimage").onclick = function() {
  background-color:rgb(0,153,102);
+
document.getElementById('chrisbio').style.visibility = "visible";
 +
document.getElementById('chrisbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
#twitapp, #fbapp {
+
document.getElementById("raquelimage").onclick = function() {
  display:none;
+
document.getElementById('raquelbio').style.visibility = "visible";
  width:250px;
+
document.getElementById('raquelbio').style.opacity = "1";
  height:auto;
+
document.getElementById('popupbackground').style.visibility = "visible";
  top:44px;
+
document.getElementById('popupbackground').style.opacity = "1";
  background: rgb(255,255,255);
+
  z-index:100;
+
 
}
 
}
#fbapp{
+
document.getElementById("andersimage").onclick = function() {
    margin-left:-149px;
+
document.getElementById('andersbio').style.visibility = "visible";
 +
document.getElementById('andersbio').style.opacity = "1";
 +
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
#twitapp{
+
document.getElementById("austinimage").onclick = function() {
  margin-left:-111px;
+
document.getElementById('austinbio').style.visibility = "visible";
  /*border-radius:3px;
+
document.getElementById('austinbio').style.opacity = "1";
  border: 1px solid rgb(30,39,43);*/
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
ul#nav {
+
document.getElementById("sarahimage").onclick = function() {
    display:block;
+
document.getElementById('sarahbio').style.visibility = "visible";
    float:left;
+
document.getElementById('sarahbio').style.opacity = "1";
    padding:0;
+
document.getElementById('popupbackground').style.visibility = "visible";
    margin:0;
+
document.getElementById('popupbackground').style.opacity = "1";
    list-style: none;
+
    height:40px;
+
    width:890px;
+
    background:none;
+
    z-index:100;
+
    /*font-family: 'PT Sans Narrow', sans-serif;*/
+
    font-family: 'Archivo Narrow', sans-serif;
+
 
}
 
}
ul#nav a {
+
document.getElementById("madeleineimage").onclick = function() {
  display:block;
+
document.getElementById('madeleinebio').style.visibility = "visible";
  top:0;
+
document.getElementById('madeleinebio').style.opacity = "1";
  bottom:0;
+
document.getElementById('popupbackground').style.visibility = "visible";
 +
document.getElementById('popupbackground').style.opacity = "1";
 
}
 
}
ul#nav ul {
+
 
    margin:0;
+
////////////////////////////////////Closes team bios//////////////////////////////////////////////
    padding:0;
+
document.getElementsByClassName("close")[0].onclick = function() {
    list-style:none;
+
document.getElementById('markbio').style.visibility = "hidden";
    background:transparent;
+
document.getElementById('markbio').style.opacity = "0";
    z-index:100;
+
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
ul#nav li {
+
 
    float:left;  
+
document.getElementsByClassName("close")[1].onclick = function() {
    padding:0;
+
document.getElementById('kellibio').style.visibility = "hidden";
    margin:0;
+
document.getElementById('kellibio').style.opacity = "0";
    width:auto;
+
document.getElementById('popupbackground').style.visibility = "hidden";
margin-left:35px;
+
document.getElementById('popupbackground').style.opacity = "0";
margin-right:35px;
+
    margin-top:9px;
+
    line-height:27px;
+
    height:27px;
+
    font-size:15px;
+
    font-weight:600;
+
    background:transparent;
+
    font-weight:normal;
+
    z-index:100;
+
 
}
 
}
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
+
 
    color: #8062bc;
+
document.getElementsByClassName("close")[2].onclick = function() {
    /*font-weight:bold;*/
+
document.getElementById('nivedhabio').style.visibility = "hidden";
    border-bottom:4px solid rgb(255,255,255);
+
document.getElementById('nivedhabio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
ul#nav a{
+
 
    padding:0px;
+
document.getElementsByClassName("close")[3].onclick = function() {
    margin:0px;
+
document.getElementById('danbio').style.visibility = "hidden";
    width:100%;
+
document.getElementById('danbio').style.opacity = "0";
    height:100%;
+
document.getElementById('popupbackground').style.visibility = "hidden";
    text-decoration:none;
+
document.getElementById('popupbackground').style.opacity = "0";
    background:transparent;
+
    color:white;  
+
 
}
 
}
ul#nav a:hover{
+
 
    color: #8062bc;
+
document.getElementsByClassName("close")[4].onclick = function() {
 +
document.getElementById('chrisbio').style.visibility = "hidden";
 +
document.getElementById('chrisbio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
#nav li ul {
+
 
    display:block;
+
document.getElementsByClassName("close")[5].onclick = function() {
    margin:0;
+
document.getElementById('raquelbio').style.visibility = "hidden";
    margin-left:auto;
+
document.getElementById('raquelbio').style.opacity = "0";
    margin-right:auto;
+
document.getElementById('popupbackground').style.visibility = "hidden";
    padding:0;
+
document.getElementById('popupbackground').style.opacity = "0";
    list-style: none;
+
    width:1100px;
+
    height:40px;
+
    background:transparent;
+
    color:#8062bc;
+
    z-index:100;  
+
 
}
 
}
#nav li ul li {
+
 
    margin:0px;
+
document.getElementsByClassName("close")[6].onclick = function() {
    padding:0;
+
document.getElementById('andersbio').style.visibility = "hidden";
    float:left;
+
document.getElementById('andersbio').style.opacity = "0";
    background:none;
+
document.getElementById('popupbackground').style.visibility = "hidden";
    height:100%;
+
document.getElementById('popupbackground').style.opacity = "0";
    line-height:40px;
+
    height:40px;
+
    width:auto;
+
margin-left:35px;
+
margin-right:35px;
+
    color:#8062bc;
+
    z-index:100;
+
 
}
 
}
#nav li:hover .navmenubkg2 {
+
 
    display:block;
+
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";
 
}
 
}
#nav li .navmenubkg2:hover {
+
 
    display:block;
+
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";
 
}
 
}
ul#nav li:hover li a, ul#nav li.over li a  {
+
 
    color: rgb(46,43,52);
+
document.getElementsByClassName("close")[9].onclick = function() {
    font-weight:normal;
+
document.getElementById('madeleinebio').style.visibility = "hidden";
    border:none;
+
document.getElementById('madeleinebio').style.opacity = "0";
 +
document.getElementById('popupbackground').style.visibility = "hidden";
 +
document.getElementById('popupbackground').style.opacity = "0";
 
}
 
}
ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a {
+
 
    color:#8062bc;
+
 
    /*font-weight:bold;*/
+
////////////////////////////////////////////////////Close window on background click///////////////////////////////////////////
    border:none;
+
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.opacity = "0";
 +
document.getElementById('kellibio').style.visibility = "hidden";
 +
document.getElementById('kellibio').style.opacity = "0";
 +
document.getElementById('nivedhabio').style.visibility = "hidden";
 +
document.getElementById('nivedhabio').style.opacity = "0";
 +
document.getElementById('danbio').style.visibility = "hidden";
 +
document.getElementById('danbio').style.opacity = "0";
 +
document.getElementById('chrisbio').style.visibility = "hidden";
 +
document.getElementById('chrisbio').style.opacity = "0";
 +
document.getElementById('raquelbio').style.visibility = "hidden";
 +
document.getElementById('raquelbio').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";
 +
 
 
}
 
}
</style>
 
  
</head>
+
 
<body>
+
 
<div style="clear: both;"></div>
+
 
<div class="navmenubkg">
+
 
  <div id="navmenubox">
+
 
    <div id="pblogo" class="sidelogos">
+
 
      <a href="https://2016.igem.org/Team:Virginia" title="Home Page">
+
</script>
<img src="https://static.igem.org/mediawiki/2013/1/17/PB_LogoHome.gif" height="30px"/>                     
+
 
      </a>
+
</body>
    </div>
+
    <ul id="nav">
+
      <li> <a href="https://2016.igem.org/Team:Virginia/Description" title="Project Overview">PROJECT</a>
+
        <div class="navmenubkg2">    
+
          <ul>
+
            <li  style="margin-left:14.5px"> <a href="https://2016.igem.org/Team:Virginia/Description" title="Project Overview">OVERVIEW</a></li>
+
    <li> <a href="https://2016.igem.org/Team:Virginia/Design" title="Design">DESIGN</a> </li>
+
            <li> <a href="https://2016.igem.org/Team:Virginia/Experiments" title="Experiments">EXPERIMENTS</a> </li>
+
            <li> <a href="https://2016.igem.org/Team:Virginia/Proof" title="Proof of Concept">PROOF OF CONCEPT</a> </li>
+
    <li> <a href="https://2016.igem.org/Team:Virginia/Demonstrate" title="Demonstrate">DEMONSTRATE</a> </li>
+
    <li> <a href="https://2016.igem.org/Team:Virginia/Results" title="Results">RESULTS</a> </li>
+
  </ul>
+
        </div>
+
      </li>
+
      <li> <a href="https://2016.igem.org/Team:Virginia/Team" title="Team">TEAM</a>
+
        <div class="navmenubkg2">
+
          <ul>
+
            <li style="margin-left:141px;"> <a href="https://2016.igem.org/Team:Virginia/Team" title="Team">TEAM MEMBERS</a>
+
            <li > <a href="https://2016.igem.org/Team:Virginia/Collaborations" title="Collaborations">COLLABORATIONS</a></li>
+
  </ul>
+
        </div>
+
      </li>
+
      <li> <a href="https://2016.igem.org/Team:Virginia/Parts" title="Parts">PARTS</a>
+
        <div class="navmenubkg2">
+
          <ul>
+
            <li style="margin-left:141px;"> <a href="https://2016.igem.org/Team:Virginia/Parts" title="Parts Overview">PARTS OVERVIEW</a> </li>
+
            <li> <a href="https://2016.igem.org/Team:Virginia/Basic_Part" title="Basic Parts">BASIC PARTS</a></li>
+
            <li style="width:168px;"> <a href="https://2016.igem.org/Team:Virginia/Composite_Part" title="Composite Parts">COMPOSITE PARTS</a></li>
+
            <li> <a href="https://2016.igem.org/Team:Virginia/Part_Collection" title="Parts Collection">PARTS COLLECTION</a></li>
+
  </ul>
+
        </div>
+
      </li>     
+
      <li> <a href="https://2016.igem.org/Team:Virginia/Safety" title="Safety">SAFETY</a>
+
        <div class="navmenubkg2">
+
         
+
        </div>
+
      </li>
+
      <li> <a href="https://2016.igem.org/Team:Virginia/Human_Practices" title="Human Practices">PRACTICES</a>
+
        <div class="navmenubkg2">
+
          <ul>
+
            <li style="margin-left:350px"> <a href="https://2016.igem.org/Team:Virginia/HP/Silver" title="Silver">SILVER</a></li>
+
            <li> <a href="https://2016.igem.org/Team:Virginia/HP/Gold" title="Gold">GOLD</a></li>
+
            <li> <a href="https://2016.igem.org/Team:Virginia/Integrated_Practices" title="Integrated Practices">INTEGRATED PRACTICES</a></li>
+
            <li> <a href="https://2016.igem.org/Team:Virginia/Engagement" title="Engagement">ENGAGEMENT</a></li>
+
  </ul>
+
        </div>
+
      </li>
+
      <li> <a href="https://2016.igem.org/Team:Virginia/Entrepreneurship" title="Awards">AWARDS</a>
+
        <div class="navmenubkg2">
+
  <ul>
+
            <li style="margin-left:300px"> <a href="https://2016.igem.org/Team:Virginia/Entrepreneurship" title="Entrepreneurship">ENTREPRENEURSHIP</a> </li>
+
    <li> <a href="https://2016.igem.org/Team:Virginia/Hardware" title="Hardware">HARDWARE</a> </li>
+
    <li> <a href="https://2016.igem.org/Team:Virginia/Software" title="Software">SOFTWARE</a> </li>
+
    <li> <a href="https://2016.igem.org/Team:Virginia/Measurement" title="Measurement">MEASUREMENT</a> </li>
+
    <li> <a href="https://2016.igem.org/Team:Virginia/Model" title="Model">MODEL</a> </li>
+
  </ul>
+
        </div>
+
      </li>
+
      <li> <a href="https://2016.igem.org/Team:Virginia/Attributions" title="Attributions">ATTRIBUTIONS</a>
+
        <div class="navmenubkg2">
+
  <ul>
+
            <li style="margin-left:810px;"> <a href="https://2016.igem.org/Team:Virginia/Attributions" title="Attributions">ATTRIBUTIONS</a></li>    
+
  </ul>
+
        </div>
+
      </li>
+
    </ul>
+
    <div id="twnoticon" class="sidelogos">
+
      <a href="https://twitter.com/virginia_igem" target="_blank">
+
<img src="https://static.igem.org/mediawiki/2013/3/3f/PB_LogoTweeter.gif" height="30px"/>
+
<div id="twitapp">
+
  <a class="twitter-timeline"
+
            width="250" height="400"
+
            data-dnt="true"
+
            href="https://twitter.com/virginia_igem">
+
            @Virginia_iGEM</a>
+
</div>
+
      </a>
+
    </div>
+
    <div id="fbnoticon" class="sidelogos">
+
      <a href="https://www.facebook.com/uvaigem" target="_blank">
+
<img src="https://static.igem.org/mediawiki/2013/4/4e/PB_LogoFacebook.gif" height="30px"/>                     
+
<div id="fbapp">
+
          <div class="fb-like-box" data-href="https://www.facebook.com/uvaigem" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
+
</div>
+
      </a>
+
    </div>
+
    <div id="igemlogo" class="sidelogos">
+
    <a href="https://2016.igem.org/Main_Page" title="iGEM 2016" target="_blank">
+
      <img src="https://static.igem.org/mediawiki/2013/d/d0/PB_LogoiGEM.gif" height="30px">
+
    </a>
+
    </div>
+
  </div>
+
</div>
+
<div style="clear: both;"></div>
+
-->
+
 
</html>
 
</html>

Revision as of 20:06, 1 August 2016

MEET THE TEAM