Team:Penn/Team

From 2013.igem.org

(Difference between revisions)
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>
+
 
-
       
+
  /*Page specific*/
  /*Page specific*/
 +
<style>
       .member_container {
       .member_container {
         display: inline-block;
         display: inline-block;
         color: black;
         color: black;
         min-height: 250px; /*minimum height*/
         min-height: 250px; /*minimum height*/
-
         width: 400px; /*width*/
+
         width: 800px; /*width*/
         margin-left: 10px;
         margin-left: 10px;
         margin-right: 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: rgba(200, 220, 255, 0.8); /*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;
             bottom: 350px;
Line 27: Line 23:
             margin-top: 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: left;
-
         width: 250px;
+
         width: 200px;
         color: black;
         color: black;
         font-family: arial, sans-serif;
         font-family: arial, sans-serif;
-
       
 
-
    }
 
-
   
 
-
    .description {
 
-
        display: inline-block;
 
-
        position: relative;
 
-
        margin-top: -225px;
 
-
        padding: 5px;
 
-
     
 
-
        left: 20px;
 
-
        float: right;
 
-
        text-align: left;
 
-
        width: 180px;
 
-
        font-family: arial, sans-serif;
 
-
    }
 
-
   
 
-
    .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 {
+
     </style>
-
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: top;
 
-
}
 
-
 
-
h2{
 
-
text-align: center;
 
-
}
 
-
 
-
.text-wrap {
 
-
    width: 950px !important;
 
-
}
 
-
       
 
-
       
 
-
 
-
       
 
-
   
 
-
       
 
-
    </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">
-
   
+
-
    <div class="section-title">team</div>
+
-
 
+
-
    </div>  
+
-
    <div class="section1" style="background-position: top;">
+
          
          
-
        <div class="text" style="min-height: 50px !important; width: 700px;">
 
             <h2><b>About the Team</b></h2>
             <h2><b>About the Team</b></h2>
-
<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. </div>
+
<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.  
-
        </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>The Team Members</h3> <!--title of section-->
         <h3>The Team Members</h3> <!--title of section-->
-
        </div>
+
 
-
          </div>
+
          
          
-
         <div class="text-wrap"> <!--wrap two member containers-->
+
         <!--wrap two member containers-->
-
                     <div class="member_container"style="float: left;">
+
                     <div class="member_container">
-
           <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 = "member_divide">
-
        <div class=description>
+
           <img src="https://static.igem.org/mediawiki/2013/8/84/BradbradbkbradbradIMG_8299.JPG"><div class="member_text">
-
            <p><br><br>"Screw minipreps, gotta get big."</p>   
+
</div>
-
            </div>
+
<div class = "member_divide">
-
      </div>
+
<h2>Brad Kaptur</h2><p>Bioengineering</p></div>   
-
         
+
<p>Screw minipreps, gotta get big."</p>   
 +
</div>
          
          
Line 155: Line 77:
          
          
             </div>
             </div>
-
         <div class="text-wrap">
+
         <div class="member_container">
         <div class="member_container"style="float: left">
         <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>   
           <img src="http://s8.postimg.org/3yzpbqadx/attitude.jpg"><div class="member_text"><h2>Danielle Fields</h2><p>Bioengineering</p></div>   

Revision as of 05:19, 22 October 2013

Penn iGEM /*Page specific*/

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.

The Team Members

Brad 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 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 Glantz

Bioengineering (PhD Student)

Spencer helped found the first iGEM team 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.

Michael Magaraci

iGEM Guru

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

Avin Veerakumar

iGEM Guru

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

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 Ma

Bioengineering (Masters Student)

Coffee? H.Ma is the man.

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

Insightful scientific advice, words of wisdom, and thousands of internet points by Dr. Jordan Miller

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