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="http://img1.wikia.nocookie.net/__cb20130427133355/harrypotter/images/4/47/Harry-potter122.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">Harry Potter<span class="muted">I solemnly swear I'm up to no good.</span></h2>
+         <h2 class="featurette-heading">Ali Celentano<span class="muted">  </span></h2>
-         <p class="lead">Harry was born July 31, 1980 as the only child and son of James and Lily Potter. He remains one of the most famous wizards of modern time for defeating The Dark Lord.</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="http://mbtipopculture.files.wordpress.com/2012/07/hermione.jpeg">
+         <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">Hermione Granger<span class="muted">LeviOsa not LevioSA</span></h2>
+         <h2 class="featurette-heading">Dominique MacCalla<span class="muted"></span></h2>
-         <p class="lead">A Muggle-born Gryffindor student, and the best friend of Harry Potter and Ron Weasley</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">Ron Weasley <span class="muted">Why does it always have to be spiders</span></h2>
+         <h2 class="featurette-heading">Nicole Matamala <span class="muted"> </span></h2>
-         <p class="lead">A pure blood wizard, the sixth son of Arthur and Molly Weasley and elder brother to Ginny.</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>
+<hr class="featurette-divider">
+      <div class="featurette">
+        <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"><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>
        <hr class="featurette-divider">
+<div class="featurette">
+        <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"><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>
+<hr class="featurette-divider">
+ <div class="featurette">
+        <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"><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>
+      <hr class="featurette-divider">
+<div class="featurette">
+        <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"><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 280: / 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)