Team:Penn/Team

From 2013.igem.org

(Difference between revisions)
 
(302 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html lang="en">
-
  <head>
+
<head>
-
    <title>Team</title>
+
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
-
    <!-- Bootstrap -->
+
-
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen">
+
-
        <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/>
+
-
   
+
     <title>Penn iGEM</title>
-
     <style>
+
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> <!--css-->
-
        /*fonts/headings*/
+
-
        h4 {
+
-
            text-align: left;
+
-
        }
+
-
       
+
-
       
+
-
       
+
-
/*Brady Bunch Table*/
+
-
.team {
+
-
      float: center;
+
-
      margin: auto;
+
-
margin-top: -10px;
+
-
   
+
-
}
+
-
.team td {
+
<script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> <!--jquery-->
-
    overflow: hidden;
+
-
            height:175px;
+
-
            width:220px;
+
-
            display: inline-block;
+
-
            padding:5px;
+
-
            margin: 3px;
+
-
            background-color: #721a35;
+
-
            margin: 2px;
+
-
   
+
-
        }
+
-
       
+
-
        .hidden { /*change this class when hovered*/
+
-
            display: none;
+
-
        }
+
-
        .team img {
+
-
          max-width:100%;
+
-
    max-height:100%;
+
-
    background-color: #721a35;
+
-
        }
+
-
       
+
-
.name {
+
-
    margin-top:-5px;
+
-
    margin-left: -5px;
+
-
    padding:5px;
+
-
    width: 220px;
+
-
    height: 175px;
+
-
    display: none;
+
-
    background-color: #721a35;
+
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+
-
  filter: alpha(opacity=80);
+
-
-moz-opacity: 0.8;
+
-
-khtml-opacity: 0.8;
+
-
  opacity: 0.8;
+
-
}
+
-
#center:hover {
+
<style>
-
    cursor: auto;
+
-
    -moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='#444444')";
+
-
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='#444444');
+
-
   
+
-
}
+
-
h4 {
+
-
    text-align: center;
+
-
    font-size: 16px;
+
-
    color: black;
+
-
}
+
-
/*change the cursor to pointer (like when hovering a link) and add a box shadow*/
+
      .member_container {
-
td:hover {
+
        color: black;
-
cursor:pointer;
+
        max-height: 325px; /*minimum height*/
-
-moz-box-shadow: 4px 4px 4px #444;
+
        width: 850px; /*width*/
-
-webkit-box-shadow: 4px 4px 4px #444;
+
-
box-shadow: 4px 4px 4px #444;
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
+
-
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
+
-
}
+
-
      /*jumbotron colors*/
+
        margin-bottom: 10px;
-
      .jumbotron {
+
        background-color: rgb(204,204,204); /*makes background white and slightly transparent*/
-
  position: relative;
+
            overflow: hidden;
-
  min-height: 600px;
+
  }
-
  padding: 40px 0;
+
    /*this div holds the name and major of each person*/
-
  color: #fff;
+
    .member_divide {
-
  text-align: center;
+
      float:left;
-
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
+
        text-align: center;
-
  background: #721a35; /* Old browsers */
+
        min-width: 205px;
-
  background: -moz-linear-gradient(45deg, #721a35 0%, #bf9281 100%); /* FF3.6+ */
+
max-width:205px;
-
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#721a35), color-stop(100%,#bf9281)); /* Chrome,Safari4+ */
+
      min-height: 300px;
-
  background: -webkit-linear-gradient(45deg,  #721a35 0% #bf9281 100%); /* Chrome10+,Safari5.1+ */
+
max height: 300px;
-
  background: -o-linear-gradient(45deg,  #721a35 0%,#bf9281 100%); /* Opera 11.10+ */
+
        color: black;
-
  background: -ms-linear-gradient(45deg,  #721a35 0%,#bf9281 100%); /* IE10+ */
+
        font-family: arial, sans-serif;
-
  background: linear-gradient(45deg,  #721a35 0%,#bf9281 100%); /* W3C */
+
        overflow: hidden;
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721a35', endColorstr='#bf9281',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+
    }
-
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
+
-
    -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
+
-
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
+
-
}
+
-
#721a35
+
-
#65003a3
+
-
/*add some height to jumbotron banner thing*/
+
    .member_divide_text {
 +
      float:left;
 +
        text-align: center;
 +
        min-width: 205px;
 +
max-width:205px;
 +
      min-height: 300px;
 +
max height: 300px;
 +
        color: black;
 +
        font-family: arial, sans-serif;
 +
        overflow: hidden;
 +
        margin: 5px;
 +
    }
 +
 
 +
 
 +
 
 +
img.displayed {
 +
    display: block;
 +
    margin: 0 auto;
 +
overflow: hidden;
 +
postion: absolute;
 +
left: -300px;
-
.container {
 
-
min-height: 600px;
 
}
}
-
 
+
       
-
 
+
     </style>
     </style>
-
  </head>
 
-
  <body>
 
      
      
-
   
+
<script>
-
    <div class="navbar-wrapper">
+
        $(document).ready(function($) {
-
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
+
-
      <div class="container">
+
-
        <div class="navbar navbar-inverse navbar-fixed-top">
+
$('.nav_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc');
-
          <div class="navbar-inner">
+
  });
-
            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
+
    </script>
-
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
</head>
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
            </button>
+
-
            <a class="brand" href="https://2013.igem.org/Team:Penn">Penn's iGEM Team</a>
+
-
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
+
-
            <div class="nav-collapse collapse">
+
-
              <ul class="nav">
+
-
             
+
-
                <!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
+
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a id="team">Team</a></li>
+
-
                    <li><a href="https://2013.igem.org/Team:Penn/Sponsors">Sponsors</a></li>
+
-
                    <li><a href="https://igem.org/Team.cgi?id=1128">Official Team Profile</a></li>
+
-
                    <!--<li class="divider"></li>
+
-
                    <li class="nav-header">Nav header</li>
+
-
                    <li><a href="#">Separated link</a></li>
+
-
                    <li><a href="#">One more separated link</a></li>-->
+
-
                  </ul>
+
-
                </li>
+
-
                <li><a href="https://2013.igem.org/Team:Penn/HumanPractices">Human Practices</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Penn/Notebook">Notebook</a></li>
+
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                 
+
-
                    <li><a href="https://2013.igem.org/Team:Penn/Project">Project</a></li>
+
-
                    <li><a href="https://2013.igem.org/Team:Penn/Parts">Parts</a></li>
+
-
                    <li><a href="https://2013.igem.org/Team:Penn/Modeling">Modeling</a></li>
+
-
                    <li><a href="https://2013.igem.org/Team:Penn/Safety">Safety</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
              </ul>
+
-
            </div><!--/.nav-collapse -->
+
-
          </div><!-- /.navbar-inner -->
+
-
        </div><!-- /.navbar -->
+
-
      </div> <!-- /.container -->
+
<body>
-
    </div><!-- /.navbar-wrapper -->
+
<div id = "banner_wrap">
 +
<div class = "banner"></div>
 +
</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-->
 +
       
 +
        <!--wrap two member containers-->
 +
<div class="member_container">
 +
<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>
 +
        <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 class= "member_divide" style = "background: url('http://s9.postimg.org/h765nru0f/dannys.jpg') center center; background-size: 160%;">
 +
        </div> 
-
    <!--Giant Image At the Top-->
+
        <div class="member_divide_text">
-
    <div class="jumbotron masthead">
+
        <h2>Danny Cabrera</h2><p>Computational Biology</p>
-
  <div class="container">
+
            <p>"Yo, [mumble] you pour [mumble] that gel yet?"</p>   
-
    <h1>Meet the Team</h1>
+
            </div>
-
    <p>Lorem ipsum dolor sit amet.</p>
+
        </div>
-
   </div>
+
-
</div>
+
 +
        <div class="member_container">
 +
<div class = "member_divide" style = "background: url('https://googledrive.com/host/0B4ZBZOYYKBzEb3Riekh0QjkxQjQ') center center; background-size: 230%;"></div>
 +
        <div class="member_divide"><h2>Mahamad "Dusty" Charawi</h2><p>Management and Computer Science</p>
 +
            <p>"Hi my name Mahamad, from Penn iGEM."</p> 
 +
            </div>
 +
        </div>
 +
      <br>
 +
<br>
 +
          <!--bubble that says "advisors"-->
 +
        <h3>The Advisors</h3> <!--title of section-->
-
    <!--Team stuff-->
 
-
<h2 style="text-align: center; margin-top: 200px;">Meet the Bunch</h2>
 
-
<table class="team" cellpadding="5">
 
-
    <tr>
 
-
        <td>
 
-
            <img id="flipbox" src="https://googledrive.com/host/0B4ZBZOYYKBzETDEzdFdSOC1ZVW8"/>
 
-
            <div class="name"><h4>Name/Major</h4></div></td>
 
-
       
 
-
        <td>
 
-
            <img src="https://googledrive.com/host/0B4ZBZOYYKBzETldtZHBxMTM3Ujg"/>
 
-
            <div class="name"><h4>Josh Tycko<br/>Major:</h4></div></td>
 
-
       
 
-
     
 
-
       
 
-
        <td>
 
-
            <img src="https://googledrive.com/host/0B4ZBZOYYKBzEU3VZUnNOdWFqYVE"/>
 
-
            <div class="name"><h4>Danielle</h4></div></td>
 
-
    </tr>
 
-
    <tr>
 
-
       
 
-
        <td>
 
-
            <img src="https://googledrive.com/host/0B4ZBZOYYKBzEZXRRMlRtODR2OVk/">
 
-
                <div class="name"><h4>Daniel Cabrera<br/> Major:</h4></div></td>
 
-
     
 
-
        <td id="center"><h4><!--Center--></h4></td>
 
-
        <td>
 
-
            <img src="https://googledrive.com/host/0B4ZBZOYYKBzELXJ5NlFKUkJXRnc"/>
 
-
            <div class="name"><h4>Mahamad Charawi<br/>Major:</h4></div></td>
 
-
    </tr>
 
-
    <tr>
 
-
        <td>
 
-
            <img src="https://googledrive.com/host/0B4ZBZOYYKBzERmpYczlyYU5TTUE"/>
 
-
            <div class="name"><h4>Name/Major</h4></div>
 
-
       
 
-
          <td>
 
-
            <img src="https://googledrive.com/host/0B4ZBZOYYKBzEZ0tlUUViY2Z6Ymc"/>
 
-
            <div class="name"><h4>Name/Major</h4></div></td>
 
          
          
-
        <td>
+
      <div class="member_container">
-
            <img src="https://googledrive.com/host/0B4ZBZOYYKBzET2NBWmlOLVMtaVE">
+
<div class = "member_divide" style = "background: url('http://www.be.seas.upenn.edu/images/media/news-chow.jpg') center center; background-size: 130%;"></div>
-
                <div class="name"><h4>Spencer</h4></div></td>
+
        <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>
-
    </tr>
+
            <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>  
-
  </table>
+
            </div>
-
<h4 style="text-align: center">Photos by Erica Sachse</h4>
+
<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 class="member_container">
-
   
+
<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="member_divide_text"><h2><a href='http://www.orkantelhan.com/'>Orkan Telhan, Ph.D</a></h2><p>Assistant Professor</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>
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
+
          <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>
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
+
            <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> 
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEOFVQV0ZLWEZqN2M"></script></script>
+
            </div>
-
   
+
            </div>
-
    <script src="../assets/js/jquery.js"></script>
+
 
-
    <script src="../assets/js/bootstrap-transition.js"></script>
+
  <div class="member_container">
-
    <script src="../assets/js/bootstrap-alert.js"></script>
+
<div class = "member_divide" style = "background: url('http://farm6.staticflickr.com/5516/10546130873_0137650aea.jpg') center center; background-size: 150%;"></div>
-
    <script src="../assets/js/bootstrap-modal.js"></script>
+
          <div class="member_divide_text"><h2>Avin "Shiii" Veerakumar </h2><p>iGEM Guru</p>
-
    <script src="../assets/js/bootstrap-dropdown.js"></script>
+
            <p>The Penn iGEM Godfather. He sent us great GIFs and drew a computer.</p>  
-
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
+
            </div>
-
    <script src="../assets/js/bootstrap-tab.js"></script>
+
<div class = "member_divide" style = "background: url('http://farm8.staticflickr.com/7429/10546067283_d794d49cf6.jpg') center center; background-size: 140%;"></div>
-
    <script src="../assets/js/bootstrap-tooltip.js"></script>
+
          <div class="member_divide_text"><h2>Michael Salvatore "Gumbaicci Margaricci" Magaraci</h2><p>iGEM Guru</p>
-
    <script src="../assets/js/bootstrap-popover.js"></script>
+
            <p>Cloning Master. Diagram Master. He was a huge help.</p> 
-
    <script src="../assets/js/bootstrap-button.js"></script>
+
            </div>
-
    <script src="../assets/js/bootstrap-collapse.js"></script>
+
          </div>
-
    <script src="../assets/js/bootstrap-carousel.js"></script>
+
<br>
-
    <script src="../assets/js/bootstrap-typeahead.js"></script>
+
<br>
-
    <script>
+
    <!--bubble that says "advisors"-->
-
      !function ($) {
+
        <h3>Nothing would be possible without these guys</h3> <!--title of section-->
-
        $(function(){
+
 
-
          // carousel demo
+
 
-
          $('#myCarousel').carousel()
+
          <div class="member_container">
-
         
+
<div class = "member_divide" style = "background: url('http://farm6.staticflickr.com/5501/10545947794_42fa34b420.jpg') center center; background-size: 130%;"></div>
-
        $('html, body').animate({
+
          <div class="member_divide_text"><h2>Sevile Mannickarottu</h2><p>Director of Bioengineering Instructional Laboratories</p>
-
        scrollTop: $(".one").offset().top,
+
            <p>The 2013 Penn iGEM team would like to thank Sevile for providing his facilities and equipment for use during the project.</p> 
-
    }, '2400');
+
            </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>
-
      $("#two").click(function() {
+
-
        $('html, body').animate({
+
-
        scrollTop: $(".two").offset().top,
+
-
    }, '2400');
+
-
});
+
        
        
-
          $("#three, #team").click(function() {
+
            <p>"Coffee?"</p> 
-
        $('html, body').animate({
+
<p>Thank you to Henry for his wonderful support throughout this whole process.</p>
-
        scrollTop: $(".team").offset().top,
+
            </div>
-
    }, '2400');
+
          </div>
-
});
+
 
            
            
-
        /*  $(".team tr td").mouseenter(function(){
+
          <div class="text" style="min-height: 3px; width: 700px; padding: 0px; margin-top: 100px; margin-bottom: 100px; margin: 0 auto;">
-
          $(this).children(":first").toggleClass("hidden");
+
-
          $(this).children(":nth-child(2)").toggleClass("hidden");
+
-
         
+
-
         
+
-
          });
+
-
         
+
-
          $(".team tr td").mouseenter(function(){
+
-
            $(this).children(":nth-child(3)").show();
+
-
            $(this).children(":nth-child(3)").animate({
+
-
                height: '50px',
+
-
                display: 'inline-block'
+
-
                });
+
-
           
+
-
            });
+
-
         
+
-
         
+
-
          $(".team tr td").mouseleave(function(){
+
-
            $(this).children(":nth-child(2)").toggleClass("hidden");
+
-
          $(this).children(":first").toggleClass("hidden");
+
-
          $(this).children(":nth-child(3)").css("height","0px");
+
-
          $(this).children(":nth-child(3)").hide();
+
-
         
+
-
            });*/
+
-
   
+
<br>
-
   
+
<br>
-
          $("td").click(function(){
+
<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>
-
           
+
<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 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>
-
   
+
<p style="text-align: center">Advice on methylation assays by Chris Krapp</p>
-
    if ($(this).children("img").is(":visible")) {
+
<p style="text-align: center">Computer Vision algorithm by Eric Kauderer Abrams</p>
-
   
+
<p style="text-align: center">Graphic Design by Micah Kaats</p>
-
            $(this).flip({direction: 'tb', content: $(this), color: '#721a35'
+
<p style="text-align: center">Assistance developing MaGellin user interface by Morgan Snyder</p>
-
            });
+
<p style="text-align: center">Video editing and Animation by Dylan Petro</p>
-
            $(this).children("img").hide();
+
<p style="text-align: center">Cinematography and Photography by Jake Whritner</p>
-
                $(this).children(".name").show();
+
<p style="text-align: center">Music by Ben Brodie</p>
-
             
+
<p style="text-align: center">Photography by Erica Sacshe</p>
-
    }
+
        <p style="text-align: center">Web development by Dylan Petro and 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>
-
          else {
+
       
-
          $(this).flip({direction: 'tb', content: $(this), color: '#721a35' });
+
 
-
                        $(this).children(".name").hide();
+
       
-
                $(this).children("img").show();
+
    </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 &copy; 2013
-
         
+
</div>
-
         
+
 
 +
</body>
-
         
 
-
      }(window.jQuery)
 
-
    </script>
 
-
    <script src="../assets/js/holder/holder.js"></script>
 
-
  </body>
 
</html>
</html>

Latest revision as of 16:43, 15 January 2014

Penn iGEM

About the Team

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.
Interested in joining the team? Submit your application for Penn iGEM 2014 here.

The Team Members

Brad "Big Dark" Kaptur

Bioengineering

"Screw minipreps, gotta get big."

Josh Tycko

Mathematics and Biology

"Don't worry, I know a guy."

Danielle Fields

Bioengineering

"I have a Starbucks Gold Card. Literally."

Danny Cabrera

Computational Biology

"Yo, [mumble] you pour [mumble] that gel yet?"

Mahamad "Dusty" Charawi

Management and Computer Science

"Hi my name Mahamad, from Penn iGEM."



The Advisors

Brian Chow, Ph.D

Assistant Professor

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.

Spencer "STG" Glantz

Bioengineering (PhD Student)

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.

Orkan Telhan, Ph.D

Assistant Professor

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.

Jordan Miller, Ph.D

Assistant Professor of Bioengineering at Rice

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.

Avin "Shiii" Veerakumar

iGEM Guru

The Penn iGEM Godfather. He sent us great GIFs and drew a computer.

Michael Salvatore "Gumbaicci Margaricci" Magaraci

iGEM Guru

Cloning Master. Diagram Master. He was a huge help.



Nothing would be possible without these guys

Sevile Mannickarottu

Director of Bioengineering Instructional Laboratories

The 2013 Penn iGEM team would like to thank Sevile for providing his facilities and equipment for use during the project.

Henry "HMFM" Ma

Bioengineering (Masters Student)

"Coffee?"

Thank you to Henry for his wonderful support throughout this whole process.



We could not have succeeded without the help of all these incredibly talented people. We are extremely grateful for their help.

Generously donated interesting organisms and scientific expertise by Dr. Mark Goulian

Advice on epigenetics by Drs Marisa Bartolomei and Rebecca Simmons

Advice on methylation assays by Chris Krapp

Computer Vision algorithm by Eric Kauderer Abrams

Graphic Design by Micah Kaats

Assistance developing MaGellin user interface by Morgan Snyder

Video editing and Animation by Dylan Petro

Cinematography and Photography by Jake Whritner

Music by Ben Brodie

Photography by Erica Sacshe

Web development by Dylan Petro and Stefanie Alfonso

We would also like to thank David Gdula of NEB for being so personally invested in the team's success

Retrieved from "http://2013.igem.org/Team:Penn/Team"