Team:Northwestern/Home

From 2014.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
{{:Team:Northwestern/Templates/Reset}}
{{:Team:Northwestern/Templates/Reset}}
-
{{Team:Northwestern/Template/bootstrap}}
 
{{Team:Northwestern/Template/nav}}
{{Team:Northwestern/Template/nav}}
-
{{Team:Northwestern/Templates/Slider}}
+
{{Team:Northwestern/Template/bootstrap/orange}}
<html>
<html>
Line 13: Line 12:
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
     <meta name="description" content="">
+
     <meta name="description" content="Northwestern iGEM 2014 Cell Free Protein Synthesis Non Model Organisms">
-
     <meta name="author" content="">
+
     <meta name="Sharon Chen" content="website based on bootstrap">
      
      
     <title>Home</title>
     <title>Home</title>
-
 
+
 
-
   
+
<style>
<style>
-
/* GLOBAL STYLES
 
-
-------------------------------------------------- */
 
-
/* Padding below the footer and lighter body text */
 
-
body {
+
h1, h2, h3, h4 {
-
  padding-bottom: 40px;
+
border: none;
-
  color: #5a5a5a;
+
text-decoration: none;
}
}
-
 
+
#footer h2 {
-
 
+
font-family: 'Lobster', cursive;
-
/* CUSTOMIZE THE NAVBAR
+
color: rgba(123, 36, 216, 0.7);
-
-------------------------------------------------- */
+
-
 
+
-
/* Special class on .container surrounding .navbar, used for positioning it into place. */
+
-
.navbar-wrapper {
+
-
  position: absolute;
+
-
  top: 0;
+
-
  right: 0;
+
-
  left: 0;
+
-
  z-index: 20;
+
}
}
-
/* Flip around the padding for proper display in narrow viewports */
+
.jumbotron {
-
.navbar-wrapper > .container {
+
-
  padding-right: 0;
+
-
  padding-left: 0;
+
-
}
+
-
.navbar-wrapper .navbar {
+
-
  padding-right: 15px;
+
-
  padding-left: 15px;
+
-
}
+
-
.navbar-wrapper .navbar .container {
+
-
  width: auto;
+
-
}
+
-
 
+
-
 
+
-
/* 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;
   text-align: center;
 +
  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;
}
}
-
.marketing h2 {
+
.jumbotron .btn {
-
  font-weight: normal;
+
   padding: 14px 24px;
-
}
+
   font-size: 21px;
-
.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 136: 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 163: Line 69:
<body>
<body>
-
<div class="navbar-wrapper">
+
<div class="jumbotron">
-
      <div class="container">
+
-
        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
<div class="animated shake">
-
          <div class="container">
+
         <h1>NU Models: Breaking Down Walls!</h1>
-
            <div class="navbar-header">
+
-
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+
-
                <span class="sr-only">Toggle navigation</span>
+
-
                <span class="icon-bar"></span>
+
-
                <span class="icon-bar"></span>
+
-
                <span class="icon-bar"></span>
+
-
              </button>
+
-
              <a class="navbar-brand" href="https://2014.igem.org/Team:Northwestern/Home">Home</a>
+
-
            </div>
+
-
            <div class="navbar-collapse collapse">
+
-
              <ul class="nav navbar-nav">
+
-
              <li><a href="https://2014.igem.org/Team:Northwestern/Project">Project</a></li>
+
-
                <li><a href="https://2014.igem.org/Team:Northwestern/Team">Team</a></li>
+
-
                <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
+
-
                <li class="active"><a href="https://2014.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
+
-
                <li class="dropdown">
+
-
                  <a href="#"class="dropdown-toggle" data-toggle="dropdown">To be fixed soon<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>   
+
-
<!--Jumbotron-->
+
-
<div class="jumbotron">
+
-
  <div class="container">
+
-
    <h1>NU Models: Breaking Down Walls</h1>
+
-
  <p>Using the cell free system to explore non-model organisms</p>
+
-
  <p><a href="https://2014.igem.org/Team:Northwestern/Project" class="btn btn-info btn-lg" role="button">Learn more</a></p>
+
-
  </div>
+
</div>
</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>
-
    <!-- Marketing messaging and featurettes
+
         <p><a class="btn btn-lg btn-success" href="https://2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p>
-
    ================================================== -->
+
-
    <!-- Wrap the rest of the page in another container to center all the content. -->
+
-
 
+
-
    <div class="container marketing">
+
-
    <div>{{Team:Northwestern/Templates/Slider}}</div>
+
-
      <!-- Four columns of text below the carousel -->
+
-
      <div class="row">
+
-
        <div class="col-md-3">
+
-
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 200px; height: 200px;">
+
-
          <h2>June</h2>
+
-
          <p>Initial Planning Stage</p>
+
-
          <p><a class="btn btn-success btn-lg" href="/Team:Northwestern/Notebook/June" role="button">Week by week</a></p>
+
-
        </div>
+
-
 
+
-
        <div class="col-md-3">
+
-
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 200px; height: 200px;">
+
-
          <h2>July</h2>
+
-
          <p>Learning genetic engineering techniques</p>
+
-
          <p><a class="btn btn-success btn-lg" href="2014.igem.org/Team:Northwestern/July" role="button">Week by week</a></p>
+
-
         </div>
+
-
 
+
-
        <div class="col-md-3">
+
-
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 200px; height: 200px;">
+
-
          <h2>August</h2>
+
-
          <p>Producing results...and sometimes not. Troubleshooting</p>
+
-
          <p><a class="btn btn-success btn-lg" href="2014.igem.org/Team:Northwestern/August" role="button">Week by week</a></p>
+
-
        </div>
+
-
 
+
-
  <div class="col-md-3">
+
-
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 200px; height: 200px;">
+
-
          <h2>September</h2>
+
-
          <p>Getting ready for the Jamboree!</p>
+
-
          <p><a class="btn btn-success btn-lg" href="2014.igem.org/Team:Northwestern/September" role="button">Week by week</a></p>
+
-
        </div>
+
       </div>
       </div>
-
 
+
<div class="container">
-
      <!-- START THE FEATURETTES -->
+
<div class="row">
-
 
+
         <div class="col-lg-4">
-
      <hr class="featurette-divider">
+
           <h2>Updates</h2>
-
 
+
          <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>
-
      <div class="row featurette">
+
           <p><strong>October 17th</strong>: Characterized our part</p>
-
         <div class="col-md-7">
+
-
           <h2 class="featurette-heading">Well, it looks like our notebook is empty at the moment<span class="text-muted"> but we'll be back with awesome graphs and data soon!</span></h2>
+
-
           <p class="lead">see everyone at the Giant Jamboree!</p>
+
         </div>
         </div>
-
         <div class="col-md-5">
+
         <div class="col-lg-4">
-
           <img class="featurette-image img-rounded" alt="Generic placeholder image">
+
           <h2>Collaboration</h2>
 +
          <p>Sent our water sample to the Cornell Team!</p>
 +
          <p>In contact with the UChicago Team about exchanging constructs</p>
 +
      </div>
 +
        <div class="col-lg-4">
 +
          <h2>Getting Ready</h2>
 +
          <p>For the Jamboree!</p>
 +
          <p>See you there!</p>
         </div>
         </div>
       </div>
       </div>
-
 
+
</div>
-
 
+
-
 
+
-
      <!-- /END THE FEATURETTES -->
+
-
 
+
-
 
+
-
      <!-- FOOTER -->
+
-
      <footer>
+
-
        <p class="pull-right"><a href="#">Back to top</a></p>
+
-
        <p>&copy; 2014 Company, Inc. &middot; <a href="#">Hm</a> &middot; <a href="www.bootstrap.com">Bootstrap</a></p>
+
-
      </footer>
+
-
 
+
-
    </div><!-- /.container -->
+
Line 295: Line 117:
     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
     <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
     <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-
   </body>
+
    
 +
</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>
 +
 
 +
</div><!--row-->
 +
 
 +
<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 00:53, 18 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!

Retrieved from "http://2014.igem.org/Team:Northwestern/Home"