Team:Northwestern/Team

From 2014.igem.org

(Difference between revisions)
 
(177 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
+
{{:Team:Northwestern/Templates/Reset}}
 +
{{Team:Northwestern/Template/nav_only}}
 +
{{Team:Northwestern/Template/bootstrap/orange}}
<html>
<html>
Line 6: Line 8:
<meta charset="utf-8">
<meta charset="utf-8">
-
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-
    <meta name="description" content="">
 
-
    <meta name="author" content="">
 
-
    <link rel="icon" href="../../favicon.ico">
 
-
    <title>Team</title>
+
<style>
 +
@import url(http://fonts.googleapis.com/css?family=Patua+One);
-
</head>
+
.jumbotron {
 +
background-image: url('https://static.igem.org/mediawiki/2014/8/88/Team_picture.jpg');
 +
background-repeat: no-repeat;
 +
background-size: auto 100%;
 +
background-attachment: fixed;
 +
height: 400px;
 +
}
 +
.jumbotron h1{
 +
color: #fff;
 +
}
 +
 
 +
 
 +
.row {
 +
margin-bottom: 20px;
 +
}
 +
 
 +
h1 {
 +
font-family: 'Patua One', cursive;
 +
color: color: rgba(84, 36, 208, 0.7);
 +
}
 +
 
 +
#footer h2 {
 +
font-family: 'Lobster', cursive;
 +
color: rgba(123, 36, 216, 0.7);
 +
}
-
<style>
 
-
body {
+
a:visited {
-
  padding-top: 50px;
+
color: #fff;
-
  padding-bottom: 20px;
+
}
}
/* Center align the text within the three columns below the carousel */
/* Center align the text within the three columns below the carousel */
-
.marketing .col-lg-4 {
+
.members .col-lg-4 {
   margin-bottom: 20px;
   margin-bottom: 20px;
   text-align: center;
   text-align: center;
}
}
-
.marketing h2 {
+
.members h2 {
   font-weight: normal;
   font-weight: normal;
}
}
-
.marketing .col-lg-4 p {
+
.members .col-lg-4 p {
   margin-right: 10px;
   margin-right: 10px;
   margin-left: 10px;
   margin-left: 10px;
}
}
 +
</style>
 +
</head>   
 +
<body>
 +
<div class="animated fadeIn">
 +
<div class="jumbotron">
 +
  <div class="container">
 +
      <h1>Team</h1>
 +
  </div>
 +
</div>
 +
</div>
 +
<div class="container">
-
/* Featurettes
+
    <h1>Meet the team!</h1>
-
------------------------- */
+
-
.featurette-divider {
+
  <div class="row">
-
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
+
        <div class="col-lg-4">
-
}
+
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/b/b9/Tiffany_K.jpg" alt="Tiffany Kwakwa" style="width: 300px; height: 300px;">
 +
          <h5>Tiffany Kwakwa</h5>
 +
          <p>Tiffany loves french fries and the colors pink and sea foam green.  She is a rising junior studying Environmental Engineering and how to recycle and reuse everything.  In her spare time she can be found in bakeries or drinking tea.</p>
 +
        </div>
-
/* Thin out the marketing headings */
+
        <div class="col-lg-4">
-
.featurette-heading {
+
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/1/1b/KristiL.jpg" alt="Kristi Lui" style="width: 300px; height: 300px;">
-
  font-weight: 300;
+
          <h5>Kristi Lui</h5>
-
  line-height: 1;
+
          <p>Kristi has an odd sense of humor and is basically the wild child. When not pipetting, she’s usually watching one of many TV shows (but mainly Dexter) or studying for the MCAT.</p>
-
  letter-spacing: -1px;
+
          </div>
-
}
+
       
 +
      <div class="col-lg-4">
 +
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/e/e9/Mitch_P.jpg" alt="Mitch Perkins" style="width: 300px; height: 300px;">
 +
          <h5>Mitch Perkins</h5>
 +
          <p>Mitch is a potential Anthropology major, but currently focusing on Biology.  Constantly greeting team members with a “Yo!” and sharing pictures of his dog, there is no one else as chill, except maybe the -80 fridge.
 +
</p>
 +
      </div>
 +
</div><!--row-->
 +
<div class="row">
 +
  <div class="col-lg-4">
 +
          <img class="img-circle" src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xfp1/v/t1.0-9/10171630_10203820582979119_767174864_n.jpg?oh=a1410ec5171ad412c970c0530229cabd&oe=549F1038&__gda__=1418267794_d84b9824473ce2cb8cd4e19f5d078d3c" alt="Sharon Chen" style="width: 300px; height: 300px;">
 +
          <h5>Sharon Chen</h5>
 +
          <p>When not studying for the MCAT, Sharon is in the lab or sleeping.  Mainly sleeping.  A rising senior Art History and Biology major, she loves cherries and expensive oatmeal.
 +
</p>
 +
        </div>
-
  /* The navbar becomes detached from the top, so we round the corners */
+
<div class="col-lg-4">
-
  .navbar-wrapper .navbar {
+
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/a/af/DavidL.jpg" alt="David Lee" style="width: 300px; height: 300px;">
-
    border-radius: 4px;
+
          <h5>David Lee</h5>
-
  }
+
          <p>David is a rising star who has also risen into our hearts with his wit and charm.  The other departments are jealous that he chose Biomedical Engineering.  His only vice is his addiction to Game of Thrones, finishing 10 episodes in one night after returning from a day at the lab.
 +
</p>
 +
        </div>
 +
<div class="col-lg-4">
 +
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/7/7d/AdamBaker.JPG" alt="Adam Baker" style="width: 300px; height: 300px;">
 +
          <h5>Adam Baker</h5>
 +
          <p>Adam is a bassist and speed reader, going through multiple books in one sitting as well as the technical papers related to our project.  He’s a rising junior Chemical Engineer who we fall back on for knowledge and fact recollection.
 +
</p>
 +
        </div>
 +
</div>
-
  /* Bump up size of carousel content */
+
<div class="row">
-
  .carousel-caption p {
+
<div class="col-lg-4">
-
    margin-bottom: 20px;
+
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/6/63/AbdullahM.JPG" alt="Abdullah Memon" style="width: 300px; height: 300px;">
-
    font-size: 21px;
+
          <h5>Abdullah Memon</h5>
-
    line-height: 1.4;
+
          <p>Abdullah has been graced with the gift of amazing handwriting and tasteful quips.  He’s a rising junior on a pre-med track to saving lives and making fat stacks.</p>
-
  }
+
        </div>
 +
</div>
-
  .featurette-heading {
+
      <h1>Meet the advisors!</h1>
-
    font-size: 50px;
+
      <div class="row">
-
  }
+
-
}
+
 +
          <div class="col-md-3">
 +
<img class="img-rounded" src="http://www.mccormick.northwestern.edu/images/faculty/Josh-Leonard.png"/>
 +
          <h5>Dr. Josh Leonard<span class="text-muted"> Assistant Professor of Chemical and Biological Engineering
 +
</span></h5>
 +
          </div>
-
</style>
+
<div class="col-md-3">
-
   
+
<img class="img-rounded" src="http://www.mccormick.northwestern.edu/images/faculty/Mike-Jewett.png"/>  
 +
          <h5>Dr. Mike Jewett <span class="text-muted">Assistant Professor of Chemical and Biological Engineering
 +
</span></h5>
 +
      </div>
-
<body>
 
-
<div class="navbar-wrapper">
 
-
      <div class="container">
 
-
         <div class="navbar navbar-inverse navbar-static-top" role="navigation">
+
         <div class="col-md-3">
-
          <div class="container">
+
<img class="img-rounded" src="http://www.mccormick.northwestern.edu/images/faculty/Keith-Tyo.jpg"/>  
-
            <div class="navbar-header">
+
          <h5>Dr. Keith Tyo<span class="text-muted"> Assistant Professor of Chemical and Biological Engineering
-
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+
</span></h5>  
-
                <span class="sr-only">Toggle navigation</span>
+
      </div>
-
                <span class="icon-bar"></span>
+
-
                <span class="icon-bar"></span>
+
-
                <span class="icon-bar"></span>
+
-
              </button>
+
-
              <a class="navbar-brand" href="2014.igem.org/Team:Northwestern/Home">Home</a>
+
-
            </div>
+
-
            <div class="navbar-collapse collapse">
+
-
              <ul class="nav navbar-nav">
+
-
                <li class="active"><a href="2014.igem.org/Team:Northwestern/Project">Project</a></li>
+
-
                <li><a href="2014.igem.org/Team:Northwestern/Team">Team</a></li>
+
-
                <li><a href="2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
+
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Other<span class="caret"></span></a>
+
-
                  <ul class="dropdown-menu" role="menu">
+
-
                    <li><a href="#">Action</a></li>
+
-
                    <li><a href="#">Another action</a></li>
+
-
                    <li><a href="#">Something else here</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="dropdown-header">Nav header</li>
+
-
                    <li><a href="#">Separated link</a></li>
+
-
                    <li><a href="#">One more separated link</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
              </ul>
+
-
            </div>
+
-
          </div>
+
-
        </div>
+
-
      </div>
+
<div class="col-md-3">
-
    </div>
+
<img class="img-rounded" src="https://static.igem.org/mediawiki/2013/b/b8/Mordacq.png"/>
 +
<h5>Dr. John C Mordacq<span class="text-muted"> Distinguished Senior Lecturer of Biological Sciences at Northwestern University
 +
</span></h5>
 +
</div>
-
<div class="container">
+
</div>
 +
 
 +
<h1>Meet the grad students who helped us!</h1>
<div class="row">
<div class="row">
-
  <div class="col-sm-6 col-md-4">
+
<div class="col-md-3">
-
    <div class="thumbnail">
+
<img class="img-rounded" style="width: 100px;" src="http://tyolab.northwestern.edu/wp-content/uploads/2011/01/willb-117x150.jpg"/>
-
      <img data-src="holder.js/300x300" alt="...">
+
<h5>Will Bothfeld <span class="text-muted">Tyo Lab</span></h5>
-
      <div class="caption">
+
<p>When there is a will, there is a way. Our biggest thank-you goes to our official TA of the summer!</p>
-
        <h3>Thumbnail label</h3>
+
<p class="small">Graduate Student in Chemical Engineering, Started 2012/University of Wisconsin – Madison, B.S. Biochemistry & Biology, 2010/Project: Experimental Metabolic Engineering</p>
-
        <p>...</p>
+
</div>
-
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
+
<div class="col-md-3">
-
      </div>
+
<img class="img-rounded" style="width: 100px;" src="http://tyolab.northwestern.edu/wp-content/uploads/2011/01/karthik-e1296321997384-126x150.jpg"/>
-
    </div>
+
<h5>Karthik Sekar <span class="text-muted">Tyo Lab</span></h5>
-
  </div>
+
<p>From navigating the iGEM parts page to using the plate reader, Karthik was with us every step of the way!</p>
 +
<p class="small">PhD Candidate in Chemical Engineering, Started 2010/University of North Carolina at Chapel Hill, B.S. Biomedical Engineering, 2009/Project: Computational & Experimental Metabolic Engineering</p>
 +
</div>
 +
<div class="col-md-3">
 +
<img class="img-rounded" style="width: 100px;" src="http://tyolab.northwestern.edu/wp-content/uploads/2011/01/Stainbrook-Sarah-4371-1-e1399490785126.jpg"/>
 +
<h5>Sarah Steinbrook <span class="text-muted">Tyo Lab</span></h5>
 +
<p>Not only is Sarah super quick when replying our emergency "what to do" emails, she is also the master of troubleshooting - anything and everything - especially the elusive colony PCR.</p>
 +
<p class="small">Graduate Student in IBiS, Started 2014/Ohio University, B.S. Molecular Biology/Project: Signaling Engineering</p>
 +
</div>
 +
<div class="col-md-3">
 +
<img class="img-rounded" style="width: 100px;" src="http://leonard.northwestern.edu/Members_files/shapeimage_24.png"/>
 +
<h5>Joe Muldoon <span class="text-muted">Leonard Lab</span></h5>
 +
<p>Joe! Our beloved iGEM veteran, modeling guru, and let's-talk-math person! We will miss those meetings in the ChemE lab!</p>
 +
<p class="small">Interdisciplinary Biological Sciences Graduate Program (IBiS)/B.S. in Biology, B.S. in Chemistry, University of Virginia 2013/Research Interests: Systems and synthetic immunology and “knowing is half the battle.”</p>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-md-3">
 +
<img class="img-rounded" style="width: 100px;" src="http://leonard.northwestern.edu/Members_files/shapeimage_6.png"/>
 +
<h5>Andrew Younger <span class="text-muted">Leonard Lab</span></h5>
 +
<p>Without Andrew's help, we would still be running a million gels a day and not knowing why nothing was showing up. No, he assured us that DNA was <i>not</i> suddenly positive. The buffer was wrong, that's all.</p>
 +
<p class="small">Interdisciplinary Biological Sciences Graduate Program (IBiS)/B.S. in Molecular Genetics, University of Rochester 2011/Research Interests: Bacterial Synthetic Biology, Metabolic engineering</p>
 +
</div>
 +
 
 +
<div class="col-md-3">
 +
<img class="img-rounded" style="width: 100px;" src="http://jewettlab.northwestern.edu/JewettLab/Team_Members_files/shapeimage_28.png"/>
 +
<h5>Jian Li <span class="text-muted"> Jewett Lab</span></h5>
 +
<p>We cannot thank Jian enough for his guidance in growing S.<i>rimosus</i> and his kindness in letting us borrow chemicals.</p>
 +
<p class="small">B.S. Anhui Agricultural University (AAU), Hefei, China /Ph.D., TU Berlin/Project: in vitro protein synthesis</p>
 +
</div>
 +
 
 +
<div class="col-md-3">
 +
<img class="img-rounded" style="width: 100px;" src="http://jewettlab.northwestern.edu/JewettLab/Team_Members_files/shapeimage_20.png"/>
 +
<h5>Rey Martin  <span class="text-muted">Jewett Lab</span></h5>
 +
<p>We love your passion for your work, your smile, and your enthusiasm when teaching us! Thank you for providing us with your spreadsheet and protocols! And thank you for giving us reagents to begin our research!</p>
 +
<p class="small">NSF Graduate Fellow, Ford Foundation Fellow/Chemical and Biological Engineering, B.S., UCLA/Project: Protein synthesis</p>
 +
</div>
 +
 
 +
<div class="col-md-3">
 +
<img class="img-rounded" style="width: 100px;" src="https://static.igem.org/mediawiki/2014/e/eb/SimonY.jpg"/>
 +
<h5>Simon Yang  <span class="text-muted">iGEM 2013</span></h5>
 +
<p>Simon Yang is a master's student in biomedical engineering. He was also part of Northwestern's 2013 igem team.</p>
 +
</div>
 +
</div><!--row-->
 +
</div><!--body container-->
</div>
</div>
 +
<div id="footer">
 +
<h2>Thank you sponsors!</h2>
<div class="row">
<div class="row">
-
  <div class="col-sm-6 col-md-4">
+
<div class="col-md-3">
-
    <div class="thumbnail">
+
<img style="width: 200px;" src="http://isbab2013.org/wp-content/uploads/2013/02/VWR-logo.png"/>
-
      <img data-src="holder.js/300x300" alt="...">
+
</div>
-
      <div class="caption">
+
<div class="col-md-3">
-
        <h3>Thumbnail label</h3>
+
<img style="width: 200px;" src="http://www.cmidd.northwestern.edu/sites/all/files/images/A-Promega%20Logo_blue.png"/>
-
        <p>...</p>
+
</div>
-
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
+
<div class="col-md-3">
-
      </div>
+
<img style="width: 200px;" src="http://www.idtdna.com/pages/images/gblocks/neb_logo.png?sfvrsn=12"/>
-
    </div>
+
</div>
-
  </div>
+
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.brandtinstruments.net/images/thermo_logo.png"/>
</div>
</div>
 +
 +
</div><!--row-->
<div class="row">
<div class="row">
-
  <div class="col-sm-6 col-md-4">
+
<div class="col-md-3">
-
    <div class="thumbnail">
+
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png"/>
-
      <img data-src="holder.js/300x300" alt="...">
+
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/9/96/USAScientific.gif"/>
-
      <div class="caption">
+
</div>
-
        <h3>Thumbnail label</h3>
+
<div class="col-md-3">
-
        <p>...</p>
+
<img style="width: 200px;" src="http://www.northwestern.edu/african-studies/images/northwestern-university-seal-logo.png"/>
-
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
+
</div>
-
      </div>
+
<div class="col-md-3">
-
    </div>
+
<img style="width: 200px;" src="http://www.mccormick.northwestern.edu/marketing/images/logos-and-branding/logos-for-download/transparency/mccormick-purple-transparency.png"/>
-
  </div>
+
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/f/fd/Genomics_logo_1.gif"/>
</div>
</div>
 +
</div>
</div>
 +
</div>
 +
</body>
</body>
</html>
</html>

Latest revision as of 23:40, 17 October 2014

Dropdown menu from bootstrap

Team

Meet the team!

Tiffany Kwakwa
Tiffany Kwakwa

Tiffany loves french fries and the colors pink and sea foam green. She is a rising junior studying Environmental Engineering and how to recycle and reuse everything. In her spare time she can be found in bakeries or drinking tea.

Kristi Lui
Kristi Lui

Kristi has an odd sense of humor and is basically the wild child. When not pipetting, she’s usually watching one of many TV shows (but mainly Dexter) or studying for the MCAT.

Mitch Perkins
Mitch Perkins

Mitch is a potential Anthropology major, but currently focusing on Biology. Constantly greeting team members with a “Yo!” and sharing pictures of his dog, there is no one else as chill, except maybe the -80 fridge.

Sharon Chen
Sharon Chen

When not studying for the MCAT, Sharon is in the lab or sleeping. Mainly sleeping. A rising senior Art History and Biology major, she loves cherries and expensive oatmeal.

David Lee
David Lee

David is a rising star who has also risen into our hearts with his wit and charm. The other departments are jealous that he chose Biomedical Engineering. His only vice is his addiction to Game of Thrones, finishing 10 episodes in one night after returning from a day at the lab.

Adam Baker
Adam Baker

Adam is a bassist and speed reader, going through multiple books in one sitting as well as the technical papers related to our project. He’s a rising junior Chemical Engineer who we fall back on for knowledge and fact recollection.

Abdullah Memon
Abdullah Memon

Abdullah has been graced with the gift of amazing handwriting and tasteful quips. He’s a rising junior on a pre-med track to saving lives and making fat stacks.

Meet the advisors!

Dr. Josh Leonard Assistant Professor of Chemical and Biological Engineering
Dr. Mike Jewett Assistant Professor of Chemical and Biological Engineering
Dr. Keith Tyo Assistant Professor of Chemical and Biological Engineering
Dr. John C Mordacq Distinguished Senior Lecturer of Biological Sciences at Northwestern University

Meet the grad students who helped us!

Will Bothfeld Tyo Lab

When there is a will, there is a way. Our biggest thank-you goes to our official TA of the summer!

Graduate Student in Chemical Engineering, Started 2012/University of Wisconsin – Madison, B.S. Biochemistry & Biology, 2010/Project: Experimental Metabolic Engineering

Karthik Sekar Tyo Lab

From navigating the iGEM parts page to using the plate reader, Karthik was with us every step of the way!

PhD Candidate in Chemical Engineering, Started 2010/University of North Carolina at Chapel Hill, B.S. Biomedical Engineering, 2009/Project: Computational & Experimental Metabolic Engineering

Sarah Steinbrook Tyo Lab

Not only is Sarah super quick when replying our emergency "what to do" emails, she is also the master of troubleshooting - anything and everything - especially the elusive colony PCR.

Graduate Student in IBiS, Started 2014/Ohio University, B.S. Molecular Biology/Project: Signaling Engineering

Joe Muldoon Leonard Lab

Joe! Our beloved iGEM veteran, modeling guru, and let's-talk-math person! We will miss those meetings in the ChemE lab!

Interdisciplinary Biological Sciences Graduate Program (IBiS)/B.S. in Biology, B.S. in Chemistry, University of Virginia 2013/Research Interests: Systems and synthetic immunology and “knowing is half the battle.”

Andrew Younger Leonard Lab

Without Andrew's help, we would still be running a million gels a day and not knowing why nothing was showing up. No, he assured us that DNA was not suddenly positive. The buffer was wrong, that's all.

Interdisciplinary Biological Sciences Graduate Program (IBiS)/B.S. in Molecular Genetics, University of Rochester 2011/Research Interests: Bacterial Synthetic Biology, Metabolic engineering

Jian Li Jewett Lab

We cannot thank Jian enough for his guidance in growing S.rimosus and his kindness in letting us borrow chemicals.

B.S. Anhui Agricultural University (AAU), Hefei, China /Ph.D., TU Berlin/Project: in vitro protein synthesis

Rey Martin Jewett Lab

We love your passion for your work, your smile, and your enthusiasm when teaching us! Thank you for providing us with your spreadsheet and protocols! And thank you for giving us reagents to begin our research!

NSF Graduate Fellow, Ford Foundation Fellow/Chemical and Biological Engineering, B.S., UCLA/Project: Protein synthesis

Simon Yang iGEM 2013

Simon Yang is a master's student in biomedical engineering. He was also part of Northwestern's 2013 igem team.