Team:Carnegie Mellon/Attributions
From 2014.igem.org
(56 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | < | + | <html lang="en"> |
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>Carousel Template · Bootstrap</title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <meta name="description" content=""> | ||
+ | <meta name="author" content=""> | ||
+ | <!-- 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-responsive.css" rel="stylesheet"> | ||
+ | <style> | ||
- | + | /* GLOBAL STYLES | |
+ | -------------------------------------------------- */ | ||
+ | /* Padding below the footer and lighter body text */ | ||
- | |||
- | |||
- | |||
+ | body { | ||
+ | padding-bottom: 40px; | ||
+ | color: #5a5a5a; | ||
+ | background: #85B1C0; | ||
+ | font-size: 12px; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | /* 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: -69px; | ||
+ | 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; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | + | ||
- | + | ||
- | |||
- | |||
- | + | /* Featurettes | |
- | + | ------------------------- */ | |
- | + | .featurette-divider { | |
- | + | width:100%; | |
+ | margin: 80px 0; /* Space out the Bootstrap <hr> more */ | ||
+ | } | ||
+ | .featurette { | ||
+ | width:100%; | ||
- | + | 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; | ||
+ | } | ||
- | |||
+ | .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; | ||
+ | } | ||
- | + | .marketing .span4 + .span4 { | |
- | + | margin-top: 40px; | |
- | + | } | |
- | + | .featurette-heading { | |
- | + | font-size: 30px; | |
- | + | } | |
+ | .featurette .lead { | ||
+ | font-size: 18px; | ||
+ | line-height: 1.5; | ||
+ | } | ||
- | + | } | |
- | + | </style> | |
- | </ | + | |
- | + | <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> | |
- | < | + | <!--[if lt IE 9]> |
- | < | + | <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> |
- | |||
- | |||
- | < | + | <!-- NAVBAR |
+ | ================================================== --> | ||
+ | <div class="navbar-wrapper"> | ||
+ | <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. --> | ||
+ | <div class="container"> | ||
- | <li>Project | + | <div class="navbar navbar-inverse"> |
+ | <div class="navbar-inner"> | ||
+ | <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. --> | ||
+ | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. --> | ||
+ | <div class="nav-collapse collapse"> | ||
+ | <ul class="nav"> | ||
+ | <li class="active"><a href="https://2014.igem.org/Team:Carnegie_Mellon">Home</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Project <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Project_Description">Project Description</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Sensor">Our Sensor</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements">Achievements</a></li> | ||
+ | </ul> | ||
+ | </li> <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Bios">Bios</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Advisors">Advisors</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Policies & Practices <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Projects">Our Projects</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Weeks">Week by Week</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sensor">Sensor</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Protein">Fluorescent Protein Evaluation</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Superoxide">Superoxide Generator Improvement</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/InterLab">Interlab Study</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Modeling <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/SensorModel">Sensor</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Fish">Fish Populations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div><!--/.nav-collapse --> | ||
+ | </div><!-- /.navbar-inner --> | ||
+ | </div><!-- /.navbar --> | ||
- | < | + | </div> <!-- /.container --> |
+ | </div><!-- /.navbar-wrapper --> | ||
- | |||
- | |||
- | + | ||
- | + | ||
- | + | ||
+ | <!-- Marketing messaging and featurettes | ||
+ | ================================================== --> | ||
+ | <!-- Wrap the rest of the page in another container to center all the content. --> | ||
- | </ | + | |
- | </ | + | |
+ | |||
+ | <!-- START THE FEATURETTES --> | ||
+ | |||
+ | <div class="featurette"> | ||
+ | <h2 class="featurette-heading">Dr. Cheryl Telmer<span class="muted"> <h3> Carnegie Mellon University <br> Department of Biological Sciences </h3> </span></h2> | ||
+ | <p class="lead">Dr. Telmer is one of the main advisors of the CMU iGEM team. She provided guidance and training especially for the lab work. This included helping us make up protocols to analyze fluorescent proteins for potential reporters, construct and test our intein sensor, construct the Interlab Measurement Study plasmids and run photobleaching experiments for the KillerRed. In addition she helped us troubleshoot when we ran into difficulties in experimentation, and helped us plan and organize future tasks. </p> | ||
+ | </div> | ||
+ | <hr class="featurette-divider"> | ||
+ | <div class="featurette"> | ||
+ | <h2 class="featurette-heading">Dr. Marcel Bruchez<span class="muted"> <h3> Carnegie Mellon University <br> Department of Biological Sciences </h3> </span></h2> | ||
+ | <p class="lead">Dr. Bruchez is a faculty advisor for the CMU iGEM team. He secured lab space for our team and gave us technical advice about our project, especially how to analyze and present fluorescence data from the TECAN. Dr. Bruchez also helped with the construction of photo-bleaching chambers needed to test the photosensitizers. </p> | ||
+ | </div> | ||
+ | |||
+ | <hr class="featurette-divider"> | ||
+ | |||
+ | <div class="featurette"> | ||
+ | <h2 class="featurette-heading">Dr. Natasa Miskov-Zivanov<span class="muted"> <h3> Carnegie Mellon University <br> Electrical and Computer Engineering </h3> </span></h2> | ||
+ | <p class="lead">Dr. Miskov-Zivanov helped with the modeling portion of the project. She introduced us to new modeling languages, and gave us insight into how to improve our models such that they could be better applied to the real world and the wet lab. </p> | ||
+ | </div> | ||
+ | |||
+ | <hr class="featurette-divider"> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="featurette"> | ||
+ | <h2 class="featurette-heading">Dr. Carrie B. Doonan<span class="muted"> <h3> Carnegie Mellon University <br> Department of Biological Sciences </h3> </span></h2> | ||
+ | <p class="lead">Dr. Doonan is the Director of Undergraduate Laboratories and Teaching Professor at Carnegie Mellon, Department of Biological Sciences and in addition to BioBootcamp training was involved with guiding development of the SynBio Educational Kits. Her expertise in teaching and understanding students was invaluable. </p> | ||
+ | </div> | ||
+ | |||
+ | <hr class="featurette-divider"> | ||
+ | |||
+ | |||
+ | <div class="featurette"> | ||
+ | <h2 class="featurette-heading">Dr. Jeanne VanBriesen<span class="muted"> <h3> Carnegie Mellon University <br>Civil and Environmental Engineering </h3></span></h2> | ||
+ | <p class="lead">Dr. VanBriesen provided background information on water testing. She also gave us input on our sensor and how it can be used in the context of water testing. </p> | ||
+ | </div> | ||
+ | |||
+ | <hr class="featurette-divider"> | ||
+ | |||
+ | |||
+ | <div class="featurette"> | ||
+ | <h2 class="featurette-heading">Dr. Terrence Collins<span class="muted"> <h3> Carnegie Mellon University <br> Department of Chemistry </h3> </span></h2> | ||
+ | <p class="lead">Dr. Collins is a world expert on Green Oxidation Compounds that are used to remove estrogenic compounds from water safely. He was the inspiration for our project. </p> | ||
+ | </div> | ||
+ | |||
+ | <hr class="featurette-divider"> | ||
+ | |||
+ | <div class="featurette"> | ||
+ | <h2 class="featurette-heading">Dr. Catalina Achim and Hannah Diorio-Toth<span class="muted"> <h3> DNAZone, Carnegie Mellon University <br></h3></span></h2> | ||
+ | <p class="lead">Dr. Achim is the Director of DNAzone and Hannah is the CNAST Administrative Assistant and Outreach Coordinator. Together they advised and supported the team with the development of Outreach materials.</p> | ||
+ | </div> | ||
+ | |||
+ | <hr class="featurette-divider"> | ||
+ | |||
+ | <div class="featurette"> | ||
+ | <h2 class="featurette-heading">Taylor Canady and Genoa Warner<span class="muted"> <h3> Carnegie Mellon University <br>Department of Chemistry</h3></span></h2> | ||
+ | <p class="lead">Taylor and Genoa are graduate students and conceived and constructed teaching kits for demonstrating DNA base-pairing and acted as outreach advisors. Genoa studies the chemistry of endocrine disruptors and offered advice.</p> | ||
+ | </div> | ||
+ | |||
+ | <hr class="featurette-divider"> | ||
+ | <p>Diana Marculescu, reviewing team applications and funding</p> | ||
+ | <p>Annette Jacobson, Marcel Bruchez and Nathan Urban for providing funding</p> | ||
+ | <p>Jason Lohmueller, Immunology Postdoc, University of Pittsburgh for experimental advice</p> | ||
+ | <p>James Faeder, UPitt, Associate Professor, Computational Biology, advice with BioNetGen</p> | ||
+ | <p>Yi Wang, Graduate student, Biological Sciences, competent cells</p> | ||
+ | <p>Jonathan Dewerd, Graduate student, BME, wiki advice</p> | ||
+ | <p>Eric Pederson, previous iGEM Team member, advice </p> | ||
+ | <p>Yang Choo, previous iGEM Team member, advice</p> | ||
+ | <p>David Casillas and Carol Lee, Biology Business office</p> | ||
+ | <p>Amie Rose DiTomasso, Sciencepalooza coordinator</p> | ||
+ | <p>Matthew Salyers, Web designer, Biological Sciences</p> | ||
+ | |||
+ | <hr class="featurette-divider"> | ||
+ | <div class="featurette"> | ||
+ | |||
+ | </h2> | ||
+ | |||
+ | |||
+ | <!-- /END THE FEATURETTES --> | ||
+ | |||
+ | |||
+ | <!-- FOOTER --> | ||
+ | <footer> | ||
+ | <p class="pull-right"><a href="#">Back to top</a></p> | ||
+ | <p>© 2013 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p> | ||
+ | </footer> | ||
+ | |||
+ | </div><!-- /.container --> | ||
+ | |||
+ | |||
+ | <!-- Le javascript | ||
+ | ================================================== --> | ||
+ | <!-- Placed at the end of the document so the pages load faster --> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/jquery.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-alert.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-modal.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-scrollspy.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-popover.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-button.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-typeahead.js"></script> | ||
+ | <script> | ||
+ | !function ($) { | ||
+ | $(function(){ | ||
+ | // carousel demo | ||
+ | $('#myCarousel').carousel() | ||
+ | }) | ||
+ | }(window.jQuery) | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/holder/holder.js"></script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 03:48, 18 October 2014
Dr. Cheryl Telmer Carnegie Mellon University
Department of Biological Sciences
Department of Biological Sciences
Dr. Telmer is one of the main advisors of the CMU iGEM team. She provided guidance and training especially for the lab work. This included helping us make up protocols to analyze fluorescent proteins for potential reporters, construct and test our intein sensor, construct the Interlab Measurement Study plasmids and run photobleaching experiments for the KillerRed. In addition she helped us troubleshoot when we ran into difficulties in experimentation, and helped us plan and organize future tasks.
Dr. Marcel Bruchez Carnegie Mellon University
Department of Biological Sciences
Department of Biological Sciences
Dr. Bruchez is a faculty advisor for the CMU iGEM team. He secured lab space for our team and gave us technical advice about our project, especially how to analyze and present fluorescence data from the TECAN. Dr. Bruchez also helped with the construction of photo-bleaching chambers needed to test the photosensitizers.
Dr. Natasa Miskov-Zivanov Carnegie Mellon University
Electrical and Computer Engineering
Electrical and Computer Engineering
Dr. Miskov-Zivanov helped with the modeling portion of the project. She introduced us to new modeling languages, and gave us insight into how to improve our models such that they could be better applied to the real world and the wet lab.
Dr. Carrie B. Doonan Carnegie Mellon University
Department of Biological Sciences
Department of Biological Sciences
Dr. Doonan is the Director of Undergraduate Laboratories and Teaching Professor at Carnegie Mellon, Department of Biological Sciences and in addition to BioBootcamp training was involved with guiding development of the SynBio Educational Kits. Her expertise in teaching and understanding students was invaluable.
Dr. Jeanne VanBriesen Carnegie Mellon University
Civil and Environmental Engineering
Civil and Environmental Engineering
Dr. VanBriesen provided background information on water testing. She also gave us input on our sensor and how it can be used in the context of water testing.
Dr. Terrence Collins Carnegie Mellon University
Department of Chemistry
Department of Chemistry
Dr. Collins is a world expert on Green Oxidation Compounds that are used to remove estrogenic compounds from water safely. He was the inspiration for our project.
Dr. Catalina Achim and Hannah Diorio-Toth DNAZone, Carnegie Mellon University
Dr. Achim is the Director of DNAzone and Hannah is the CNAST Administrative Assistant and Outreach Coordinator. Together they advised and supported the team with the development of Outreach materials.
Taylor Canady and Genoa Warner Carnegie Mellon University
Department of Chemistry
Department of Chemistry
Taylor and Genoa are graduate students and conceived and constructed teaching kits for demonstrating DNA base-pairing and acted as outreach advisors. Genoa studies the chemistry of endocrine disruptors and offered advice.
Diana Marculescu, reviewing team applications and funding
Annette Jacobson, Marcel Bruchez and Nathan Urban for providing funding
Jason Lohmueller, Immunology Postdoc, University of Pittsburgh for experimental advice
James Faeder, UPitt, Associate Professor, Computational Biology, advice with BioNetGen
Yi Wang, Graduate student, Biological Sciences, competent cells
Jonathan Dewerd, Graduate student, BME, wiki advice
Eric Pederson, previous iGEM Team member, advice
Yang Choo, previous iGEM Team member, advice
David Casillas and Carol Lee, Biology Business office
Amie Rose DiTomasso, Sciencepalooza coordinator
Matthew Salyers, Web designer, Biological Sciences