Repository: mesos Updated Branches: refs/heads/master fc17c574a -> 002c1fe93
Refreshed the Mesos project website homepage. Review: https://reviews.apache.org/r/48020/ Project: http://git-wip-us.apache.org/repos/asf/mesos/repo Commit: http://git-wip-us.apache.org/repos/asf/mesos/commit/002c1fe9 Tree: http://git-wip-us.apache.org/repos/asf/mesos/tree/002c1fe9 Diff: http://git-wip-us.apache.org/repos/asf/mesos/diff/002c1fe9 Branch: refs/heads/master Commit: 002c1fe93c54efc4a59f7b41eac9709a6ac5cac2 Parents: fc17c57 Author: haosdent huang <[email protected]> Authored: Mon May 30 12:31:54 2016 -0700 Committer: Vinod Kone <[email protected]> Committed: Mon May 30 15:19:15 2016 -0700 ---------------------------------------------------------------------- site/config.rb | 1 + site/source/assets/css/main.css | 243 +++++++++++++++++------ site/source/assets/img/background_image.png | Bin 0 -> 1453 bytes site/source/index.html.erb | 180 ++++++++++------- site/source/layouts/basic.erb | 93 +++++++++ site/source/layouts/layout.erb | 120 +++-------- 6 files changed, 403 insertions(+), 234 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/mesos/blob/002c1fe9/site/config.rb ---------------------------------------------------------------------- diff --git a/site/config.rb b/site/config.rb index d43308b..9e6738f 100644 --- a/site/config.rb +++ b/site/config.rb @@ -40,6 +40,7 @@ activate :blog do |blog| blog.permalink = ":title" end +page "/index.html", :layout => "basic" page "/documentation/*", :layout => "documentation" proxy "/documentation/index.html", "/documentation/latest.html", :layout => "documentation" proxy "/gettingstarted/index.html", "/documentation/latest/getting-started.html", :layout => "documentation" http://git-wip-us.apache.org/repos/asf/mesos/blob/002c1fe9/site/source/assets/css/main.css ---------------------------------------------------------------------- diff --git a/site/source/assets/css/main.css b/site/source/assets/css/main.css index 8b897d2..83596dd 100755 --- a/site/source/assets/css/main.css +++ b/site/source/assets/css/main.css @@ -1,12 +1,3 @@ -body { - padding-bottom: 40px; -} - -ul.breadcrumb { - margin: auto; - max-width: 940px; -} - pre { overflow-x: auto; } @@ -21,18 +12,55 @@ img { } .container { - max-width: 940px; + max-width: 1130px; } -/* Customize the navbar links to fill the entire space of the .navbar */ +/* Navigation bars. */ .topnav { background: #f5f5f5; } +.topnav > .container, +.navbar > .container { + max-width: 1016px; +} + +.topnav .breadcrumb { + padding: 8px 0px; + margin: auto; +} + +.topnav a { + color: #183751; +} + +.topnav a:hover { + color: #47ABE2; +} + +.topnav a:hover, +.topnav a:focus { + text-decoration: none; +} + .navbar { - background: #004561; + background-image: url('../../assets/img/background_image.png'); min-height:120px; z-index: 0; + margin-bottom: 0px; +} + +.navbar-brand { + min-height:120px; +} + +.navbar-brand > img { + float: left; +} + +.navbar .nav { + padding: 30px 0 0 0; + color: #fff; } .navbar .nav li a { @@ -47,8 +75,10 @@ img { background: none; } -.navbar-brand { - min-height:120px; +@media (min-width: 768px) and (max-width: 1024px) { + .navbar .nav li a { + padding: 8px 0 15px 8px; + } } .navbar-header { @@ -70,63 +100,158 @@ img { background-color:#000; } -.container .logo { - display: block; - float: left; - padding: 15px 0; +.navbar-default .navbar-collapse { + border-color: rgba(0, 0, 0, 0); + box-shadow: none; } -.container .nav { - padding: 30px 0 0 0; - color: #fff; +/* Jumbotron part. */ +.jumbotron { + background: none; + max-width: 748px; + margin: 45px auto 90px auto; +} + +.container .jumbotron { + padding: 0px; } -/* Main marketing message and sign up button */ -.homepage.jumbotron { - padding: 10px 0px; - background: #fff; - padding-right: 0; +.jumbotron > h1 { + font-size: 40px; + font-family: HelveticaNeue-Light,Helvetica,Arial,sans-serif; + line-height: 1.2; + color: white; + text-align: center; + padding: 0; + margin-bottom: 28px; +} + +.jumbotron > .lead { + line-height: 1.25; + color: white; + font-size: 15px; + font-weight: 100; + letter-spacing: 0.8px; + margin-bottom: 48px; } -.homepage.jumbotron h1 { - padding: 0 0 10px 0; +@media (max-width: 767px) { + .jumbotron > .lead { + font-weight: 200; + } +} + +.jumbotron p { + text-align: center; + margin-bottom: 0px; +} + +.jumbotron .btn.download { + border-radius: 30px; + font-size: 16px; + padding: 11px 28px; + margin-bottom: 4px; +} + +.jumbotron .btn.download { + color: #333333; +} + +.jumbotron .btn.download:hover, +.jumbotron .btn.download:focus { + color: #4EADE2; +} + +.jumbotron a.changelog { + font-size: 15px; + display: inline-block; + color: white; +} + +.jumbotron a.changelog:hover, +.jumbotron a.changelog:focus { + color: #4EADE2; + text-decoration: none; +} + +.content > .container { + margin-top: 20px; + max-width: 1016px; +} + +/* Features list. */ +.feature-list-group { + background-color: #F7F7F7; + padding-top: 76px; + padding-bottom: 61px; +} + +.feature-list-group .header { + text-align: center; +} + +.feature-list-group .header > h3 { font-size: 30px; - line-height: 1; + font-weight: 200; + text-align: center; + margin-bottom: 26px; } -.homepage.jumbotron .btn { - font-size: 18px; - padding: 14px 24px; +.feature-list-group .header .lead { + color: #777777; + font-size: 14px; + font-weight: normal; + line-height: 1.42857143; + margin-bottom: 55px; } -.homepage.jumbotron .lead { - font-size: 18px; - line-height: 1.25; - margin-bottom: 50px; -} - -.homepage-featured { - margin: 0 -5px 5px; - padding: 45px 15px 45px; - background-color: #fff; - border-color: #ddd; - border-width: 1px; - border-radius: 4px 4px 0 0; - border-style: solid; - -webkit-box-shadow: none; - box-shadow: none; +.feature-list { + margin-bottom: 25px; } -.homepage-featured:after { - position: absolute; - top: 65px; - left: 15px; - font-size: 12px; - font-weight: 700; - color: #959595; +.feature-item h4 { + color: #4EADE2; + font-family: HelveticaNeue-Medium,Helvetica,Arial,sans-serif; + font-size: 16px; text-transform: uppercase; - letter-spacing: 1px; - content: "Upcoming Event"; + margin-bottom: 16px; +} + +.feature-item p { + font-family: HelveticaNeue-Light,Helvetica,Arial,sans-serif; + font-size: 15px; +} + +@media (max-width: 767px) { + .feature-list-group { + padding: 36px 9px 6px 9px; + } + + .feature-list { + margin-bottom: 0px; + } + + .feature-item { + margin-bottom: 48px; + } +} + +/* Footer. */ +.footer { + padding-top: 48px; + padding-bottom: 42px; +} + +.social-blk { + float: right; +} + +@media (max-width: 767px) { + .social-blk { + float: left; + width: 100%; + margin-bottom: 32px; + } } .nopadding { @@ -134,10 +259,6 @@ img { margin: 0 !important; } -.download { - padding: 50px 0px; -} - .splash { display:block; } http://git-wip-us.apache.org/repos/asf/mesos/blob/002c1fe9/site/source/assets/img/background_image.png ---------------------------------------------------------------------- diff --git a/site/source/assets/img/background_image.png b/site/source/assets/img/background_image.png new file mode 100755 index 0000000..c7cdb8b Binary files /dev/null and b/site/source/assets/img/background_image.png differ http://git-wip-us.apache.org/repos/asf/mesos/blob/002c1fe9/site/source/index.html.erb ---------------------------------------------------------------------- diff --git a/site/source/index.html.erb b/site/source/index.html.erb index 7d6357c..c6f42bb 100755 --- a/site/source/index.html.erb +++ b/site/source/index.html.erb @@ -2,85 +2,113 @@ title: Apache Mesos --- -<div class="container-fluid homepage jumbotron"> - <h1> - Program against your datacenter like itâs a single pool of resources - </h1> - <p class="lead"> - Apache Mesos abstracts CPU, memory, storage, and other - compute resources away from machines (physical or virtual), enabling - fault-tolerant and elastic distributed systems to easily be built and run - effectively. - </p> +<!-- navbar excitement --> +<div class="navbar navbar-default navbar-static-top" role="navigation"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mesos-menu" aria-expanded="false"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="/"><img src="/assets/img/mesos_logo.png" alt="Apache Mesos logo"/></a> + </div><!-- /.navbar-header --> - <p> - <a href="downloads/"><span class="glyphicon glyphicon-download"></span> - Download Mesos <%= data.releases.latest_stable.version %></a> - or learn how to <a href="gettingstarted/">get started</a> - </p> -</div> + <div class="navbar-collapse collapse" id="mesos-menu"> + <ul class="nav navbar-nav navbar-right"> + <li><a href="/gettingstarted/">Getting Started</a></li> + <li><a href="/blog/">Blog</a></li> + <li><a href="/documentation/latest/">Documentation</a></li> + <li><a href="/downloads/">Downloads</a></li> + <li><a href="/community/">Community</a></li> + </ul> + </div><!-- /#mesos-menu --> -<!-- lowersection --> -<div class="row"> - <div class="col-md-7"> - <h3>What is Mesos?</h3> - <h4>A distributed systems kernel</h4> + <div class="jumbotron"> + <h1> + Program against your datacenter<br> + like itâs a single pool of resources + </h1> + <p class="lead"> + Apache Mesos abstracts CPU, memory, storage, and other + compute resources away from machines (physical or virtual), enabling + fault-tolerant and elastic distributed systems to easily be built + and run effectively. + </p> + <p> + <a class="btn btn-default download" href="downloads/">Download Mesos</a> + </p> <p> - Mesos is built using the same principles as the Linux kernel, only at a - different level of abstraction. The Mesos kernel runs on every machine - and provides applications (e.g., Hadoop, Spark, Kafka, Elastic Search) - with APIâs for resource management and scheduling across entire - datacenter and cloud environments. + <a class="changelog" + href="https://git-wip-us.apache.org/repos/asf?p=mesos.git;a=blob_plain;f=CHANGELOG;hb=<%= data.releases.latest_stable.version %>"> + Mesos <%= data.releases.latest_stable.version %> Changelog + </a> </p> + </div><!-- /.jumbotron --> - <h3>Project Features</h3> - <ul> - <li>Scalability to 10,000s of nodes</li> - <li>Fault-tolerant replicated master and agents using ZooKeeper</li> - <li>Support for Docker containers</li> - <li>Native isolation between tasks with Linux Containers</li> - <li>Multi-resource scheduling (memory, CPU, disk, and ports)</li> - <li>Java, Python and C++ APIs for developing new parallel applications</li> - <li>Web UI for viewing cluster state</li> - </ul> - </div> - <div class="col-md-5"> - <h3>News</h3> - <ul> - <% data.releases.news.each do |item| %> - <% if item.target_version %> - <li> - <em><%= item.date %></em> - <%= item.title %> - See the - <a href="https://git-wip-us.apache.org/repos/asf?p=mesos.git;a=blob_plain;f=CHANGELOG;hb=<%= item.target_version %>"> - CHANGELOG - </a> - <% if item.blog %> - and <a href="/blog/<%= item.blog %>/">blog post</a> for details - <% end %> - . - </li> - <% else %> - <li> - <em><%= item.date %></em> - <%= item.title %> - See the <a href="/blog/<%= item.blog %>/">blog post</a> for details. - </li> - <% end %> - <% end %> - </ul> + </div><!-- /.container --> +</div><!-- /.navbar --> + +<div class="feature-list-group"> + <div class="container"> + <div class="row header"> + <h3>What is Mesos? A distributed systems kernel</h3> + <p class="lead"> + Mesos is built using the same principles as the Linux kernel, only + at a different level of abstraction. The Mesos<br>kernel runs on + every machine and provides applications (e.g., Hadoop, Spark, Kafka, + Elastic Search) with APIâs for<br>resource management and scheduling + across entire datacenter and cloud environments. + </p> + </div><!-- /.header --> + + <div class="row feature-list"> + <div class="col-md-3 col-sm-3 feature-item"> + <h4>Linear scalability</h4> + <p >Industry proven to easily scale to 10,000s of nodes.</p> + </div> + + <div class="col-md-3 col-sm-3 feature-item"> + <h4>High availability</h4> + <p>Fault-tolerant replicated master and agents using Zookeeper.</p> + </div> + + <div class="col-md-3 col-sm-3 feature-item"> + <h4>Containers</h4> + <p>Native support for launching containers with Docker and + AppC images.</p> + </div> + + <div class="col-md-3 col-sm-3 feature-item"> + <h4>Pluggable isolation</h4> + <p>First class isolation support for CPU, memory, disk, ports and + modules for custom resources like GPUs.</p> + </div> + </div><!-- /.feature-list --> + + <div class="row feature-list"> + <div class="col-md-3 col-sm-3 feature-item"> + <h4>Two level scheduling</h4> + <p>Support for running cloud native and legacy applications + in the same cluster with pluggable scheduling policies.</p> + </div> + + <div class="col-md-3 col-sm-3 feature-item"> + <h4>APIs</h4> + <p>HTTP APIs for developing new distributed applications.</p> + </div> + + <div class="col-md-3 col-sm-3 feature-item"> + <h4>Web UI</h4> + <p>Built-in Web UI for viewing cluster state.</p> + </div> + + <div class="col-md-3 col-sm-3 feature-item"> + <h4>Cross Platform</h4> + <p>Runs on Linux, OSX and Windows.</p> + </div> + </div><!-- /.feature-list --> - <h3>Follow Us</h3> - <span class="social"> - <a href="https://twitter.com/ApacheMesos"; - class="twitter-follow-button" - data-show-count="false" data-size="large">Follow @ApacheMesos</a> - <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> - <a href="https://twitter.com/intent/tweet?button_hashtag=mesos"; - class="twitter-hashtag-button" - data-size="large" - data-related="ApacheMesos">Tweet #mesos</a> - <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> - </span> - </div> -</div> -<!-- /lowersection --> + </div><!-- /.container --> +</div><!-- /.feature-list-group --> http://git-wip-us.apache.org/repos/asf/mesos/blob/002c1fe9/site/source/layouts/basic.erb ---------------------------------------------------------------------- diff --git a/site/source/layouts/basic.erb b/site/source/layouts/basic.erb new file mode 100755 index 0000000..d654cab --- /dev/null +++ b/site/source/layouts/basic.erb @@ -0,0 +1,93 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title><%= current_page.data.title %></title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> + <link rel="alternate" type="application/atom+xml" title="Apache Mesos Blog" href="/blog/feed.xml"> + <%= stylesheet_link_tag 'main.css' %> + + <% if current_page.data.canonical_url %> + <link rel="canonical" href="<%= current_page.data.canonical_url %>"> + <% end %> + + <!-- Google Analytics Magic --> + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-20226872-1']); + _gaq.push(['_setDomainName', 'apache.org']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> + </head> + <body> + <!-- magical breadcrumbs --> + <div class="topnav"> + <div class="container"> + <ul class="breadcrumb"> + <li> + <div class="dropdown"> + <a data-toggle="dropdown" href="#">Apache Software Foundation <span class="caret"></span></a> + <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> + <li><a href="http://www.apache.org";>Apache Homepage</a></li> + <li><a href="http://www.apache.org/licenses/";>License</a></li> + <li><a href="http://www.apache.org/foundation/sponsorship.html";>Sponsorship</a></li> + <li><a href="http://www.apache.org/foundation/thanks.html";>Thanks</a></li> + <li><a href="http://www.apache.org/security/";>Security</a></li> + </ul> + </div> + </li> + + <li><a href="http://mesos.apache.org";>Apache Mesos</a></li> + <% if current_page.data.breadcrumb %> + <li><a href="/<%= current_page.data.breadcrumb.delete(' ').downcase %>/"><%= current_page.data.breadcrumb %></a></li> + <% elsif content_for?(:page_title) %> + <% if yield_content(:page_title) == "Documentation" %> + <li><a href="/documentation/latest/"><%= yield_content :page_title %></a></li> + <% else %> + <li><a href="/<%= yield_content(:page_title).downcase %>/"><%= yield_content :page_title %></a></li> + <% end %> + <% end %> + </ul><!-- /.breadcrumb --> + </div><!-- /.container --> + </div><!-- /.topnav --> + + <%= yield %> + + <!-- footer --> + <div class="footer"> + <div class="container"> + <div class="col-md-4 social-blk"> + <span class="social"> + <a href="https://twitter.com/ApacheMesos"; + class="twitter-follow-button" + data-show-count="false" data-size="large">Follow @ApacheMesos</a> + <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> + <a href="https://twitter.com/intent/tweet?button_hashtag=mesos"; + class="twitter-hashtag-button" + data-size="large" + data-related="ApacheMesos">Tweet #mesos</a> + <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> + </span> + </div> + + <div class="col-md-8 trademark"> + <p>© 2012-2016 <a href="http://apache.org";>The Apache Software Foundation</a>. + Apache Mesos, the Apache feather logo, and the Apache Mesos project logo are trademarks of The Apache Software Foundation. + <p> + </div> + </div><!-- /.container --> + </div><!-- /.footer --> + + <!-- JS --> + <%= javascript_include_tag '//code.jquery.com/jquery-1.11.0.min.js' %> + <%= javascript_include_tag '//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js' %> + </body> +</html> http://git-wip-us.apache.org/repos/asf/mesos/blob/002c1fe9/site/source/layouts/layout.erb ---------------------------------------------------------------------- diff --git a/site/source/layouts/layout.erb b/site/source/layouts/layout.erb index c05b1a3..9213c63 100755 --- a/site/source/layouts/layout.erb +++ b/site/source/layouts/layout.erb @@ -1,109 +1,35 @@ -<!DOCTYPE html> -<html> - <head> - <meta charset="utf-8"> - <title><%= current_page.data.title %></title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - - <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> - <link rel="alternate" type="application/atom+xml" title="Apache Mesos Blog" href="/blog/feed.xml"> - <%= stylesheet_link_tag 'main.css' %> - - <% if current_page.data.canonical_url %> - <link rel="canonical" href="<%= current_page.data.canonical_url %>"> - <% end %> - - <!-- Google Analytics Magic --> - <script type="text/javascript"> - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-20226872-1']); - _gaq.push(['_setDomainName', 'apache.org']); - _gaq.push(['_trackPageview']); - - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); - </script> - </head> - <body> - <!-- magical breadcrumbs --> - <div class="topnav"> - <ul class="breadcrumb"> - <li> - <div class="dropdown"> - <a data-toggle="dropdown" href="#">Apache Software Foundation <span class="caret"></span></a> - <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> - <li><a href="http://www.apache.org";>Apache Homepage</a></li> - <li><a href="http://www.apache.org/licenses/";>License</a></li> - <li><a href="http://www.apache.org/foundation/sponsorship.html";>Sponsorship</a></li> - <li><a href="http://www.apache.org/foundation/thanks.html";>Thanks</a></li> - <li><a href="http://www.apache.org/security/";>Security</a></li> - </ul> - </div> - </li> - <li><a href="http://mesos.apache.org";>Apache Mesos</a></li> - <% if current_page.data.breadcrumb %> - <li><a href="/<%= current_page.data.breadcrumb.delete(' ').downcase %>/"><%= current_page.data.breadcrumb %></a></li> - <% elsif content_for?(:page_title) %> - <% if yield_content(:page_title) == "Documentation" %> - <li><a href="/documentation/latest/"><%= yield_content :page_title %></a></li> - <% else %> - <li><a href="/<%= yield_content(:page_title).downcase %>/"><%= yield_content :page_title %></a></li> - <% end %> - <% end %> - </ul><!-- /breadcrumb --> - </div> - - <!-- navbar excitement --> - <div class="navbar navbar-default navbar-static-top" role="navigation"> - <div class="container"> - - <div class="navbar-header"> - <button type="button" class="navbar-toggle collapsed" - data-toggle="collapse" - data-target="#mesos-menu" - aria-expanded="false"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> +<% wrap_layout :basic do %> +<!-- navbar excitement --> +<div class="navbar navbar-default navbar-static-top" role="navigation"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mesos-menu" aria-expanded="false"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> </button> - <a class="navbar-brand" href="/"><img src="/assets/img/mesos_logo.png" alt="Apache Mesos logo" style="float:left" /></a> - </div> + <a class="navbar-brand" href="/"><img src="/assets/img/mesos_logo.png" alt="Apache Mesos logo"/></a> + </div><!-- /.navbar-header --> - <div class="navbar-collapse collapse" id="mesos-menu"> + <div class="navbar-collapse collapse" id="mesos-menu"> <ul class="nav navbar-nav navbar-right"> <li><a href="/gettingstarted/">Getting Started</a></li> + <li><a href="/blog/">Blog</a></li> <li><a href="/documentation/latest/">Documentation</a></li> <li><a href="/downloads/">Downloads</a></li> <li><a href="/community/">Community</a></li> </ul> - </div> - - </div> - </div><!-- /.navbar --> - - <div class="container"> + </div><!-- /#mesos-menu --> + </div><!-- /.container --> +</div><!-- /.navbar --> +<div class="content"> + <div class="container"> <%= yield %> + </div><!-- /.container --> +</div><!-- /.content --> - <hr> - - <!-- footer --> - <div class="footer"> - <p>© 2012-2016 - <a href="http://apache.org";>The Apache Software Foundation</a>. - Apache Mesos, the Apache feather logo, and the Apache Mesos project logo - are trademarks of The Apache Software Foundation. - <p> - </div><!-- /footer --> - - </div><!-- /container --> +<hr> - <!-- JS --> - <%= javascript_include_tag '//code.jquery.com/jquery-1.11.0.min.js' %> - <%= javascript_include_tag '//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js' %> - </body> -</html> +<% end %>
