Team:Northwestern

From 2014.igem.org

(Difference between revisions)
 
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
{{:Team:Northwestern/Templates/Reset}}
{{:Team:Northwestern/Templates/Reset}}
-
{{Team:Northwestern/Template/nav_only}}
+
{{Team:Northwestern/Template/nav}}
{{Team:Northwestern/Template/bootstrap/orange}}
{{Team:Northwestern/Template/bootstrap/orange}}
-
 
<html>
<html>
Line 18: Line 17:
     <title>Home</title>
     <title>Home</title>
-
 
+
 
-
   
+
<style>
<style>
-
 
-
html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
 
-
margin: 0;
 
-
padding: 0;
 
-
border: 0;
 
-
font-size: 100%;
 
-
font: inherit;
 
-
vertical-align: baseline;
 
-
}
 
-
 
-
article, aside, details, figcaption, figure,
 
-
footer, header, hgroup, menu, nav, section {
 
-
display: block;
 
-
}
 
-
 
-
 
-
body {
 
-
background: #eeeeee;
 
-
background: -webkit-linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background: -moz-linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background: -o-linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background: -ms-linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background: linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background-attachment:fixed;
 
-
}
 
-
 
h1, h2, h3, h4 {
h1, h2, h3, h4 {
border: none;
border: none;
text-decoration: none;
text-decoration: none;
 +
}
 +
 +
#footer h2 {
 +
font-family: 'Lobster', cursive;
 +
color: rgba(123, 36, 216, 0.7);
}
}
.jumbotron {
.jumbotron {
   text-align: center;
   text-align: center;
-
   background-color: transparent;
+
   background-color: rgba(88, 167, 166, 0.52);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,167,166,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
 +
  margin-top: -100px;
}
}
.jumbotron .btn {
.jumbotron .btn {
Line 61: Line 40:
   font-size: 21px;
   font-size: 21px;
}
}
-
 
-
 
-
/* GLOBAL STYLES
 
-
-------------------------------------------------- */
 
-
/* Padding below the footer and lighter body text */
 
-
 
-
body {
 
-
  padding-bottom: 40px;
 
-
  color: #5a5a5a;
 
-
}
 
-
 
-
 
-
/* CUSTOMIZE THE CAROUSEL
 
-
-------------------------------------------------- */
 
-
 
-
/* Carousel base class */
 
-
.carousel {
 
-
  height: 500px;
 
-
  margin-bottom: 60px;
 
-
}
 
-
/* Since positioning the image, we need to help out the caption */
 
-
.carousel-caption {
 
-
  z-index: 10;
 
-
}
 
-
 
-
/* Declare heights because of positioning of img element */
 
-
.carousel .item {
 
-
  height: 500px;
 
-
  background-color: #777;
 
-
}
 
-
.carousel-inner > .item > img {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  min-width: 100%;
 
-
  height: 500px;
 
-
}
 
-
 
-
 
-
 
-
/* MARKETING CONTENT
 
-
-------------------------------------------------- */
 
-
 
-
/* Center align the text within the three columns below the carousel */
 
-
.marketing .col-lg-4 {
 
-
  margin-bottom: 20px;
 
-
  text-align: center;
 
-
}
 
-
.marketing h2 {
 
-
  font-weight: normal;
 
-
}
 
-
.marketing .col-lg-4 p {
 
-
  margin-right: 10px;
 
-
  margin-left: 10px;
 
-
}
 
-
 
-
 
-
/* Featurettes
 
-
------------------------- */
 
-
 
-
.featurette-divider {
 
-
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
 
-
}
 
-
 
-
/* Thin out the marketing headings */
 
-
.featurette-heading {
 
-
  font-weight: 300;
 
-
  line-height: 1;
 
-
  letter-spacing: -1px;
 
-
}
 
-
 
Line 151: Line 59:
     padding-left: 0;
     padding-left: 0;
   }
   }
-
 
-
  /* The navbar becomes detached from the top, so we round the corners */
 
-
  .navbar-wrapper .navbar {
 
-
    border-radius: 4px;
 
-
  }
 
-
 
-
  /* Bump up size of carousel content */
 
-
  .carousel-caption p {
 
-
    margin-bottom: 20px;
 
-
    font-size: 21px;
 
-
    line-height: 1.4;
 
-
  }
 
-
 
-
  .featurette-heading {
 
-
    font-size: 50px;
 
-
  }
 
-
}
 
@media (min-width: 992px) {
@media (min-width: 992px) {
Line 178: Line 69:
<body>
<body>
 +
<div class="jumbotron">
-
 
+
<div class="animated shake">
-
 
+
-
<div class="container">
+
-
<div class="jumbotron">
+
         <h1>NU Models: Breaking Down Walls!</h1>
         <h1>NU Models: Breaking Down Walls!</h1>
-
         <p class="lead">NU Models seeks to expand ribosome binding site characterization of E. Coli to other non-model organisms chosen for their promise in other fields of research. All processes take place in a cell-free system to provide a consistent characterization platform. This information is useful in synthetic biology applications for healthcare, the environment, and industry as it provides a basis for DNA design in organisms other than E. coli that are more optimized for the needs of a given application.</p>
+
</div>
 +
         <p class="lead">NU Models seeks to expand promoter and ribosome binding site characterization of E. coli to other non-model organisms chosen for their promise in other fields of research. All processes take place in a cell-free system to provide a consistent characterization platform. This information is useful in synthetic biology applications for healthcare, the environment, and industry as it provides a basis for DNA design in organisms other than E. coli that are more optimized for the needs of a given application.</p>
         <p><a class="btn btn-lg btn-success" href="https://2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p>
         <p><a class="btn btn-lg btn-success" href="https://2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p>
       </div>
       </div>
-
</div>
 
-
 
Line 194: Line 82:
  <div class="row">
  <div class="row">
         <div class="col-lg-4">
         <div class="col-lg-4">
-
           <h2>Accomplishments</h2>
+
           <h2>Updates</h2>
-
           <p>October 9th: Sent in our construct--the spinach-aptmer to iGEM HQ!</p>
+
           <p><strong>October 9th</strong>: Sent in our construct--the spinach-aptmer to iGEM HQ! This RFP-spinach aptamer deviates from currently submitted parts because it monitors and measures both mRNA concentration and protein concentration simultaneously via fluorescence.</p>
-
           <p>October 17th: Characterized our part</p>
+
           <p><strong>October 17th</strong>: Characterized our part</p>
         </div>
         </div>
         <div class="col-lg-4">
         <div class="col-lg-4">
Line 210: Line 98:
       </div>
       </div>
</div>
</div>
-
 
-
 
-
    </div><!-- /.container -->
 
-
 
Line 219: Line 103:
     ================================================== -->
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <!-- Placed at the end of the document so the pages load faster -->
-
 
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
<script type="text/javascript>
<script type="text/javascript>
$(document).ready(function(){
$(document).ready(function(){
Line 230: Line 113:
});
});
</script>
</script>
-
      
+
     <script src="http:2014.igem.org/Team:Northwestern/bootstrap.js"></script>
-
  <script src="http://www.bootstrap/javascript/assets/js/docs.min.js"></script>
+
    <script src="../../assets/js/docs.min.js"></script>
 +
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
 +
 
 +
</div><!--container-->
 +
</body>
 +
<div id="footer">
 +
<h2>Thank you sponsors!</h2>
 +
<div class="row">
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://isbab2013.org/wp-content/uploads/2013/02/VWR-logo.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.cmidd.northwestern.edu/sites/all/files/images/A-Promega%20Logo_blue.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.idtdna.com/pages/images/gblocks/neb_logo.png?sfvrsn=12"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.brandtinstruments.net/images/thermo_logo.png"/>
 +
</div>
-
  <script src="http://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.26/skrollr.min.js"></script>
+
</div><!--row-->
-
  </body>
+
<div class="row">
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png"/>
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/9/96/USAScientific.gif"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.northwestern.edu/african-studies/images/northwestern-university-seal-logo.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<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 class="col-md-3">
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/f/fd/Genomics_logo_1.gif"/>
 +
</div>
 +
 
 +
 
 +
</div>
 +
</div>
</html>
</html>

Latest revision as of 22:55, 16 October 2014

Dropdown menu from bootstrap

Home

NU Models: Breaking Down Walls!

NU Models seeks to expand promoter and ribosome binding site characterization of E. coli to other non-model organisms chosen for their promise in other fields of research. All processes take place in a cell-free system to provide a consistent characterization platform. This information is useful in synthetic biology applications for healthcare, the environment, and industry as it provides a basis for DNA design in organisms other than E. coli that are more optimized for the needs of a given application.

Learn More

Updates

October 9th: Sent in our construct--the spinach-aptmer to iGEM HQ! This RFP-spinach aptamer deviates from currently submitted parts because it monitors and measures both mRNA concentration and protein concentration simultaneously via fluorescence.

October 17th: Characterized our part

Collaboration

Sent our water sample to the Cornell Team!

In contact with the UChicago Team about exchanging constructs

Getting Ready

For the Jamboree!

See you there!