|
|
(190 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html lang="en"> | | <html lang="en"> |
| <head> | | <head> |
- | <title>Team</title> | + | |
- | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> | + | <title>Penn iGEM</title> |
- | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
| + | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> <!--css--> |
- | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
| + | |
- | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEblVWdXkta245Y0k/" type="text/javascript"> </script> <!--common js-->
| + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> <!--jquery--> |
- | <style>
| + | |
- |
| + | <style> |
- | /*Page specific*/
| + | |
- | .member_container {
| + | |
- | display: inline-block;
| + | .member_container { |
| color: black; | | color: black; |
- | min-height: 250px; /*minimum height*/ | + | max-height: 325px; /*minimum height*/ |
- | width: 400px; /*width*/ | + | width: 850px; /*width*/ |
- | margin-left: 10px;
| + | |
- | margin-right: 10px;
| + | |
| margin-bottom: 10px; | | margin-bottom: 10px; |
- | background-color: rgba(200, 220, 255, 0.8); /*makes background white and slightly transparent*/ | + | background-color: rgb(204,204,204); /*makes background white and slightly transparent*/ |
- | -moz-border-radius: 10px; /*rounded corners*/
| + | |
- | -webkit-border-radius: 10px;
| + | |
- | -khtml-border-radius: 10px;
| + | |
- | border-radius: 10px;
| + | |
| overflow: hidden; | | overflow: hidden; |
- | bottom: 350px;
| |
- | padding: 20px;
| |
- | margin-top: 20px;
| |
| } | | } |
- |
| |
- |
| |
- |
| |
| /*this div holds the name and major of each person*/ | | /*this div holds the name and major of each person*/ |
- | .member_text { | + | .member_divide { |
- | float: left;
| + | float:left; |
- | text-align: left; | + | text-align: center; |
- | width: 250px; | + | min-width: 205px; |
| + | max-width:205px; |
| + | min-height: 300px; |
| + | max height: 300px; |
| color: black; | | color: black; |
| font-family: arial, sans-serif; | | font-family: arial, sans-serif; |
- | | + | overflow: hidden; |
| } | | } |
- |
| + | |
- | .description {
| + | .member_divide_text { |
- | display: inline-block;
| + | float:left; |
- | position: relative; | + | text-align: center; |
- | margin-top: -225px; | + | min-width: 205px; |
- | padding: 5px;
| + | max-width:205px; |
- | | + | min-height: 300px; |
- | left: 20px;
| + | max height: 300px; |
- | float: right;
| + | color: black; |
- | text-align: left; | + | font-family: arial, sans-serif; |
- | width: 180px;
| + | overflow: hidden; |
- | font-family: arial, sans-serif;
| + | margin: 5px; |
| } | | } |
- |
| |
- | .member_container img {
| |
- | margin-left: 25px;
| |
- | float: center;
| |
- | width: 200px;
| |
- | -moz-border-radius: 10px;
| |
- | -webkit-border-radius: 10px;
| |
- | -khtml-border-radius: 10px;
| |
- | border-radius: 10px;
| |
- | }
| |
- |
| |
- | .name {
| |
- | padding: 3px;
| |
- | margin: -3px;
| |
- | width: 220px;
| |
- | height: 175px;
| |
- | display: none;
| |
- |
| |
- |
| |
- | }
| |
| | | |
- | h4 {
| |
- | text-align: center;
| |
- | font-size: 16px;
| |
- | color: black;
| |
- | font-family: arial, sans-serif;
| |
- | margin-top: 20px;
| |
- | }
| |
| | | |
- | .member_text p{
| |
- | font-family: sans-serif;
| |
- | text-align: center;
| |
- | }
| |
| | | |
- | h2{
| + | img.displayed { |
- | text-align: center;
| + | display: block; |
- | }
| + | margin: 0 auto; |
| + | overflow: hidden; |
| + | postion: absolute; |
| + | left: -300px; |
| | | |
- | .text-wrap {
| |
- | width: 950px !important;
| |
| } | | } |
- |
| |
- |
| |
- |
| |
| | | |
| + | </style> |
| | | |
- |
| |
- | </style>
| |
| <script> | | <script> |
| $(document).ready(function($) { | | $(document).ready(function($) { |
| | | |
- | /*load in the sidebar*/
| + | $('.nav_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc'); |
- | $('.left_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc'); | + | }); |
- | | + | |
- | });
| + | |
| </script> | | </script> |
| + | </head> |
| | | |
- | </head>
| |
| <body> | | <body> |
- | <img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo-->
| + | <div id = "banner_wrap"> |
- | <img src="http://collegediabetesnetwork.org/wp-content/uploads/2012/07/UPenn_logo1.png" id="penn"/> <!--penn logo--> | + | <div class = "banner"></div> |
- | <div class="left_wrap">
| + | </div> |
- |
| + | <div id = "nav_holder"> |
- |
| + | <div class = "nav_wrap"></div> |
| + | </div> |
| + | <div id="text"> |
| + | <div class="textwrap"> |
| + | |
| + | <h1><b><center>About the Team</center></b></h1> |
| + | <div align="left">The Penn iGEM 2013 team is made up of 5 undergraduate students and various advisors and mentors at the University of Pennsylvania. The team comes from various academic disciplines such as math, bioengineering, and computer science. The team works out of the undergraduate bioengineering laboratory and is rumored to live there. |
| + | <br><center><a href = 'https://docs.google.com/forms/d/188iefj_j6gBvrHC0IS3rG2zBelaVuy-JddYNN7QF8_Y/viewform'>Interested in joining the team? Submit your application for Penn iGEM 2014 here. </a></center> |
| + | <br> |
| + | <h3>The Team Members</h3> <!--title of section--> |
| | | |
- |
| |
- |
| |
- |
| |
- | <div class="section-title">team</div>
| |
- |
| |
- | </div>
| |
- | <div class="section1" style="background-position: top;">
| |
| | | |
- | <div class="text" style="min-height: 50px !important; width: 900px;"> | + | <!--wrap two member containers--> |
- | <h2><b>About the Team</b></h2>
| + | <div class="member_container"> |
- | <center>This is iGEM, not sILLY.</center> | + | <div class= "member_divide" style = "background: url('https://static.igem.org/mediawiki/2013/8/84/BradbradbkbradbradIMG_8299.JPG') center center; background-size: 250%;"> |
| + | </div> |
| + | <div class = "member_divide_text"> |
| + | <h2>Brad "Big Dark" Kaptur</h2><p>Bioengineering</p> |
| + | <p>"Screw minipreps, gotta get big."</p> |
| + | </div> |
| + | <div class= "member_divide" style = "background: url('https://googledrive.com/host/0B4ZBZOYYKBzERzdYWHVkZWxSS2c') center center; background-size: 210%;"> |
| + | </div> |
| + | <div class="member_divide_text"> |
| + | <h2>Josh Tycko</h2><p>Mathematics and Biology</p> |
| + | <p> "Don't worry, I know a guy."</p> |
| </div> | | </div> |
- |
| |
- | <!--bubble that says "team members"-->
| |
- | <div class="text-wrap" style="min-height: 10px; margin-top: 100px;">
| |
- | <div class="text" style="min-height: 0px; width: 300px; padding: 0px; margin-top: 0px; margin-bottom: 3px; margin: auto;">
| |
- | <h3>Team Members</h3> <!--title of section-->
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <div class="text-wrap"> <!--wrap two member containers-->
| |
- | <div class="member_container"style="float: left;">
| |
- | <img src="https://static.igem.org/mediawiki/2013/8/84/BradbradbkbradbradIMG_8299.JPG"><div class="member_text"><h2>Brad Kaptur</h2><p>Bioengineering</p></div>
| |
- | <div class=description>
| |
- | <p>uuhhh... that's why the registry can't have nice things.</p>
| |
- | </div>
| |
- | </div>
| |
- |
| |
| | | |
- |
| |
- | <div class="member_container" style="float: right;">
| |
- | <img src="https://googledrive.com/host/0B4ZBZOYYKBzERzdYWHVkZWxSS2c"><div class="member_text"><h2>Josh Tycko</h2><p>Mathematics and Biology</p></div>
| |
- | <div class=description>
| |
- | <p> </p>
| |
| </div> | | </div> |
| + | <div class="member_container"> |
| + | <div class= "member_divide" style = "background: url('http://s8.postimg.org/3yzpbqadx/attitude.jpg') center center; background-size: 210%;"> |
| + | </div> |
| + | <div class="member_divide_text"> |
| + | <h2>Danielle Fields</h2><p>Bioengineering</p> |
| + | <p>"I have a Starbucks Gold Card. Literally."</p> |
| </div> | | </div> |
| | | |
- | </div>
| + | <div class= "member_divide" style = "background: url('http://s9.postimg.org/h765nru0f/dannys.jpg') center center; background-size: 160%;"> |
- | <div class="text-wrap">
| + | </div> |
- | <div class="member_container"style="float: left"> | + | |
- | <img src="http://s8.postimg.org/3yzpbqadx/attitude.jpg"><div class="member_text"><h2>Danielle Fields</h2><p>Bioengineering</p></div>
| + | <div class="member_divide_text"> |
- | <div class=description>
| + | <h2>Danny Cabrera</h2><p>Computational Biology</p> |
- | <p></p> | + | <p>"Yo, [mumble] you pour [mumble] that gel yet?"</p> |
| </div> | | </div> |
| </div> | | </div> |
- |
| + | |
- | <div class="member_container"style="float: right;"> | + | <div class="member_container"> |
- | <img src="http://s9.postimg.org/h765nru0f/dannys.jpg"><div class="member_text"><h2>Danny Cabrera</h2><p>Computational Biology</p></div>
| + | <div class = "member_divide" style = "background: url('https://googledrive.com/host/0B4ZBZOYYKBzEb3Riekh0QjkxQjQ') center center; background-size: 230%;"></div> |
- | <div class=description>
| + | <div class="member_divide"><h2>Mahamad "Dusty" Charawi</h2><p>Management and Computer Science</p> |
- | <p>Have you done that miniprep yet?</p> | + | <p>"Hi my name Mahamad, from Penn iGEM."</p> |
| </div> | | </div> |
| </div> | | </div> |
- |
| + | <br> |
- |
| + | <br> |
- | </div>
| + | |
- | <div class="text-wrap">
| + | |
- | <div class="member_container" style="float: left">
| + | |
- | <img src="https://googledrive.com/host/0B4ZBZOYYKBzEb3Riekh0QjkxQjQ"><div class="member_text"><h2>Mahamad Charawi</h2><p>Management and Computer Science</p></div>
| + | |
- | <div class=description>
| + | |
- | <p><br><br>Hi my name Mahamad, from Penn iGEM.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div><!--/text-wrap-->
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
| <!--bubble that says "advisors"--> | | <!--bubble that says "advisors"--> |
- | <div class="text-wrap" style="min-height: 10px; margin-top: 100px;">
| + | <h3>The Advisors</h3> <!--title of section--> |
- | <div class="text" style="min-height: 0px; width: 300px; padding: 0px; margin-top: 0px; margin-bottom: 3px; margin: auto;">
| + | |
- | <h3>Advisors</h3> <!--title of section--> | + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
| | | |
- | <div class="text-wrap" style="margin-top: 20px;" >
| + | <div class="member_container"> |
- | <div class="member_container"style="float: left;">
| + | <div class = "member_divide" style = "background: url('http://www.be.seas.upenn.edu/images/media/news-chow.jpg') center center; background-size: 130%;"></div> |
- | <img src="http://www.be.seas.upenn.edu/images/media/news-chow.jpg"><div class="member_text"><h2>Brian Chow, Ph.D</h2><p>Assistant Professor</p></div>
| + | <div class="member_divide_text"><h2><a href='http://www.seas.upenn.edu/directory/profile.php?ID=178'>Brian Chow, Ph.D</a></h2><p>Assistant Professor</p> |
- | <div class=description>
| + | <p>Chow's laboratory aims to create technological innovations to enhance therapeutic interventions in CNS disorders, and to this end, focuses on engineering tools to elucidate, diagnose and treat the diseased brain. He was instrumental in the direction of the team, teaching us science, organization, and leadership.</p> |
- | <p>-.</p> | + | </div> |
| + | <div class = "member_divide" style = "background: url('https://googledrive.com/host/0B4ZBZOYYKBzEZ3dMcXBweFE2X1U') center center; background-size: 210%;"></div> |
| + | <div class="member_divide_text"><h2>Spencer "STG" Glantz</h2><p>Bioengineering (PhD Student)</p> |
| + | <p>Spencer helped found the first iGEM team at the University of Pennsylvania and has been lending us his deep knowledge and experience with synthetic biology ever since. He helped us every day and truly made this project possible.</p> |
| </div> | | </div> |
| </div> | | </div> |
| | | |
- | <div class="text-wrap" style="margin-top: 20px;" > | + | |
- | <div class="member_container"style="float: left;">
| + | <div class="member_container"> |
- | <img src="http://www.be.seas.upenn.edu/images/media/news-chow.jpg"><div class="member_text"><h2>Brian Chow, Ph.D</h2><p>Assistant Professor</p></div> | + | <div class = "member_divide" style = "background: url('http://90.146.8.18/bilderclient/FE_2007_LectureSH0456_013_p.jpg') center center; background-size: 210%;"></div> |
- | <div class=description>
| + | <div class="member_divide_text"><h2><a href='http://www.orkantelhan.com/'>Orkan Telhan, Ph.D</a></h2><p>Assistant Professor</p> |
- | <p>-.</p> | + | <p> Interdisciplinary artist, designer, and researcher whose investigations focus on the design of interrogative objects, interfaces, and media, engaging with critical issues in social, cultural, and environmental responsibility. He greatly assisted the team with our efforts to properly communicate synthetic biology to the public.</p> |
| + | </div> |
| + | <div class = "member_divide" style = "background: url('http://farm4.staticflickr.com/3677/10504328243_fabe132f04.jpg') center center; background-size: 120%;"></div> |
| + | <div class="member_divide_text"><h2><a href='http://bioengineering.rice.edu/Content.aspx?id=4294967626'>Jordan Miller, Ph.D</a></h2><p>Assistant Professor of Bioengineering at Rice</p> |
| + | <p>Jordan has been an advisor to Penn iGEM teams for the last three years. He has given us insightful scientific advice and words of wisdom, and he sends the best emails.</p> |
| </div> | | </div> |
- | </div>
| |
- |
| |
- | <div class="member_container"style="float: right; min-height: 300px;">
| |
- | <img src="https://googledrive.com/host/0B4ZBZOYYKBzEZ3dMcXBweFE2X1U"><div class="member_text"><h2>Spencer Glantz</h2><p>Bioengineering (PhD Student)</p></div>
| |
- | <div class=description>
| |
- | <p>-</p>
| |
| </div> | | </div> |
- | </div>
| |
| | | |
- | <div class="member_container"style="float: right;">
| + | <div class="member_container"> |
- | <img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/283077_1448493822523_1538520160_31353808_6931705_n-e1317115984293-221x300.jpg"><div class="member_text"><h2>Michael Magaraci</h2><p>iGEM guru</p></div>
| + | <div class = "member_divide" style = "background: url('http://farm6.staticflickr.com/5516/10546130873_0137650aea.jpg') center center; background-size: 150%;"></div> |
- | <div class=description>
| + | <div class="member_divide_text"><h2>Avin "Shiii" Veerakumar </h2><p>iGEM Guru</p> |
- | <p>-</p> | + | <p>The Penn iGEM Godfather. He sent us great GIFs and drew a computer.</p> |
| </div> | | </div> |
- | </div>
| + | <div class = "member_divide" style = "background: url('http://farm8.staticflickr.com/7429/10546067283_d794d49cf6.jpg') center center; background-size: 140%;"></div> |
- |
| + | <div class="member_divide_text"><h2>Michael Salvatore "Gumbaicci Margaricci" Magaraci</h2><p>iGEM Guru</p> |
- | <div class="member_container"style="float: left;">
| + | <p>Cloning Master. Diagram Master. He was a huge help.</p> |
- | <img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/P1000543-e1317095308771-221x300.jpg"><div class="member_text"><h2>Avin Veerakumar </h2><p>iGEM guru</p></div>
| + | |
- | <div class=description>
| + | |
- | <p>-</p> | + | |
| </div> | | </div> |
| </div> | | </div> |
- | | + | <br> |
- | </div>
| + | <br> |
- | | + | |
| <!--bubble that says "advisors"--> | | <!--bubble that says "advisors"--> |
- | <div class="text-wrap" style="min-height: 10px; margin-top: 100px;">
| |
- | <div class="text" style="min-height: 0px; width: 300px; padding: 0px; margin-top: 0px; margin-bottom: 3px; margin: auto;">
| |
| <h3>Nothing would be possible without these guys</h3> <!--title of section--> | | <h3>Nothing would be possible without these guys</h3> <!--title of section--> |
- | </div>
| |
- | </div>
| |
| | | |
- | <div class="text-wrap" style="margin-top: 20px;" >
| + | |
- | <div class="member_container"style="float: left;">
| + | <div class="member_container"> |
- | <img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/board-sevile.jpg"><div class="member_text"><h2>Sevile Mannickarottu</h2><p>Director of Bioengineering Instructional Laboratories</p></div>
| + | <div class = "member_divide" style = "background: url('http://farm6.staticflickr.com/5501/10545947794_42fa34b420.jpg') center center; background-size: 130%;"></div> |
- | <div class=description>
| + | <div class="member_divide_text"><h2>Sevile Mannickarottu</h2><p>Director of Bioengineering Instructional Laboratories</p> |
| <p>The 2013 Penn iGEM team would like to thank Sevile for providing his facilities and equipment for use during the project.</p> | | <p>The 2013 Penn iGEM team would like to thank Sevile for providing his facilities and equipment for use during the project.</p> |
| + | </div> |
| + | <div class = "member_divide" style = "background: url('https://static.igem.org/mediawiki/2013/5/55/Aaahenry.JPG') center center; background-size: 130%;"></div> |
| + | <div class="member_divide_text"><h2>Henry "HMFM" Ma </h2><p>Bioengineering (Masters Student)</p> |
| + | |
| + | <p>"Coffee?"</p> |
| + | <p>Thank you to Henry for his wonderful support throughout this whole process.</p> |
| </div> | | </div> |
| </div> | | </div> |
| | | |
| + | |
| + | <div class="text" style="min-height: 3px; width: 700px; padding: 0px; margin-top: 100px; margin-bottom: 100px; margin: 0 auto;"> |
| | | |
- | | + | <br> |
- | <div class="member_container"style="float: right;"> | + | <br> |
- | <img src="http://s15.postimg.org/p48i88st7/plierss.jpg"><div class="member_text"><h2>Henry Ma </h2><p>Bioengineering (Masters Student)</p></div>
| + | <p style="text-align: center"><b>We could not have succeeded without the help of all these incredibly talented people. We are extremely grateful for their help.</b></p> |
- | <div class=description>
| + | <p style="text-align: center">Generously donated interesting organisms and scientific expertise by <a href='http://www.bio.upenn.edu/people/mark-goulian'>Dr. Mark Goulian</a></p> |
- | <p>Coffee?</p>
| + | <p style="text-align: center">Advice on epigenetics by Drs <a href='http://www.med.upenn.edu/apps/faculty/index.php/g20000320/p13534'>Marisa Bartolomei</a> and <a href='http://www.med.upenn.edu/apps/faculty/index.php/g361/p11818'>Rebecca Simmons</a></p> |
- | </div>
| + | <p style="text-align: center">Advice on methylation assays by Chris Krapp</p> |
- | </div>
| + | <p style="text-align: center">Computer Vision algorithm by Eric Kauderer Abrams</p> |
- |
| + | <p style="text-align: center">Graphic Design by Micah Kaats</p> |
- | <div class="text" style="min-height: 3px; width: 700px; padding: 0px; margin-top: 100px; margin-bottom: 100px;">
| + | <p style="text-align: center">Assistance developing MaGellin user interface by Morgan Snyder</p> |
- | <p style="text-align: center"></p> | + | <p style="text-align: center">Video editing and Animation by Dylan Petro</p> |
- | <p style="text-align: center"></p>
| + | <p style="text-align: center">Cinematography and Photography by Jake Whritner</p> |
- | <p style="text-align: center"></p> | + | <p style="text-align: center">Music by Ben Brodie</p> |
- | <p style="text-align: center"></p> | + | <p style="text-align: center">Photography by Erica Sacshe</p> |
- | <p style="text-align: center">Many photos by Erica Sasche</p> | + | <p style="text-align: center">Web development by Dylan Petro and Stefanie Alfonso</p> |
- | <p style="text-align: center">Website by Stefanie Alfonso</p> | + | <p style="text-align: center">We would also like to thank <a href='http://davidgdula.com'>David Gdula</a> of NEB for being so personally invested in the team's success</p> |
| </div> | | </div> |
| | | |
| | | |
- | <div class="text" style="min-height: 3px; width: 700px; padding: 0px; margin-top: 100px; margin-bottom: 100px;"><p style="text-align: center"></p>
| |
- | <p style="text-align: center">Other photos by:</p>
| |
- | <p style="text-align: center">Website by Stefanie Alfonso</p></div>
| |
- |
| |
| | | |
| </div> | | </div> |
- | | + | </div> |
- | | + | <div id ="pagefooter"> |
| + | <br> |
| + | <br> |
| + | <center><a href = "https://2013.igem.org/Team:Penn"> Home </a> <a href = "https://static.igem.org/mediawiki/2013/e/e5/Spec_Sheet.pdf" >Spec Sheet</a> <a href = "https://2013.igem.org/Team:Penn/sitemap" >Sitemap</a> |
| + | </center> |
| + | <br> |
| + | Penn iGem © 2013 |
| + | </div> |
| | | |
| </body> | | </body> |
| | | |
| </html> | | </html> |