Team:Penn/Team

From 2013.igem.org

(Difference between revisions)
 
(334 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html lang="en">
-
  <head>
+
<head>
-
    <title>Home</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"/>
+
-
        <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
+
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
+
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEOFVQV0ZLWEZqN2M"></script>
+
-
   
+
     <title>Penn iGEM</title>
-
     <style>
+
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> <!--css-->
-
        /*fonts/headings*/
+
-
        h4 {
+
-
            text-align: left;
+
-
        }
+
-
     
+
-
#myCarousel {
+
<script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> <!--jquery-->
-
  width: 80%;
+
-
}
+
-
.team td {
+
<style>
-
    overflow: hidden;
+
-
            height:175px;
+
-
            width:220px;
+
-
            display: inline-block;
+
-
            padding:5px;
+
-
   
+
-
        }
+
-
       
+
-
        .hidden { /*change this class when hovered*/
+
-
            display: none;
+
-
        }
+
-
        .team img {
+
-
          max-width:100%;
+
-
    max-height:100%; 
+
-
        }
+
-
       
+
-
.name {
+
-
    position: absolute;
+
-
    margin-bottom: 30px;
+
-
    width: 220px;
+
-
    height: 0px;
+
-
    display: none;
+
-
    background-color: white;
+
-
    margin-top: -50px;
+
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+
-
  filter: alpha(opacity=70);
+
-
-moz-opacity: 0.7;
+
-
-khtml-opacity: 0.7;
+
-
  opacity: 0.7;
+
-
}
+
 +
      .member_container {
 +
        color: black;
 +
        max-height: 325px; /*minimum height*/
 +
        width: 850px; /*width*/
-
  /* CUSTOMIZE THE CAROUSEL
+
        margin-bottom: 10px;
-
     -------------------------------------------------- */
+
        background-color: rgb(204,204,204); /*makes background white and slightly transparent*/
 +
            overflow: hidden;
 +
}
 +
    /*this div holds the name and major of each person*/
 +
     .member_divide {
 +
      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;
 +
    }
-
/*
+
    .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;
-
    .carousel-control {
 
-
      height: 80px;
 
-
      margin-top: 0;
 
-
      font-size: 120px;
 
-
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
 
-
      background-color: transparent;
 
-
      border: 0;
 
-
      z-index: 10;
 
-
    }
 
-
   
 
-
.carousel img {
 
-
  min-width: 100%;
 
}
}
-
 
+
       
 +
    </style>
      
      
-
 
+
<script>
 +
        $(document).ready(function($) {
-
    .carousel-caption {
+
$('.nav_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc');
-
      background-color: rgba(0,0,0,.3);
+
  });
-
    }
+
     </script>
-
   
+
</head>
-
    .carousel-caption h1,
+
-
    .carousel-caption .lead {
+
-
      margin: 0;
+
-
      line-height: 1.25;
+
-
      color: #fff;
+
-
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
+
-
     }*/
+
-
   
+
-
    #main_area{
+
-
      margin: 100px 100px 10px 100px;
+
-
     
+
-
    }
+
-
   
+
 +
<body>
 +
<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>
-
/*Position/size hero unit*/
+
            </div>
-
.hero-unit {
+
        <div class="member_container">
-
    width: 475px;
+
        <div class= "member_divide" style = "background: url('http://s8.postimg.org/3yzpbqadx/attitude.jpg') center center; background-size: 210%;">
-
    float: left;
+
        </div> 
-
    margin-left: 50px;
+
<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> 
 +
        <div class="member_divide_text">
 +
        <h2>Danny Cabrera</h2><p>Computational Biology</p>
 +
            <p>"Yo, [mumble] you pour [mumble] that gel yet?"</p> 
 +
            </div>
 +
        </div>
-
#logo {
+
        <div class="member_container">
-
  height: 45px;
+
<div class = "member_divide" style = "background: url('https://googledrive.com/host/0B4ZBZOYYKBzEb3Riekh0QjkxQjQ') center center; background-size: 230%;"></div>
-
  float: right;
+
        <div class="member_divide"><h2>Mahamad "Dusty" Charawi</h2><p>Management and Computer Science</p>
-
  margin-right: -220px;
+
            <p>"Hi my name Mahamad, from Penn iGEM."</p>    
-
}
+
            </div>
-
    </style>
+
        </div>
-
   </head>
+
      <br>
-
  <body>
+
<br>
-
   
+
          <!--bubble that says "advisors"-->
-
   
+
        <h3>The Advisors</h3> <!--title of section-->
-
    <div class="navbar-wrapper">
+
-
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
+
-
      <div class="container">
+
-
        <div class="navbar navbar-inverse">
+
       
-
          <div class="navbar-inner">
+
      <div class="member_container">
-
            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
+
<div class = "member_divide" style = "background: url('http://www.be.seas.upenn.edu/images/media/news-chow.jpg') center center; background-size: 130%;"></div>
-
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
        <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>
-
              <span class="icon-bar"></span>
+
            <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>  
-
              <span class="icon-bar"></span>
+
            </div>
-
              <span class="icon-bar"></span>
+
<div class = "member_divide" style = "background: url('https://googledrive.com/host/0B4ZBZOYYKBzEZ3dMcXBweFE2X1U') center center; background-size: 210%;"></div>
-
            </button>
+
<div class="member_divide_text"><h2>Spencer "STG" Glantz</h2><p>Bioengineering (PhD Student)</p>
-
            <a class="brand" class="active" href="https://2013.igem.org/Team:Penn">Penn's iGEM Team</a>
+
            <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>  
-
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
+
             </div>
-
            <div class="nav-collapse collapse">
+
           </div>
-
              <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 href="https://2013.igem.org/Team:Penn/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>
+
-
                <li><a href="http://2013.igem.or"><img id = "logo" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png"></li></a>
+
-
              </ul>
+
-
             </div><!--/.nav-collapse -->
+
-
           </div><!-- /.navbar-inner -->
+
-
        </div><!-- /.navbar -->
+
-
      </div> <!-- /.container -->
 
-
    </div><!-- /.navbar-wrapper -->
 
-
   
+
          <div class="member_container">
-
    <!-- Main Area -->
+
<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 id="main_area">
+
          <div class="member_divide_text"><h2><a href='http://www.orkantelhan.com/'>Orkan Telhan, Ph.D</a></h2><p>Assistant Professor</p>
-
                        <!-- Slider -->
+
            <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 class="row">
+
            </div>
-
                                <div class="span12" id="slider">
+
<div class = "member_divide" style = "background: url('http://farm4.staticflickr.com/3677/10504328243_fabe132f04.jpg') center center; background-size: 120%;"></div>
-
                                        <!-- Top part of the slider -->
+
          <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>
-
                                        <div class="row">
+
            <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 class="span8" id="carousel-bounding-box">
+
            </div>
-
                                                        <div id="myCarousel" class="carousel slide">
+
            </div>
-
                                                                <!-- Carousel items -->
+
 
-
                                                                <div class="carousel-inner">
+
  <div class="member_container">
-
                                                                        <div class="active item" data-slide-number="0"><img src="https://googledrive.com/host/0B4ZBZOYYKBzES3Jrc042WTlMR3c/" /></div>
+
<div class = "member_divide" style = "background: url('http://farm6.staticflickr.com/5516/10546130873_0137650aea.jpg') center center; background-size: 150%;"></div>
-
                                                                        <div class="item" data-slide-number="1"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEWHBpYXpOcFRBcGc/" /></div>
+
          <div class="member_divide_text"><h2>Avin "Shiii" Veerakumar </h2><p>iGEM Guru</p>
-
                                                                        <div class="item" data-slide-number="2"><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/_mMloYB8xM/Discovery%20Day%20Clark%20Park/IMG_2061.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" /></div>
+
            <p>The Penn iGEM Godfather. He sent us great GIFs and drew a computer.</p>  
-
                                                                        <div class="item" data-slide-number="3"><img src="http://placehold.it/770x300&text=four" /></div>
+
            </div>
-
                                                                        <div class="item" data-slide-number="4"><img src="http://placehold.it/770x300&text=five" /></div>
+
<div class = "member_divide" style = "background: url('http://farm8.staticflickr.com/7429/10546067283_d794d49cf6.jpg') center center; background-size: 140%;"></div>
-
                                                                        <div class="item" data-slide-number="5"><img src="http://placehold.it/770x300&text=six" /></div>
+
          <div class="member_divide_text"><h2>Michael Salvatore "Gumbaicci Margaricci" Magaraci</h2><p>iGEM Guru</p>
-
                                                                </div>
+
            <p>Cloning Master. Diagram Master. He was a huge help.</p>  
-
                                                                <!-- Carousel nav -->
+
            </div>
-
                                                                <a class="carousel-control left" href="#myCarousel" data-slide="prev"><</a>
+
          </div>
-
                                                                <a class="carousel-control right" href="#myCarousel" data-slide="next">></a>
+
<br>
-
                                                        </div>
+
<br>
-
                                                </div>
+
    <!--bubble that says "advisors"-->
-
                                                <div class="span4" id="carousel-text"></div>
+
        <h3>Nothing would be possible without these guys</h3> <!--title of section-->
-
+
 
-
                                                <div style="display: none;" id="slide-content">
+
 
-
                                                        <div id="slide-content-0">
+
          <div class="member_container">
-
                                                                <h1>Hello and Welcome!</h1>
+
<div class = "member_divide" style = "background: url('http://farm6.staticflickr.com/5501/10545947794_42fa34b420.jpg') center center; background-size: 130%;"></div>
-
                                                      <p>Welcome to Penn's iGEM team wiki!  This wiki is currently under construction, but check
+
          <div class="member_divide_text"><h2>Sevile Mannickarottu</h2><p>Director of Bioengineering Instructional Laboratories</p>
-
                                                    back with us soon to learn more about what we're up to!</p> <a id="team" class="btn btn-large btn-primary" href="https://2013.igem.org/Team:Penn/Team">Meet the Team</a>
+
            <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>
-
                                                        <div id="slide-content-1">
+
<div class = "member_divide" style = "background: url('https://static.igem.org/mediawiki/2013/5/55/Aaahenry.JPG') center center; background-size: 130%;"></div>
-
                                                                <h1>Project</h1>
+
          <div class="member_divide_text"><h2>Henry "HMFM" Ma </h2><p>Bioengineering (Masters Student)</p>
-
              <p>This wiki is currently under construction, but check
+
     
-
              back with us soon to learn more about what we're up to!  Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
            <p>"Coffee?"</p>  
-
              <a class="btn btn-large btn-primary" href="https://2013.igem.org/Team:Penn/Project">Our Project</a>
+
<p>Thank you to Henry for his wonderful support throughout this whole process.</p>
-
                                                        </div>
+
            </div>
-
                                                        <div id="slide-content-2">
+
          </div>
-
                                                                <h1>Outreach</h1>
+
 
-
              <p>Learn more about what Penn's iGEM team is doing in the community.  This wiki is currently under construction, but check
+
         
-
              back with us soon to learn more about what we're up to! Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
          <div class="text" style="min-height: 3px; width: 700px; padding: 0px; margin-top: 100px; margin-bottom: 100px; margin: 0 auto;">
-
              <a class="btn btn-large btn-primary" href="https://2013.igem.org/Team:Outreach">More Outreach</a>
+
 
-
                                                        </div>
+
<br>
-
                                                        <div id="slide-content-3">
+
<br>
-
                                                                <h2>Slider Four</h2>
+
<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>Lorem Ipsum Dolor</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 class="sub-text">October 24 2012 - <a href="#">Read more</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>
-
                                                        </div>
+
<p style="text-align: center">Advice on methylation assays by Chris Krapp</p>
-
                                                        <div id="slide-content-4">
+
<p style="text-align: center">Computer Vision algorithm by Eric Kauderer Abrams</p>
-
                                                                <h2>Slider Five</h2>
+
<p style="text-align: center">Graphic Design by Micah Kaats</p>
-
                                                                <p>Lorem Ipsum Dolor</p>
+
<p style="text-align: center">Assistance developing MaGellin user interface by Morgan Snyder</p>
-
                                                                <p class="sub-text">October 24 2012 - <a href="#">Read more</a></p>
+
<p style="text-align: center">Video editing and Animation by Dylan Petro</p>
-
                                                        </div>
+
<p style="text-align: center">Cinematography and Photography by Jake Whritner</p>
-
                                                        <div id="slide-content-5">
+
<p style="text-align: center">Music by Ben Brodie</p>
-
                                                                <h2>Slider Six</h2>
+
<p style="text-align: center">Photography by Erica Sacshe</p>
-
                                                                <p>Lorem Ipsum Dolor</p>
+
        <p style="text-align: center">Web development by Dylan Petro and Stefanie Alfonso</p>
-
                                                                <p class="sub-text">October 24 2012 - <a href="#">Read more</a></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>
+
-
+
-
                                </div>
+
-
                        </div> <!--/Slider-->
+
-
+
-
                        <div class="row hidden-phone" id="slider-thumbs">
+
-
                                <div class="span12">
+
-
                                        <!-- Bottom switcher of slider -->
+
-
                                        <ul class="thumbnails">
+
-
                                                <li class="span2">
+
-
                                                        <a class="thumbnail" id="carousel-selector-0">
+
-
                                                                <img src="https://googledrive.com/host/0B4ZBZOYYKBzES3Jrc042WTlMR3c/" />
+
-
                                                        </a>
+
-
                                                </li>
+
-
                                                <li class="span2">
+
-
                                                        <a class="thumbnail" id="carousel-selector-1">
+
-
                                                                <img src="https://googledrive.com/host/0B4ZBZOYYKBzEWHBpYXpOcFRBcGc/" />
+
-
                                                        </a>
+
-
                                                </li>
+
-
                                                <li class="span2">
+
-
                                                        <a class="thumbnail" id="carousel-selector-2">
+
-
                                                                <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/_mMloYB8xM/Discovery%20Day%20Clark%20Park/IMG_2061.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" />
+
-
                                                        </a>
+
-
                                                </li>
+
-
                                                <li class="span2">
+
-
                                                        <a class="thumbnail" id="carousel-selector-3">
+
-
                                                                <img src="http://placehold.it/170x100&text=four" />
+
-
                                                        </a>
+
-
                                                </li>
+
-
                                                <li class="span2">
+
-
                                                        <a class="thumbnail" id="carousel-selector-4">
+
-
                                                                <img src="http://placehold.it/170x100&text=five" />
+
-
                                                        </a>
+
-
                                                </li>
+
-
                                                <li class="span2">
+
-
                                                        <a class="thumbnail" id="carousel-selector-5">
+
-
                                                                <img src="http://placehold.it/170x100&text=six" />
+
-
                                                        </a>
+
-
                                                </li>
+
-
                                        </ul>
+
-
                                </div>
+
-
                        </div>
+
</div>
</div>
-
<script>
+
          
-
  jQuery(document).ready(function($) {
+
-
+
-
         $('#myCarousel').carousel({
+
-
                interval: 5000
+
-
        });
+
-
+
-
        $('#carousel-text').html($('#slide-content-0').html());
+
-
+
-
        //Handles the carousel thumbnails
+
-
        $('[id^=carousel-selector-]').click( function(){
+
-
                var id_selector = $(this).attr("id");
+
-
                var id = id_selector.substr(id_selector.length -1);
+
-
                var id = parseInt(id);
+
-
                $('#myCarousel').carousel(id);
+
-
        });
+
-
+
-
+
-
        // When the carousel slides, auto update the text
+
-
        $('#myCarousel').on('slid', function (e) {
+
-
                var id = $('.item.active').data('slide-number');
+
-
                $('#carousel-text').html($('#slide-content-'+id).html());
+
-
        });
+
-
+
-
+
-
});
+
-
</script>
+
-
   
+
       
-
     <!--Overview-->
+
     </div>
-
    <div class="four">
+
  </div>
-
        <div class="hero-unit">
+
<div id ="pagefooter">
-
  <h1>Accomplishments</h1>
+
<br>
-
  <br/>
+
<br>
-
  <p><a href="">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</a></p>
+
<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>
-
  <p><a href="">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</a></p>
+
</center>  
-
  <p><a href="">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</a></p>
+
<br>
-
  <p><a href="">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</a></p>
+
Penn iGem &copy; 2013
</div>
</div>
-
</div>
+
 
-
   
+
</body>
-
   
+
-
  </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"