Team:Carnegie Mellon/Gallery
From 2014.igem.org
(Difference between revisions)
Acelentano (Talk | contribs) |
Acelentano (Talk | contribs) |
||
(27 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
- | + | <meta charset="utf-8"> | |
- | + | ||
<title>Carousel Template · Bootstrap</title> | <title>Carousel Template · 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=" | + | <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/Achievements">Achievements</a></li> | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements">Achievements</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> | ||
- | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | + | <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> | |
<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