Team:Carnegie Mellon/Bios

From 2014.igem.org

(Difference between revisions)

Latest revision as of 06:42, 17 October 2014

Carousel Template · Bootstrap

Ali Celentano

Major: Business and Biology
Projects: Wiki design and lab work
Fun Fact: I was Time Magazine's Person of the Year in 2006.
Myers Brigg Results: Introverted, Sensing, Thinking, Judging

Dominique MacCalla

Major: Biomedical Engineering and Materials Science & Engineering
Projects: Wiki design and lab work
Fun Fact: I used to be a gymnast!
Myers Brigg Results: Introverted, Sensing, Thinking, Judging

Nicole Matamala

Major: Civil Engineering
Projects: Outreach
Fun Fact: I can turn red lights green just by staring at them.
Myers Brigg Results: Extroverted, Intuition, Thinking, Perceiving

Danielle Peters

Major: Biology
Projects: Lab work
Fun Fact: I'm a black belt!
Myers Brigg Results: Introverted, Sensing, Thinking, Perceiving

Courtney Pozzi

Major: Industrial Design
Projects: Outreach and Wiki Design
Fun Fact: My favorite color is black.
Myers Brigg Results: Extroverted, Intuition, Feeling, Perceiving

Niteesh Sundaram

Major: Electrical and Computer Engineering
Projects: Modeling and lab work
Fun Fact: I might be immortal, it hasn't been disproven yet.
Myers Brigg Results: Introverted, Intuition, Thinking, Perceiving

Lena Wang

Major: Biology
Projects: Lab Work
Fun Fact: I can cook 90 second rice in 89 seconds.
Myers Brigg Results: Introverted, Sensing, Thinking, Judging

@@ Line 15: / Line 15: @@
      -------------------------------------------------- */
      /* Padding below the footer and lighter body text */
      body {
        padding-bottom: 40px;
        color: #5a5a5a;
+background: #85B1C0;
    font-size: 12px;
-font face: "comic sans";
      }
@@ Line 30: / Line 31: @@
      .navbar-wrapper {
        position: absolute;
-       top: 0;
+       top: 50;
        left: 0;
        right: 0;
-       z-index: 10;
+       z-index: 100;
-       margin-top: 20px;
+       margin-top: -69px;
        margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
      }
@@ Line 93: / Line 94: @@
      /* 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;
+       margin-right: 30px;
      }
      .featurette-image.pull-right {
-       margin-left: 40px;
+       margin-left: 30px;
      }
@@ Line 150: / Line 151: @@
        .featurette-heading {
-         font-size: 30px;
+         font-size: 25px;
        }
        .featurette .lead {
-         font-size: 18px;
+         font-size: 20%;
          line-height: 1.5;
        }
@@ Line 190: / Line 191: @@
                <span class="icon-bar"></span>
              </button>
-            <a class="brand" href="https://igem.org/Main_Page">iGEM</a>
              <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
              <div class="nav-collapse collapse">
@@ Line 198: / Line 198: @@
                    <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/Overview">Overview</a></li>
+                     <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/Colaborations">Collaborations</a></li>
-                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Modeling">Modeling</a></li>
-                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Human_Practices">Human Practices</a></li>
                      <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements">Achievements</a></li>
-                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Future_Plans">Future Plans</a></li>
                    </ul>
                  </li>                <li class="dropdown">
@@ Line 210: / Line 206: @@
                    <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">Outreach <b class="caret"></b></a>
+                         <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/DNA_Extraction">DNA Extraction</a></li>
+                     <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/Creature_Feature">Creature Feature</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">Notebook <b class="caret"></b></a>
+                   <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/Journal">Journal</a></li>
+                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/SensorModel">Sensor</a></li>
-                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Parts">Parts</a></li>
+                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Fish">Fish Populations</a></li>
-                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Protocols">Protocols</a></li>
                    </ul>
                  </li>
@@ Line 252: / Line 257: @@
        <div class="featurette">
-<img class="featurette-image pull-right" src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xpa1/t1.0-9/10374927_10203985964793111_6098610090981952036_n.jpg" >
+<img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/3/3b/Aliiii.JPG" height="400" width="400">
          <h2 class="featurette-heading">Ali Celentano<span class="muted">  </span></h2>
-         <p class="lead">Major: Business and Biology<br>Projects: Wiki Design and help in the lab<br>Fun Fact: TBA<br>Myers Brigg Results: </p>
+         <p class="lead"><font size = "3"><b>Major:</b> Business and Biology<br><b>Projects:</b> Wiki design and lab work<br><b>Fun Fact:</b> I was Time Magazine's Person of the Year in 2006.<br><b>Myers Brigg Results:</b> Introverted, Sensing, Thinking, Judging </p></font>
        </div>
@@ Line 260: / Line 265: @@
        <div class="featurette">
-         <img class="featurette-image pull-left" src="#" height="400" width="400">
+         <img class="featurette-image pull-left" src="https://static.igem.org/mediawiki/2014/2/2c/Image1.jpeg" height="400" width="400">
-         <h2 class="featurette-heading">Dominique McCalla<span class="muted"></span></h2>
+         <h2 class="featurette-heading">Dominique MacCalla<span class="muted"></span></h2>
-         <p class="lead pull-right">Major: Biomedical Engineering<br>Projects: Wiki Design<br>Fun Fact: TBA<br>Myers Brigg Results:</p>
+         <p class="lead pull-right"><font size = "3"><b>Major:</b> Biomedical Engineering and Materials Science & Engineering<br><b>Projects:</b> Wiki design and lab work<br><b>Fun Fact:</b> I used to be a gymnast!<br><b>Myers Brigg Results:</b> Introverted, Sensing, Thinking, Judging</p></font>
        </div>
@@ Line 268: / Line 273: @@
        <div class="featurette">
-         <img class="featurette-image pull-right" src="http://upload.wikimedia.org/wikipedia/en/5/5e/Ron_Weasley_poster.jpg">
+         <img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/0/08/Nicole.PNG" height="400" width="400"/>
          <h2 class="featurette-heading">Nicole Matamala <span class="muted"> </span></h2>
-         <p class="lead">Major: Civil Engineering<br>Projects: Outreach<br>Fun Fact: TBA<br>Myers Brigg Results:</p>
+         <p class="lead"><font size = "3"><b>Major:</b> Civil Engineering<br><b>Projects:</b> Outreach<br><b>Fun Fact:</b> I can turn red lights green just by staring at them.<br><b>Myers Brigg Results:</b> Extroverted, Intuition, Thinking, Perceiving</p></font>
        </div>
@@ Line 276: / Line 281: @@
        <div class="featurette">
-         <img class="featurette-image pull-left" src="http://mbtipopculture.files.wordpress.com/2012/07/hermione.jpeg">
+         <img class="featurette-image pull-left" src="https://static.igem.org/mediawiki/2014/a/a8/Danielle.jpg" height="400" width="400">
          <h2 class="featurette-heading">Danielle Peters<span class="muted"></span></h2>
-         <p class="lead pull-right">Major: Biology<br>Projects: Lab work<br>Fun Fact: TBA<br>Myers Brigg Results:</p>
+         <p class="lead pull-right"><font size = "3"><b>Major:</b> Biology<br><b>Projects:</b> Lab work<br><b>Fun Fact:</b> I'm a black belt!<br><b>Myers Brigg Results:</b> Introverted, Sensing, Thinking, Perceiving</p></font>
        </div>
@@ Line 285: / Line 290: @@
 <div class="featurette">
-         <img class="featurette-image pull-right" src="http://upload.wikimedia.org/wikipedia/en/5/5e/Ron_Weasley_poster.jpg">
+         <img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/d/d7/Courtney.jpg" height="400" width="400">
          <h2 class="featurette-heading">Courtney Pozzi <span class="muted"> </span></h2>
-         <p class="lead">Major: Industrial Design<br>Projects: Outreach and Wiki Design<br>Fun Fact: TBA<br>Myers Brigg Results:</p>
+         <p class="lead"><font size = "3"><b>Major:</b> Industrial Design<br><b>Projects:</b> Outreach and Wiki Design<br><b>Fun Fact:</b> My favorite color is black.<br><b>Myers Brigg Results:</b> Extroverted, Intuition, Feeling, Perceiving</p></font>
        </div>
@@ Line 293: / Line 298: @@
   <div class="featurette">
-         <img class="featurette-image pull-left" src="http://mbtipopculture.files.wordpress.com/2012/07/hermione.jpeg">
+         <img class="featurette-image pull-left" src="https://static.igem.org/mediawiki/2014/d/dc/Applicant_photo.jpg" height="400" width="400">
          <h2 class="featurette-heading">Niteesh Sundaram<span class="muted"></span></h2>
-         <p class="lead pull-right">Major: ECE?<br>Projects: Modeling<br>Fun Fact: TBA<br>Myers Brigg Results:</p>
+         <p class="lead pull-right"><font size = "3"><b>Major:</b> Electrical and Computer Engineering<br><b>Projects:</b> Modeling and lab work<br><b>Fun Fact:</b> I might be immortal, it hasn't been disproven yet.<br><b>Myers Brigg Results:</b> Introverted, Intuition, Thinking, Perceiving</p></font>
        </div>
@@ Line 302: / Line 307: @@
 <div class="featurette">
-         <img class="featurette-image pull-right" src="http://upload.wikimedia.org/wikipedia/en/5/5e/Ron_Weasley_poster.jpg">
+         <img class="featurette-image pull-right" src="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-frc3/v/t1.0-9/557726_10151383560238366_990675894_n.jpg?oh=0174aacfaecbcd19ca4ec98396c08a56&oe=54538648&__gda__=1414477111_c9fd3d5e7d0adc1836f1515254492f06" height="400" width="400">
          <h2 class="featurette-heading">Lena Wang<span class="muted"> </span></h2>
-         <p class="lead">Major: Biology<br>Projects: Lab Work<br>Fun Fact: TBA<br>Myers Brigg Results:</p>
+         <p class="lead"><font size = "3"><b>Major:</b> Biology<br><b>Projects:</b> Lab Work<br><b>Fun Fact:</b> I can cook 90 second rice in 89 seconds.<br><b>Myers Brigg Results:</b> Introverted, Sensing, Thinking, Judging</p></font>
        </div>
 <hr class="featurette-divider">
        <!-- /END THE FEATURETTES -->
@@ Line 313: / Line 319: @@
        <!-- FOOTER -->
        <footer>
-         <p class="pull-left"><a href="#">Back to top</a></p>
+         <p class="pull-right"><a href="#">Back to top</a></p>
          <p>&copy; 2013 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <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)