Difference between revisions of "Team:UMaryland/about"

Line 428: Line 428:
 
     margin-right: auto;
 
     margin-right: auto;
 
     text-align: center;
 
     text-align: center;
}
 
 
.clickImage {
 
width: 200px;
 
height: 128px;
 
margin-right:0px;
 
margin-left: auto;
 
border: 4px solid #FEFFFA;
 
}
 
 
#table-advisors, #table-students {
 
margin-top: 50px;
 
width: 420px;
 
margin-left: auto;
 
margin-right: 0px;
 
}
 
 
.clickImageSmall {
 
display: none;
 
width: 80px;
 
height: 50px;
 
}
 
 
.clickImageSmallS {
 
display: none;
 
width: 80px;
 
height: 50px;
 
}
 
 
.clickImageSmall, .clickImageS, .clickImageSmallS:hover {
 
cursor: pointer;
 
 
}
 
}
  
Line 467: Line 436:
 
}
 
}
  
 
.clickImageS  {
 
width: 150px;
 
}
 
  
 
.navigator {
 
.navigator {
Line 644: Line 609:
 
<h1 id="h1-header">Our Team</h1>
 
<h1 id="h1-header">Our Team</h1>
 
<h2 id="h2-header">Training the next generation of synthetic biologists</h2>
 
<h2 id="h2-header">Training the next generation of synthetic biologists</h2>
<h3 id="h3-header">Solving major global and local issues under the advising of faculty and graduate advisors.</h3>
+
<h3 id="h3-header">Solving major global and local issues under the adivising of faculty and graduate advisors.</h3>
 
</div>
 
</div>
 
</div>
 
</div>
Line 659: Line 624:
 
</thead>
 
</thead>
 
</table>
 
</table>
 +
<style>
 +
#div-studentDetail {
 +
 +
}
 +
 +
#div-studentDetailNav {
 +
 +
}
 +
</style>
 
<div id="div-content">
 
<div id="div-content">
 
<div id="div-students" class="profiles">
 
<div id="div-students" class="profiles">
<style>
+
<div id="div-studentDetail">
.table-container {
+
width: 460px;
+
height: 450px;
+
margin-left: auto;
+
margin-right: 0px;
+
}
+
+
#table-navigatorS, #table-navigator {
+
margin-right: 0px;
+
margin-left: auto;
+
}
+
+
#table-students img, #table-advisors img {
+
margin-left: auto;
+
margin-right: 0px;
+
}
+
</style>
+
<div id="student-container" class="table-container">
+
<table id="table-students">
+
<tbody>
+
<tr>
+
<td><img src="https://static.igem.org/mediawiki/2016/1/1b/T--UMaryland--chaoyang.jpg" class="clickImageS" id="wang" data-select="chaoyang"></td>
+
<td><img src="https://static.igem.org/mediawiki/2016/7/74/T--UMaryland--chunmun.jpg" class="clickImageS" id="loke" data-select="chunmun"></td>
+
<td><img src="https://static.igem.org/mediawiki/2016/4/47/T--UMaryland--nancy.jpg" class="clickImageS" id="zhang" data-select="nancy"></td>
+
</tr>
+
<tr>
+
<td><img src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--maria.jpg" class="clickImageS" id="novitskaya" data-select="maria"></td>
+
+
<td><img src="https://static.igem.org/mediawiki/2016/e/e2/T--UMaryland--seth.jpg" class="clickImageS" id="cohen" data-select="seth"></td>
+
<td><img src="https://static.igem.org/mediawiki/2016/8/8f/T--UMaryland--sangho.jpg" class="clickImageS" id="jee" data-select="sangho"></td>
+
</tr>
+
<tr>
+
<td><img src="https://static.igem.org/mediawiki/2016/0/0d/T--UMaryland--ben.png" class="clickImageS" id="walton" data-select="ben"></td>
+
<td><img src="https://static.igem.org/mediawiki/2016/3/3d/T--UMaryland--jacob.png" class="clickImageS" id="premo" data-select="jacob"></td>
+
<td><img src="https://static.igem.org/mediawiki/2016/8/8b/T--UMaryland--subhashini.jpg" class="clickImageS" id="arumugam" data-select="subhashini"></td>
+
</tr>
+
<tr>
+
<td><img src="https://static.igem.org/mediawiki/2016/e/e6/T--UMaryland--paula.jpeg" class="clickImageS" id="kleyman" data-select="paula"></td>
+
</tr>
+
</tbody>
+
</table>
+
<table id="table-navigatorS">
+
<tbody>
+
<tr>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/1/1b/T--UMaryland--chaoyang.jpg" class="clickImageSmallS" id="chaoyangSmall" data-select="chaoyang" data-id="wang" ></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/7/74/T--UMaryland--chunmun.jpg" class="clickImageSmallS" id="chunmunSmall" data-select="chunmun" data-id="loke" ></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/4/47/T--UMaryland--nancy.jpg" class="clickImageSmallS" id="nancySmall" data-select="nancy" data-id="zhang" ></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--maria.jpg" class="clickImageSmallS" id="mariaSmall" data-select="maria" data-id="novitskaya" ></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/e/e2/T--UMaryland--seth.jpg" class="clickImageSmallS" id="sethSmall" data-select="seth" data-id="cohen" ></td>
+
</tr>
+
<tr>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/8/8f/T--UMaryland--sangho.jpg" class="clickImageSmallS" id="sanghoSmall" data-select="sangho" data-id="jee" ></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/0/0d/T--UMaryland--ben.png" class="clickImageSmallS" id="benSmall" data-select="ben" data-id="walton" ></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/3/3d/T--UMaryland--jacob.png" class="clickImageSmallS" id="jacobSmall" data-select="jacob" data-id="premo" ></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/8/8b/T--UMaryland--subhashini.jpg" class="clickImageSmallS" id="subhashiniSmall" data-select="subhashini" data-id="arumugam" ></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/e/e6/T--UMaryland--paula.jpeg" class="clickImageSmallS" id="paulaSmall" data-select="paula" data-id="kleyman" ></td>
+
</tr>
+
</tbody>
+
</table>
+
</div>
+
<div class="descriptions">
+
 
<div id="div-subhashini" class="description">
 
<div id="div-subhashini" class="description">
 
<h2>Subhashini Arumugam</h2>
 
<h2>Subhashini Arumugam</h2>
 
<p>Subhashini Arumugam is a freshman bioengineering major that aspires to go to medical school someday. Besides science, she is very interested in learning languages, writing, and political activism. She is also very passionate about dance, yoga, making breakfast, and taking naps. She hopes to gain research experience and exposure to the many facets of synthetic biology through iGEM, and looks forward to contributing to the team's outreach projects.</p>
 
<p>Subhashini Arumugam is a freshman bioengineering major that aspires to go to medical school someday. Besides science, she is very interested in learning languages, writing, and political activism. She is also very passionate about dance, yoga, making breakfast, and taking naps. She hopes to gain research experience and exposure to the many facets of synthetic biology through iGEM, and looks forward to contributing to the team's outreach projects.</p>
 +
 +
<img src="https://static.igem.org/mediawiki/2016/8/8b/T--UMaryland--subhashini.jpg">
 
</div>
 
</div>
 
<div id="div-jacob" class="description">
 
<div id="div-jacob" class="description">
 
<h2>Jacob Premo</h2>
 
<h2>Jacob Premo</h2>
 
<p>Jacob Premo is a freshman currently majoring in biochemistry and microbiology. He joined the UMaryland iGEM team in hopes of working with his peers on meaningful and unique research topics. After his undergraduate career, Jacob plans to pursue a PhD which he would like to put to use developing new medicines. Outside of his academic and research life Jacob enjoys reading books and watching sports.</p>
 
<p>Jacob Premo is a freshman currently majoring in biochemistry and microbiology. He joined the UMaryland iGEM team in hopes of working with his peers on meaningful and unique research topics. After his undergraduate career, Jacob plans to pursue a PhD which he would like to put to use developing new medicines. Outside of his academic and research life Jacob enjoys reading books and watching sports.</p>
 +
 +
<img src="https://static.igem.org/mediawiki/2016/3/3d/T--UMaryland--jacob.png" >
 
</div>
 
</div>
 
<div id="div-ben" class="description">
 
<div id="div-ben" class="description">
 
<h2>Ben Walton</h2>
 
<h2>Ben Walton</h2>
 
<p>Ben is a rising sophomore pursuing a double-degree in Mechanical Engineering and Computer Science. At this point in college, he still does not know his career path, but hopes that the experience of iGEM will help to give him some ideas. Outside of school, Ben can be found playing cards or board games with friends, reading, or slack-lining. Very recently, he has developed an interest in snorkeling and scuba diving.</p>
 
<p>Ben is a rising sophomore pursuing a double-degree in Mechanical Engineering and Computer Science. At this point in college, he still does not know his career path, but hopes that the experience of iGEM will help to give him some ideas. Outside of school, Ben can be found playing cards or board games with friends, reading, or slack-lining. Very recently, he has developed an interest in snorkeling and scuba diving.</p>
 +
 +
<img src="https://static.igem.org/mediawiki/2016/0/0d/T--UMaryland--ben.png" >
 
</div>
 
</div>
 
<div id="div-sangho" class="description">
 
<div id="div-sangho" class="description">
 
<h2>SangHo Jee</h2>
 
<h2>SangHo Jee</h2>
<p>SangHo is a freshman biochemistry and neurobiology & physiology double major in the Integrated Life Sciences program, who primarily joined iGEM to work on their wiki and website design, while gaining exposure to how the wet labs work. He hopes to one day attend medical school in the future but is interested in research as well. Outside of iGEM he enjoys web programming, reading the news, and playing video games.</p>
+
<p>SangHo is a freshman biochemistry and neurobiology & physiology double major in the Integrated Life Sciences program, who primarily joined iGEM to work on their wiki and website design, while gaining exposure to how the wet labs work. He hopes to one day attend medical school in the future but is interested in research as well. Outside of iGEM he enjoys web programming, reading the news, and playing video games.</p>
 +
<img src="https://static.igem.org/mediawiki/2016/8/8f/T--UMaryland--sangho.jpg" >  
 
</div>
 
</div>
 
<div id="div-seth" class="description">
 
<div id="div-seth" class="description">
 
<h2>Seth Cohen</h2>
 
<h2>Seth Cohen</h2>
 
<p>Seth is a freshman biochemistry major at the University of Maryland. Outside of science his favorite things to do are play basketball and write fiction. His favorite food is probably falafel on pita bread with tomatoes, cucumbers, feta, lettuce, tahini, and hummus. His favorite animal is definitely the elephant. Another kind of interesting fact about him is that he is vegetarian. That's pretty much all you need to know about Seth!<p>
 
<p>Seth is a freshman biochemistry major at the University of Maryland. Outside of science his favorite things to do are play basketball and write fiction. His favorite food is probably falafel on pita bread with tomatoes, cucumbers, feta, lettuce, tahini, and hummus. His favorite animal is definitely the elephant. Another kind of interesting fact about him is that he is vegetarian. That's pretty much all you need to know about Seth!<p>
 +
<img src="https://static.igem.org/mediawiki/2016/e/e2/T--UMaryland--seth.jpg" >
 
</div>
 
</div>
 
<div id="div-maria" class="description">
 
<div id="div-maria" class="description">
 
<h2>Maria Novitskaya</h2>
 
<h2>Maria Novitskaya</h2>
 
<p>Maria is a rising sophomore Neurobiology and Physiology major. She is passionate about science, friendship, and getting enough sleep. Her likes include the color green, movies and documentaries, and making great guacamole. Her dislikes include getting stuck in traffic, spinach, and writing bios.<p>
 
<p>Maria is a rising sophomore Neurobiology and Physiology major. She is passionate about science, friendship, and getting enough sleep. Her likes include the color green, movies and documentaries, and making great guacamole. Her dislikes include getting stuck in traffic, spinach, and writing bios.<p>
 +
 +
<img src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--maria.jpg" >
 
</div>
 
</div>
 
<div id="div-nancy" class="description">
 
<div id="div-nancy" class="description">
 
<h2>Nancy Zhang</h2>
 
<h2>Nancy Zhang</h2>
 
<p>Presenting Nancy Zhang! Nancy is a freshman majoring in Neurology & Physiology and is also a part of the ILS program in the Honors College. Aside from her strong focus in science, Nancy has a great passion for art and devotes her spare time to arts, crafts and sculpture, therefore she brings an artistic touch in addition to years of research experience. She hopes to be able to unite different disciplines like engineering, graphic design, and wet lab work in research to help the team create a strong project this year!<p>
 
<p>Presenting Nancy Zhang! Nancy is a freshman majoring in Neurology & Physiology and is also a part of the ILS program in the Honors College. Aside from her strong focus in science, Nancy has a great passion for art and devotes her spare time to arts, crafts and sculpture, therefore she brings an artistic touch in addition to years of research experience. She hopes to be able to unite different disciplines like engineering, graphic design, and wet lab work in research to help the team create a strong project this year!<p>
 +
 +
<img src="https://static.igem.org/mediawiki/2016/4/47/T--UMaryland--nancy.jpg" >
 
</div>
 
</div>
 
<div id="div-chaoyang" class="description">
 
<div id="div-chaoyang" class="description">
Line 755: Line 680:
 
<p>Chaoyang is a freshman studying Neurobiology and Physiology with a minor in Music Performance in the Integrated Life Sciences Program. Aspiring to become a surgeon one day, Chaoyang is an Executive Board Member of the American Medical Student Association. He has researched 2 summers at an Adult Stem Cell lab at the NIH and hopes to contribute his lab experience to the iGEM team.</p>
 
<p>Chaoyang is a freshman studying Neurobiology and Physiology with a minor in Music Performance in the Integrated Life Sciences Program. Aspiring to become a surgeon one day, Chaoyang is an Executive Board Member of the American Medical Student Association. He has researched 2 summers at an Adult Stem Cell lab at the NIH and hopes to contribute his lab experience to the iGEM team.</p>
 
<p>Chaoyang has also recently partaken in an Alternative Spring Break to New York City to join the movement to end the stigma against HIV and AIDS. Outside of academics, he enjoys playing piano and has played in various renowned locales, including Carnegie Hall and the Millennium Stage at the Kennedy Center. Among his many wins are first prize at the 29th annual International Young Artist Piano Competition. Chaoyang also enjoys taking artsy pictures and loves hanging out with friends. <p>
 
<p>Chaoyang has also recently partaken in an Alternative Spring Break to New York City to join the movement to end the stigma against HIV and AIDS. Outside of academics, he enjoys playing piano and has played in various renowned locales, including Carnegie Hall and the Millennium Stage at the Kennedy Center. Among his many wins are first prize at the 29th annual International Young Artist Piano Competition. Chaoyang also enjoys taking artsy pictures and loves hanging out with friends. <p>
 +
<img src="https://static.igem.org/mediawiki/2016/1/1b/T--UMaryland--chaoyang.jpg">
 
</div>
 
</div>
 
<div id="div-chunmun" class="description">
 
<div id="div-chunmun" class="description">
Line 764: Line 690:
 
At age 7, he moved to Australia. Nothing interesting happened there, so we'll skip over that part. At age 9, he moved to America. Loke dedicated a majority of his free time (over 15 minutes a day) to honing his piano skills. He won the International Tchaikovsky Competition for his performance of Liszt's Hungarian Rhapsody No. 20. Two years later, he performed the famous P.D.Q. Bach Concerto for Two Pianos vs Orchestra with Lang Lang and the Berlin Philharmonic.
 
At age 7, he moved to Australia. Nothing interesting happened there, so we'll skip over that part. At age 9, he moved to America. Loke dedicated a majority of his free time (over 15 minutes a day) to honing his piano skills. He won the International Tchaikovsky Competition for his performance of Liszt's Hungarian Rhapsody No. 20. Two years later, he performed the famous P.D.Q. Bach Concerto for Two Pianos vs Orchestra with Lang Lang and the Berlin Philharmonic.
  
Loke has won the Nobel Prize in physics twice, once for experimental procedures disproving the breakdown of classical mechanics at the quantum level and reaffirming Einstein's determininstic description of the Universe, and another time for his discovery of the existance of Bose-Einstein condensate particles exhibiting monopole like qualities. That same year, he also received the Nobel Prize in medicine for his methods of indefinite telomere expansion supplemented by p53 upregulation, achieving long term totiopotency.
+
Loke has won the Nobel Prize in physics twice, once for experimental procedures disproving the breakdown of classical mechanics at the quantum level and reaffirming Einstein's determininstic description of the Universe, and another time for his discovery of the existance of Bose-Einstein condensate particles exhibiting monopole like qualities. That same year, he also received the Nobel Prize in medicine for his methods of indefinite telomere expansion supplemented by p53 upregulation, achieving long term totipotency.
  
 
Unbeknownst to society, Loke has invented a time machine and has been preserving the stability of the world in our timeline. He seeded the Earth during the Cambrian Explosion, implanted a tall, black monolith in prehistoric Africa, taught Fibonacci mathematics, presented blueprints for the printing press to Gutenberg, prevented the advancement of the Cold War into a full nuclear war, developed kill codes to terminate existing LOICs, and forewarned the TLC of First Contact.
 
Unbeknownst to society, Loke has invented a time machine and has been preserving the stability of the world in our timeline. He seeded the Earth during the Cambrian Explosion, implanted a tall, black monolith in prehistoric Africa, taught Fibonacci mathematics, presented blueprints for the printing press to Gutenberg, prevented the advancement of the Cold War into a full nuclear war, developed kill codes to terminate existing LOICs, and forewarned the TLC of First Contact.
  
 
In order to live a more humble life as Siddhartha Gautama did, Loke sold all his assets and donated all his money to the charities. He now lives in a cardboard box behind the North Campus Diner in the University of Maryland. To supplement his efforts, he teaches introductory chemistry and biology classes. Recently, he has picked up weightlifting. His newest goal is to be able to bench a crate of 420 Kaplan MCAT study guide books.</p>
 
In order to live a more humble life as Siddhartha Gautama did, Loke sold all his assets and donated all his money to the charities. He now lives in a cardboard box behind the North Campus Diner in the University of Maryland. To supplement his efforts, he teaches introductory chemistry and biology classes. Recently, he has picked up weightlifting. His newest goal is to be able to bench a crate of 420 Kaplan MCAT study guide books.</p>
 +
 +
<img src="https://static.igem.org/mediawiki/2016/7/74/T--UMaryland--chunmun.jpg" >
 
</div>
 
</div>
 
<div id="div-paula" class="description">
 
<div id="div-paula" class="description">
 
<h2>Paula Kleyman</h2>
 
<h2>Paula Kleyman</h2>
 
<p>Paula is a rising sophomore studying bioengineering. She hopes to further her studies in graduate school and pursue a career in academia. Her hobbies include long distance running, singing, and playing logic games. On campus she is involved with the Resident Hall Association and is a part of the Integrated Life Sciences living-learning program. She loves dogs, especially corgis, and bunnies, especially Angora rabbits. </p>
 
<p>Paula is a rising sophomore studying bioengineering. She hopes to further her studies in graduate school and pursue a career in academia. Her hobbies include long distance running, singing, and playing logic games. On campus she is involved with the Resident Hall Association and is a part of the Integrated Life Sciences living-learning program. She loves dogs, especially corgis, and bunnies, especially Angora rabbits. </p>
 +
 +
<img src="https://static.igem.org/mediawiki/2016/e/e6/T--UMaryland--paula.jpeg">
 
</div>
 
</div>
 +
 
 
</div>
 
</div>
 +
<div id="div-studentDetailNav">
 +
<img src="https://static.igem.org/mediawiki/2016/1/1b/T--UMaryland--chaoyang.jpg">
 +
<img src="https://static.igem.org/mediawiki/2016/7/74/T--UMaryland--chunmun.jpg" >
 +
<img src="https://static.igem.org/mediawiki/2016/4/47/T--UMaryland--nancy.jpg" >
 +
<img src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--maria.jpg" >
 +
<img src="https://static.igem.org/mediawiki/2016/e/e2/T--UMaryland--seth.jpg" >
 +
<img src="https://static.igem.org/mediawiki/2016/8/8f/T--UMaryland--sangho.jpg" >
 +
<img src="https://static.igem.org/mediawiki/2016/0/0d/T--UMaryland--ben.png" >
 +
<img src="https://static.igem.org/mediawiki/2016/3/3d/T--UMaryland--jacob.png" >
 +
<img src="https://static.igem.org/mediawiki/2016/8/8b/T--UMaryland--subhashini.jpg">
 +
<img src="https://static.igem.org/mediawiki/2016/e/e6/T--UMaryland--paula.jpeg">
 +
</div>
 +
 
</div>
 
</div>
 
<div id="div-advisors" class="profiles">
 
<div id="div-advisors" class="profiles">
<div id="advisors-container" class="table-container">
+
<div id="div-advisorsDetail">
<table id="table-advisors">
+
<tbody>
+
<tr>
+
<td><img src="https://static.igem.org/mediawiki/2016/d/dd/T--UMaryland--Dr.Eisenstein.png" class="clickImage" id="Eisenstein" data-select="Ed"></td>
+
<td><img src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--Dr.Kahn.png" class="clickImage" id="Kahn" data-select="Jason"></td>
+
</tr>
+
<tr>
+
<td><img src="https://static.igem.org/mediawiki/2016/9/91/T--UMaryland--Dr.Quimby.png" class="clickImage" id="Quimby" data-select="Boots"></td>
+
<td><img src="https://static.igem.org/mediawiki/2016/6/6b/T--UMaryland--Naren.jpeg" class="clickImage" id="Bhokisham" data-select="Naren"></td>
+
</tr>
+
</tbody>
+
</table>
+
<table id="table-navigator">
+
<tbody>
+
<tr>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/d/dd/T--UMaryland--Dr.Eisenstein.png" class="clickImageSmall" id="EdSmall" data-select="Ed" data-id="Eisenstein" ></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--Dr.Kahn.png" class="clickImageSmall" id="JasonSmall" data-select="Jason" data-id="Kahn"></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/9/91/T--UMaryland--Dr.Quimby.png" class="clickImageSmall" id="BootsSmall" data-select="Boots" data-id="Quimby"></td>
+
<td class="nospacing"><img src="https://static.igem.org/mediawiki/2016/6/6b/T--UMaryland--Naren.jpeg" class="clickImageSmall" id="NarenSmall" data-select="Naren" data-id="Bhokisham"></td>
+
</tr>
+
</tbody>
+
</table>
+
</div>
+
<div class="descriptions">
+
 
<div id="div-Ed" class="description">
 
<div id="div-Ed" class="description">
 
<h2>Dr. Edward Eisenstein</h2>
 
<h2>Dr. Edward Eisenstein</h2>
Line 809: Line 730:
 
enzymology, his current research interests are focused on protein and biosystem  
 
enzymology, his current research interests are focused on protein and biosystem  
 
engineering for discovery and application in plants and microorganisms.
 
engineering for discovery and application in plants and microorganisms.
 +
<img src="https://static.igem.org/mediawiki/2016/d/dd/T--UMaryland--Dr.Eisenstein.png" >
 
</p>
 
</p>
 
</div>
 
</div>
Line 820: Line 742:
 
synthetic biology. Dr. Kahn was a graduate student at UC Berkeley and a  
 
synthetic biology. Dr. Kahn was a graduate student at UC Berkeley and a  
 
post-doc at Yale before coming to Maryland in 1994.
 
post-doc at Yale before coming to Maryland in 1994.
 +
<img src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--Dr.Kahn.png" >
 
</p>
 
</p>
 
</div>
 
</div>
Line 832: Line 755:
 
to graduate school and received her doctorate in genetics and molecular biology  
 
to graduate school and received her doctorate in genetics and molecular biology  
 
from Emory University.
 
from Emory University.
 +
<img src="https://static.igem.org/mediawiki/2016/9/91/T--UMaryland--Dr.Quimby.png" >
 
</p>
 
</p>
 
</div>
 
</div>
Line 837: Line 761:
 
<h2>Naren Bhokisham</h2>
 
<h2>Naren Bhokisham</h2>
 
<p> Naren is a Graduate Student in Molecular and Cell Biology at the University of Maryland, College Park. He received his undergraduate degree in Industrial Biotechnology from St. Joseph’s College of Engineering, Anna University, India. He works in the intersection of synthetic biology, metabolic engineering and biomaterials, involving assembly of enzyme cascades on various interfaces to generate small molecules and engineering microbes to display novel phenotypes in response to small molecules. Apart from science, his pursuits include traveling, running and latin dancing.
 
<p> Naren is a Graduate Student in Molecular and Cell Biology at the University of Maryland, College Park. He received his undergraduate degree in Industrial Biotechnology from St. Joseph’s College of Engineering, Anna University, India. He works in the intersection of synthetic biology, metabolic engineering and biomaterials, involving assembly of enzyme cascades on various interfaces to generate small molecules and engineering microbes to display novel phenotypes in response to small molecules. Apart from science, his pursuits include traveling, running and latin dancing.
 +
 +
<img src="https://static.igem.org/mediawiki/2016/6/6b/T--UMaryland--Naren.jpeg" >
 
</p>
 
</p>
</div>
+
</div>
 +
</div>
 +
<div id="div-advisorsDetailNav">
 +
<img src="https://static.igem.org/mediawiki/2016/d/dd/T--UMaryland--Dr.Eisenstein.png" >
 +
<img src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--Dr.Kahn.png" >
 +
<img src="https://static.igem.org/mediawiki/2016/9/91/T--UMaryland--Dr.Quimby.png" >
 +
<img src="https://static.igem.org/mediawiki/2016/6/6b/T--UMaryland--Naren.jpeg" >
 
</div>
 
</div>
 
</div>
 
</div>
Line 920: Line 852:
 
     </div>
 
     </div>
 
<script>
 
<script>
$('.center').slick({
+
$('#div-studentDetailNav').slick({
  centerMode: true,
+
  centerMode: true,
  centerPadding: '60px',
+
  centerPadding: '60px',
  slidesToShow: 3,
+
  slidesToShow: 3,
  responsive: [
+
  dots: true,
    {
+
  focusOnSelect: true,
      breakpoint: 768,
+
  asNavFor: '#div-studentDetail'
      settings: {
+
});
        arrows: false,
+
        centerMode: true,
+
$('#div-studentDetail').slick({
        centerPadding: '40px',
+
  slidesToShow: 1,
        slidesToShow: 3
+
  slidesToScroll: 1,
      }
+
  arrows: false,
    },
+
  fade: true,
    {
+
  asNavFor: '#div-studentDetailNav'
      breakpoint: 480,
+
});
      settings: {
+
        arrows: false,
+
        centerMode: true,
+
        centerPadding: '40px',
+
        slidesToShow: 1
+
      }
+
    }
+
  ]
+
});
+
 
 
 
</script>
 
</script>
Line 1,064: Line 987:
 
var current ='';
 
var current ='';
 
var currentT = 'students';  
 
var currentT = 'students';  
var lastStudents = '';
 
var lastAdvisors = '';
 
  
 
// sets initial display to be purpose
 
// sets initial display to be purpose
Line 1,071: Line 992:
 
var selectedT = $(this).attr('data-select'); // grabs the name of the navigational element clicked
 
var selectedT = $(this).attr('data-select'); // grabs the name of the navigational element clicked
 
         if (selectedT != currentT) { // only change display / trigger animation if clicking different nav
 
         if (selectedT != currentT) { // only change display / trigger animation if clicking different nav
changeText(selectedT, lastAdvisors, lastStudents)
+
changeText(selectedT)
 
}
 
}
 
   
 
   
 
})
 
})
 
 
 
 
function changeText(selectedT, lastAdvisors, lastStudents) {
+
function changeText(selectedT) {
 
$('.navigator').css('border-bottom','1px solid #A8A8A8'); // make all navigational element have no bottom border
 
$('.navigator').css('border-bottom','1px solid #A8A8A8'); // make all navigational element have no bottom border
 
$('#th-' + selectedT).css('border-bottom', '4px solid #A8A8A8'); // the clicked navigational element given border
 
$('#th-' + selectedT).css('border-bottom', '4px solid #A8A8A8'); // the clicked navigational element given border
 
$('.profiles').css('display','none');
 
$('.profiles').css('display','none');
 
$('#div-' + selectedT).css('margin-left', '60px') // slighly shifts right all text to set up for animation
 
$('#div-' + selectedT).css('margin-left', '60px') // slighly shifts right all text to set up for animation
if (selectedT == 'students') {
 
            var table1 = '#table-students';
 
            var table2 = '#table-navigatorS';
 
        } else if (selectedT == 'advisors') {
 
            var table1 = '#table-advisors';
 
            var table2 = '#table-navigator';
 
        }
 
        $(table1).css('margin-left', '60px') // slighly shifts right all text to set up for animation
 
        $(table2).css('margin-left', '60px')
 
 
         $('#div-' + selectedT).css('display','block');
 
         $('#div-' + selectedT).css('display','block');
var returned = (selectedT == 'advisors') ? lastAdvisors : lastStudents;
 
$('#div-' + returned).css('display','block');
 
 
$('#div-' + selectedT).animate({ marginLeft: '0px'}, 200); // the text is animated to quickly move left
 
$('#div-' + selectedT).animate({ marginLeft: '0px'}, 200); // the text is animated to quickly move left
$(table1).animate({ marginLeft: '0px'}, 200);
 
$(table2).animate({ marginLeft: '0px'}, 200);
 
 
currentT = selectedT; // sets the current display
 
currentT = selectedT; // sets the current display
 
location.hash = currentT;
 
location.hash = currentT;
Line 1,109: Line 1,017:
 
changeText(dir)
 
changeText(dir)
 
 
$('.profiles .clickImage').click( function() {
 
var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked
 
if (selected != current) {
 
                var height = $('#div-' + selected).css('height');    // Fixes height of div-content so it covers bios
 
               
 
$('.description').css('display','none'); // hides all text
 
$('#div-' + selected).css('margin-left', '60px');
 
$('#div-' + selected).css('display','block'); // the div containing the text that is selected is displayed
 
$('#div-' + selected).animate({ marginLeft: '0px'}, 400);
 
$('.clickImage').css('display', 'none')
 
$(this).css('display', 'block');
 
$(this).parent().attr('colspan', '3');
 
$(this).animate({ width: '408px', height: '280px'}, 400);
 
current = selected;
 
lastAdvisors = current;
 
$('.clickImageSmall').css('display','inline');
 
}
 
});
 
$('.profiles .clickImageSmall').click( function() {
 
var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked
 
var id = $(this).attr('data-id');
 
if (selected != current) { // only change display / trigger animation if clicking different nav
 
                var height = $('#div-' + selected).css('height');    // Fixes height of div-content so it covers bios
 
               
 
                $('.description').css('display','none'); // hides all text
 
$('#div-' + selected).css('margin-left', '60px');
 
$('#div-' + selected).css('display','block'); // the div containing the text that is selected is displayed
 
$('#div-' + selected).animate({ marginLeft: '0px'}, 400);
 
$('.clickImage').css('display', 'none');
 
$('#' + id).css({ 'width': '200px', 'height': '128px' })
 
$('#' + id).css('display', 'block');
 
$('#' + id).parent().attr('colspan', '3');
 
$('#' + id).animate({ width: '408px', height: '280px'}, 400);
 
current = selected;
 
lastAdvisors = current;
 
$('.clickImageSmall').css('display','inline');
 
}
 
});
 
 
$('.profiles .clickImageS').click( function() {
 
var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked
 
if (selected != current) {
 
                $('h1').addClass('clicked');
 
$('.description').css('display','none'); // hides all text
 
$('#div-' + selected).css('margin-left', '60px');
 
$('#div-' + selected).css('display','block'); // the div containing the text that is selected is displayed
 
$('#div-' + selected).animate({ marginLeft: '0px'}, 400);
 
$('.clickImageS').css('display', 'none');
 
$(this).css('display', 'block');
 
$(this).parent().attr('colspan', '3');
 
$(this).animate({ width: '408px', height: '280px'}, 400);
 
current = selected;
 
lastStudents = current;
 
$('.clickImageSmallS').css('display','inline');
 
}
 
});
 
$('.profiles .clickImageSmallS').click( function() {
 
var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked
 
var id = $(this).attr('data-id');
 
if (selected != current) { // only change display / trigger animation if clicking different nav
 
                $('.description').css('display','none'); // hides all text
 
$('#div-' + selected).css('margin-left', '60px');
 
$('#div-' + selected).animate({ marginLeft: '0px'}, 400);
 
$('.clickImageS').css('display', 'none');
 
$('#' + id).css({ 'width': '150px', 'height': '133px' })
 
$('#' + id).css('display', 'block');
 
$('#' + id).parent().attr('colspan', '3');
 
$('#' + id).animate({ width: '408px', height: '280px'}, 400);
 
$('#div-' + selected).css('display','block'); // the div containing the text that is selected is displayed
 
current = selected;
 
lastStudents = current;
 
lastClicked = 'students'// sets the current display
 
$('.clickImageSmallS').css('display','inline');
 
}
 
});
 
 
 
 
$('#bars_item').css('display','none');
 
$('#bars_item').css('display','none');

Revision as of 01:16, 29 September 2016

About Our Team

Our Team

Training the next generation of synthetic biologists

Solving major global and local issues under the adivising of faculty and graduate advisors.