Team:Northwestern

From 2014.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
{{:Team:Northwestern/Templates/Reset}}
{{:Team:Northwestern/Templates/Reset}}
-
{{Team:Northwestern/Templates/Slider}}
+
{{Team:Northwestern/Template/nav}}
{{Team:Northwestern/Template/bootstrap/orange}}
{{Team:Northwestern/Template/bootstrap/orange}}
Line 17: Line 17:
     <title>Home</title>
     <title>Home</title>
-
 
+
 
-
   
+
<style>
<style>
-
 
-
 
-
div{
 
-
  position: relative;
 
-
  display: block;
 
-
  margin: 0 auto;
 
-
  top: 50px;
 
-
  overflow: hidden;
 
-
  width: 300px;
 
-
  height: 100px;
 
-
  text-align: center;
 
-
}
 
-
 
-
.trans{
 
-
transition: transform .6s ease-out;
 
-
  width: 300px;
 
-
}
 
-
 
-
 
-
p{
 
-
  color: #8F8B80;
 
-
  text-align: left;
 
-
  padding: 0 10px;
 
-
  font-family: sans;
 
-
}
 
-
 
-
svg{
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
}
 
-
 
-
svg line {
 
-
    stroke-width: 5;
 
-
    stroke: #B2BCBE;
 
-
    fill: none;
 
-
    stroke-dasharray: 300;
 
-
    transition: transform .6s ease-out, stroke .8s ease-out;
 
-
}
 
-
 
-
div:hover {
 
-
svg line {
 
-
    transform: translateX(-600px);
 
-
  stroke: #FEFEFE;
 
-
  }
 
-
  h2, p {
 
-
    transform: translateY(-100px);
 
-
  }
 
-
}
 
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 83: 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 173: 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 200: 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>
+
-
          
+
-
            </div>
+
-
            <div class="navbar-collapse collapse">
+
-
              <ul class="nav navbar-nav">
+
-
              <li class="active"><a href="https://2014.igem.org/Team:Northwestern/Home">Home</a></li>
+
-
            <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><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>   
+
-
 
+
-
<div>
+
-
<svg width="300" height="100">
+
-
<line x1="0" y1="0" x2="900" y2="0"></line>
+
-
  <line x1="0" y1="100" x2="900" y2="100"></line>
+
-
</svg>
+
-
 
+
-
  <h2 class="trans">Hover</h2>
+
-
 
+
-
  <p class="trans">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="http:2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p></p>
+
</div>
</div>
-
<div class="container">
+
         <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>
-
<div class="jumbotron">
+
         <p><a class="btn btn-lg btn-success" href="https://2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p>
-
        <h1>NU Models: Breaking Down Walls!</h1>
+
-
         <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="http:2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p>
+
       </div>
       </div>
-
</div>
 
-
 
Line 265: 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>parts submitted, and etc
+
           <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>
+
           <p><strong>October 17th</strong>: Characterized our part</p>
-
           <p><a class="btn btn-primary" href="#" role="button">View details</a></p>
+
         </div>
         </div>
         <div class="col-lg-4">
         <div class="col-lg-4">
-
           <h2>Heading</h2>
+
           <h2>Collaboration</h2>
-
           <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+
           <p>Sent our water sample to the Cornell Team!</p>
-
           <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
+
           <p>In contact with the UChicago Team about exchanging constructs</p>
       </div>
       </div>
         <div class="col-lg-4">
         <div class="col-lg-4">
-
           <h2>Heading</h2>
+
           <h2>Getting Ready</h2>
-
           <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p>
+
           <p>For the Jamboree!</p>
-
           <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
+
           <p>See you there!</p>
         </div>
         </div>
       </div>
       </div>
</div>
</div>
-
 
-
      <!-- FOOTER -->
 
-
      <footer>
 
-
<div class="container">
 
-
        <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 307: Line 114:
</script>
</script>
     <script src="http:2014.igem.org/Team:Northwestern/bootstrap.js"></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>
     <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>
 +
</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!

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