Team:Carnegie Mellon

From 2014.igem.org

(Difference between revisions)
 
(248 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
<html lang="en">
-
<html class="html">
+
  <head>
-
<head>
+
-
 
+
-
  <script type="text/javascript">
+
-
  if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.watch.js", "index.css"], "outOfDate":[]};
+
-
</script>
+
    
    
-
   <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
+
   <meta charset="utf-8">
-
  <meta name="generator" content="2014.0.0.264"/>
+
    <title>Carousel Template &middot; Bootstrap</title>
-
  <title>Home</title>
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
  <!-- CSS -->
+
    <meta name="description" content="">
-
  <link rel="stylesheet" type="text/css" href="css/site_global.css?208753328"/>
+
    <meta name="author" content="">
-
  <link rel="stylesheet" type="text/css" href="css/index.css?3932498569" id="pagesheet"/>
+
 
-
   <!-- Other scripts -->
+
    <!-- Le styles -->
-
  <script type="text/javascript">
+
    <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet">
-
  document.documentElement.className += ' js';
+
    <link href="https://2014.igem.org/Template:CarnegieMellon:CarnegieMellon/CSS?action=raw&ctype=text/css" rel="stylesheet">
-
</script>
+
 
-
   </head>
+
 
-
<body>
+
    <!-- 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">
 +
 
 +
        <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 -->
 +
 
 +
 
 +
 
 +
    <!-- Carousel
 +
    ================================================== -->
 +
    <div id="myCarousel" class="carousel slide">
 +
      <div class="carousel-inner">
 +
        <div class="item active">
 +
          <img src="https://static.igem.org/mediawiki/2014/7/78/01_Stream_reformat.jpg">
 +
          <div class="container">
 +
          </div>
 +
        </div>
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/1/1a/2_problem1.jpg" alt="carousel2">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/8/8b/3_focus.jpg" alt="carousel3">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
            </div>
 +
          </div>
 +
        </div>
 +
      <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/6/62/4_Bio.jpg" alt="carousel4">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
            </div>
 +
          </div>
 +
        </div>
 +
<div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/9/93/5_whatsnext.jpg" alt="carousel5">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
            </div>
 +
          </div>
 +
        </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
 +
      <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
 +
    </div><!-- /.carousel -->
 +
 
 +
 
 +
    <!-- Marketing messaging and featurettes
 +
    ================================================== -->
 +
    <!-- Wrap the rest of the page in another container to center all the content. -->
 +
 
 +
<hr/>
 +
 
 +
<div id="images">
 +
    <a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements" target="_blank">
 +
    <img class="sqimg" border="0" alt="sensor" src="https://static.igem.org/mediawiki/2014/f/f7/Achievements.jpg"/></a>
 +
 
 +
    <a href="https://2014.igem.org/Team:Carnegie_Mellon/Project_Description" target="_blank">
 +
    <img class="sqimg" border="0" alt="practices" src="https://static.igem.org/mediawiki/2014/e/ea/Project.jpg"/></a>
 +
 
 +
   <a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Projects" target="_blank">
 +
    <img class="sqimg" border="0" alt="practices" src="https://static.igem.org/mediawiki/2014/6/6b/Humanpractices.jpg"/></a>
 +
 
 +
    <a href="https://2014.igem.org/Team:Carnegie_Mellon/Collaborations">
 +
    <img class="sqimg" border="0" alt="collaborations" src="https://static.igem.org/mediawiki/2014/4/47/Collaborate.jpg"/></a>
 +
</div>​
 +
 
-
  <div class="clearfix" id="page"><!-- group -->
+
    <!-- Le javascript
-
  <div class="clearfix grpelem" id="u74-4"><!-- content -->
+
    ================================================== -->
-
     <p>iGEM Carnegie Mellon</p>
+
    <!-- Placed at the end of the document so the pages load faster -->
-
  </div>
+
     <script src="http://getbootstrap.com/2.3.2/assets/js/jquery.js"></script>
-
  <div class="clearfix grpelem" id="u75-4"><!-- content -->
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script>
-
     <p>Hi Nicole</p>
+
     <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-alert.js"></script>
-
  </div>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-modal.js"></script>
-
  <div class="verticalspacer"></div>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script>
-
  </div>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-scrollspy.js"></script>
-
  <!-- JS includes -->
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
-
  <script src="scripts/jquery-1.8.3.min.js?3850798583" type="text/javascript"></script>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js"></script>
-
  <script src="scripts/museutils.js?212726984" type="text/javascript"></script>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-popover.js"></script>
-
  <script src="scripts/jquery.watch.js?4125239756" type="text/javascript"></script>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-button.js"></script>
-
  <!-- Other scripts -->
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script>
-
  <script type="text/javascript">
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script>
-
  $(document).ready(function() { try {
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-typeahead.js"></script>
-
(function(){var a={},b=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),16);return 0};(function(){$('link[type="text/css"]').each(function(){var b=($(this).attr("href")||"").match(/\/?css\/([\w\-]+\.css)\?(\d+)/);b&&b[1]&&b[2]&&(a[b[1]]=b[2])})})();(function(){$("body").append('<div class="version" style="display:none; width:1px; height:1px;"></div>');
+
    <script>
-
for(var c=$(".version"),d=0;d<Muse.assets.required.length;){var f=Muse.assets.required[d],g=f.match(/([\w\-\.]+)\.(\w+)$/),k=g&&g[1]?g[1]:null,g=g&&g[2]?g[2]:null;switch(g.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");c.addClass(k);var g=b(c.css("color")),h=b(c.css("background-color"));g!=0||h!=0?(Muse.assets.required.splice(d,1),(g!=a[f]>>>24||h!=(a[f]&16777215))&&Muse.assets.outOfDate.push(f)):d++;c.removeClass(k);break;case "js":k.match(/^jquery-[\d\.]+/gi)&&typeof $!=
+
      !function ($) {
-
"undefined"?Muse.assets.required.splice(d,1):d++;break;default:throw Error("Unsupported file type: "+g);}}c.remove();(Muse.assets.outOfDate.length||Muse.assets.required.length)&&alert("Some files on the server may be missing or incorrect. Clear browser cache and try again. If the problem persists please contact website author.")})()})();
+
        $(function(){
-
/* body */
+
          // carousel demo
-
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
+
          $('#myCarousel').carousel()
-
Muse.Utils.prepHyperlinks(true);/* body */
+
        })
-
Muse.Utils.fullPage('#page');/* 100% height page */
+
      }(window.jQuery)
-
Muse.Utils.showWidgetsWhenReady();/* body */
+
    </script>
-
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
+
    <script src="../../dist/js/bootstrap.min.js"></script> 
-
} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
+
    <script>
-
</script>
+
    $('.carousel').carousel({
-
  </body>
+
      interval: 10000
 +
    });
 +
    </script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/holder/holder.js"></script>
 +
  </body>
</html>
</html>

Latest revision as of 21:45, 17 October 2014

Carousel Template · Bootstrap

‹ ›
sensor practices practices collaborations
​

Retrieved from "http://2014.igem.org/Team:Carnegie_Mellon"