Team:Carnegie Mellon/Gallery

From 2014.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 1: Line 1:
<html lang="en">
<html lang="en">
   <head>
   <head>
-
 
+
    <meta charset="utf-8">
-
  <meta charset="utf-8">
+
     <title>Carousel Template &middot; Bootstrap</title>
     <title>Carousel Template &middot; Bootstrap</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
Line 10: Line 9:
     <!-- 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="https://2014.igem.org/Template:CarnegieMellon:CarnegieMellon/CSS?action=raw&ctype=text/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;
 +
    }
 +
 +
 +
 +
 
 +
 +
    /* 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;
 +
      }
 +
h2 {text-align:center}
 +
 +
      .featurette-heading {
 +
        text-align: center;
 +
        font-size: 25px;
 +
      }
 +
      .featurette .lead {
 +
        font-size: 20%;
 +
        line-height: 1.5;
 +
      }
 +
 +
    }
 +
    </style>
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
Line 24: Line 143:
                     <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-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">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
 +
 +
 +
 +
   </head>
   </head>
Line 52: Line 175:
                     <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/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/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/Achievements">Achievements</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>
                   </ul>
                 </li>                <li class="dropdown">
                 </li>                <li class="dropdown">
Line 63: Line 184:
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Attributions">Attributions</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>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sponsors">Sponsors</a></li>
-
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li>
 
                   </ul>
                   </ul>
                 </li>
                 </li>
<li class="dropdown">
<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">Policies & Practices <b class="caret"></b></a>
                   <ul class="dropdown-menu">
                   <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/Our_Projects">Our Projects</a></li>
Line 74: Line 194:
                 </li>
                 </li>
<li class="dropdown">
<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">Notebook <b class="caret"></b></a>
                   <ul class="dropdown-menu">
                   <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/Weeks">Week by Week</a></li>
Line 98: Line 218:
     </div><!-- /.navbar-wrapper -->
     </div><!-- /.navbar-wrapper -->
 +
<h1> <center> Carnegie Mellon's Meetup </center> </h1>
 +
<hr>
 +
<div id="images"><center>
 +
   
 +
<img class="sqimg" border="0" src="https://static.igem.org/mediawiki/2014/1/19/IMG_4970.JPG"/></a></br>
 +
    <img class="sqimg" border="0" src="https://static.igem.org/mediawiki/2014/0/03/IMG_4971.JPG"/></a></br>
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/a/ad/IMG_4978.JPG"/></a></br>
-
<!-- Le javascript
+
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/8/8a/IMG_4979.JPG"/></a></br>
 +
 
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/e/ee/IMG_5003.JPG"/></a></br>
 +
 
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/d/d7/IMG_5013.JPG"/></a></br>
 +
 
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/8/84/Science%281%29.JPG"/></a></br>
 +
 
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/8/8d/IMG_5036.JPG"/></a></br>
 +
 
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/2/2f/IMG_5056.JPG"/></a></br>
 +
 
 +
<hr>
 +
<h1>Creature Feature</h1>
 +
<hr>
 +
 
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/c/cb/Creaturefeature.jpg"/></a></br>
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/c/c8/Nfi.JPG"/></a></br>
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/3/3f/Photo4CF.jpg"/></a></br>
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/8/87/Photo_2-2.jpg"/></a></br>
 +
 
 +
<hr>
 +
<h1> Science Palooza</h1>
 +
<hr>
 +
 
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/0/01/DSC_1164.JPG"/></a></br>
 +
 
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/3/35/DSC_1262.JPG"/></a></br>
 +
 
 +
<img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/0/0e/Meiw.JPG"/></a></br>
 +
 
 +
    <img class="sqimg" border="0"  src="https://static.igem.org/mediawiki/2014/5/51/Kids_Cards.jpg"/></a></br>
 +
 
 +
 
 +
 
 +
</center></div>​
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- Le javascript
     ================================================== -->
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <!-- Placed at the end of the document so the pages load faster -->
Line 125: Line 293:
         })
         })
       }(window.jQuery)
       }(window.jQuery)
 +
 
 +
 +
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
 +
<script src="js/bootstrap-image-gallery.min.js">
 +
 +
 +
 
     </script>
     </script>
     <script src="http://getbootstrap.com/2.3.2/assets/js/holder/holder.js"></script>
     <script src="http://getbootstrap.com/2.3.2/assets/js/holder/holder.js"></script>
   </body>
   </body>
</html>
</html>

Latest revision as of 05:55, 17 October 2014

Carousel Template · Bootstrap

Carnegie Mellon's Meetup












Creature Feature







Science Palooza