Team:Carnegie Mellon/Project Description

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
     <!-- Le styles -->
     <!-- Le styles -->
     <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet">
     <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet">
-
     <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
     <link href="https://2014.igem.org/Template:CarnegieMellon:CarnegieMellon/CSS?action=raw&ctype=text/css" rel="stylesheet">
-
    <style>
+
-
    /* GLOBAL STYLES
+
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-
    -------------------------------------------------- */
+
    <!--[if lt IE 9]>
-
     /* Padding below the footer and lighter body text */
+
      <script src="../assets/js/html5shiv.js"></script>
 +
     <![endif]-->
 +
    <!-- Fav and touch icons -->
 +
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
 +
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
 +
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
 +
                                  <link rel="shortcut icon" href="../assets/ico/favicon.png">
 +
  </head>
-
 
+
  <body>
-
    body {
+
 
-
      padding-bottom: 40px;
+
-
    background: #008AE6;
+
-
      color: #5a5a5a;
+
-
  font-size: 12px;
+
-
    }
+
-
 
+
     /* CUSTOMIZE THE NAVBAR
     /* CUSTOMIZE THE NAVBAR

Revision as of 15:25, 13 October 2014

Carousel Template · Bootstrap /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ /* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper { position: absolute; top: 50; left: 0; right: 0; z-index: 100; margin-top: -70px; margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ } .navbar-wrapper .navbar { } /* Remove border and change up box shadow for more contrast */ .navbar .navbar-inner { width:80%; border: 0; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25); box-shadow: 0 2px 10px rgba(0,0,0,.25); } /* Downsize the brand/project name a bit */ .navbar .brand { padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */ font-size: 16px; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,.5); } /* Navbar links: increase padding for taller navbar */ .navbar .nav > li > a { padding: 15px 20px; } /* Offset the responsive button for proper vertical alignment */ .navbar .btn-navbar { margin-top: 10px; } /* MARKETING CONTENT -------------------------------------------------- */ /* Center align the text within the three columns below the carousel */ .marketing .span4 { width:25%; text-align: center; } .marketing h2 { font-weight: normal; } .marketing .span4 p { margin-left: 10px; margin-right: 10px; } /* Featurettes ------------------------- */ .featurette-divider { width:82%; margin: 80px 0; /* Space out the Bootstrap


more */ } .featurette { width:82%; padding-top: 100px; /* Vertically center images part 1: add padding above and below text. */ overflow: hidden; /* Vertically center images part 2: clear their floats. */ } .featurette-image { margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */ } /* Give some space on the sides of the floated elements so text doesn't run right into it. */ .featurette-image.pull-left { margin-right: 40px; } .featurette-image.pull-right { margin-left: 40px; } /* Thin out the marketing headings */ .featurette-heading { font-size: 50px; font-weight: 300; line-height: 1; letter-spacing: -1px; } /* RESPONSIVE CSS -------------------------------------------------- */ @media (max-width: 979px) { .container.navbar-wrapper { margin-bottom: 0; width: auto; } .navbar-inner { border-radius: 0; margin: -20px 0; } .carousel .item { height: 500px; } .carousel img { width: auto; height: 500px; } .featurette { height: auto; padding: 0; } .featurette-image.pull-left, .featurette-image.pull-right { display: block; float: none; max-width: 20%; margin: 0 auto 20px; } } @media (max-width: 767px) { .navbar-inner { margin: -20px; } .carousel { margin-left: -20px; margin-right: -20px; } .carousel .container { } .carousel .item { height: 300px; } .carousel img { height: 300px; } .carousel-caption { width: 65%; padding: 0 70px; margin-top: 100px; } .carousel-caption h1 { font-size: 30px; } .carousel-caption .lead, .carousel-caption .btn { font-size: 18px; } .marketing .span4 + .span4 { margin-top: 40px; } .featurette-heading { font-size: 30px; } .featurette .lead { font-size: 18px; line-height: 1.5; } }

S.T.R.E.A.M.

Sensor That Reports Endocrine Activating Molecules

Hormones are molecules that allow cells to communicate with each other and are used by organisms to alter growth and metabolism. The steroid hormones such as estrogen can diffuse across the plasma membrane, bind their receptor in the cytoplasm, migrate to the nucleus and act as transcription factors to alter cell’s physiology and behavior. Naturally occurring steroid hormones include estrogen, progesterone, testosterone and cortisol. 

Detection of hormones in the environment has raised concerns in recent years because of their potential to affect both humans and wildlife. Estrogens from natural, synthetic, plant, and fungal sources can manifest endocrine disrupting properties and even at low concentrations can have harmful effects due to receptor activation. Estrogenic activity can occur in water sources including waste, drinking and freshwater. In freshwater, estrogens are harmful to the ecosystems, feminizing fish and disrupting the overall populations of organisms in the ecosystem. Estrogenic substances can also be present in what we drink, however since the presence of hormones in water is a relatively new area of study, there have been no previous restrictions or regulations regarding filtration of estrogenic compounds. 

Due to concern with the compounds in water, we are developing a sensor to detect the molecules in water that will bind to the estrogen receptor. We anticipate that our STREAM, Sensor That Reports Endocrine Activating Molecules, will be sensitive and informative of water quality. A BioNetGen model of the sensor and NetLogo model of fish populations were constructed to improve our understanding of these systems.