You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@brooklyn.apache.org by ri...@apache.org on 2017/05/18 12:37:52 UTC
svn commit: r1795513 [44/45] - in /brooklyn/site: ./ community/
community/security/ contributing/ developers/ developers/code/
developers/committers/ developers/committers/release-process/
documentation/ download/ learnmore/ learnmore/catalog/ learnmor...
Modified: brooklyn/site/meta/versions.html
URL: http://svn.apache.org/viewvc/brooklyn/site/meta/versions.html?rev=1795513&r1=1795512&r2=1795513&view=diff
==============================================================================
--- brooklyn/site/meta/versions.html (original)
+++ brooklyn/site/meta/versions.html Thu May 18 12:37:51 2017
@@ -1,391 +1,357 @@
<!--
-Licensed to the Apache Software Foundation (ASF) under one
-or more contributor license agreements. See the NOTICE file
-distributed with this work for additional information
-regarding copyright ownership. The ASF licenses this file
-to you under the Apache License, Version 2.0 (the
-"License"); you may not use this file except in compliance
-with the License. You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing,
-software distributed under the License is distributed on an
-"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, either express or implied. See the License for the
-specific language governing permissions and limitations
-under the License.
--->
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-
+ ~ Licensed to the Apache Software Foundation (ASF) under one
+ ~ or more contributor license agreements. See the NOTICE file
+ ~ distributed with this work for additional information
+ ~ regarding copyright ownership. The ASF licenses this file
+ ~ to you under the Apache License, Version 2.0 (the
+ ~ "License"); you may not use this file except in compliance
+ ~ with the License. You may obtain a copy of the License at
+ ~
+ ~ http://www.apache.org/licenses/LICENSE-2.0
+ ~
+ ~ Unless required by applicable law or agreed to in writing,
+ ~ software distributed under the License is distributed on an
+ ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ ~ KIND, either express or implied. See the License for the
+ ~ specific language governing permissions and limitations
+ ~ under the License.
+ -->
+<!DOCTYPE html>
+<html lang="en">
<head>
+ <title>Versions - Apache Brooklyn</title>
-
-<title>Versions - Apache Brooklyn</title>
-
-<meta http-equiv="content-type" content="text/html; charset=utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-
-<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
-<link href="/style/deps/octicons/octicons.css" rel="stylesheet">
-<link href="/style/deps/bootstrap-theme.css" rel="stylesheet">
-
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="/style/deps/jquery.cookie.js"></script>
-
-
-
-<link rel="stylesheet" href="/style/css/code.css" type="text/css" media="screen" />
-<link href="/style/css/website.css" rel="stylesheet">
-
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" />
+<link href="/style/deps/octicons/octicons.css" rel="stylesheet" />
+<link href="/style/deps/bootstrap-theme.css" rel="stylesheet" />
+<link href="/style/deps/font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet" />
+<link href="/style/deps/tooltip.css" rel="stylesheet" />
+<link href="/style/css/code.css" rel="stylesheet" />
+<link href="/style/css/website.css" rel="stylesheet" />
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
-
-<body>
-
-<nav class="navbar navbar-default navbar-fixed-top" id="header" role="navigation">
- <div class="container-and-sidebars">
-
- <div class="container-sidebar-left feather">
- <a href="http://www.apache.org/">
- <img src="/style/img/feather.png" alt="[Apache]" width="80" class="flip navbar-feather">
- </a>
+<body class="page">
+<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-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 href="/" class="navbar-brand">
+ <img src="/style/img/apache-brooklyn-logo-244px-wide.png" alt="Apache Brooklyn" />
+ </a>
</div>
-
- <div class="container container-between-sidebars top-menu">
- <div class="container-fluid">
- <!-- Brand and toggle get grouped for better mobile display -->
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
- <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="/style/img/apache-brooklyn-logo-244px-wide.png" alt="brooklyn"></a>
- </div>
-
- <!-- Collect the nav links, forms, and other content for toggling -->
- <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
- <ul class="nav navbar-nav navbar-right">
-
-
- <li class="dropdown">
- <a href="/learnmore/index.html">learn more</a>
- <ul class="dropdown-menu" role="menu">
- <li>
- <a href="/learnmore/index.html">Learn More</a>
- </li>
- <li class="divider"></li>
-
- <li>
-
- <a href="/learnmore/blueprint-tour.html">Blueprint Tour
- </a>
-
- </li>
-
- <li>
-
- <a href="/learnmore/features/index.html">Features
- </a>
-
- </li>
-
- <li>
-
- <a href="/learnmore/theory.html">Theory
- </a>
-
- </li>
-
- <li>
-
- <a href="/learnmore/catalog/index.html">Browse Catalog
- </a>
-
- </li>
-
- </ul>
- </li>
-
-
-
- <li class="active">
- <a href="/download/index.html">download</a>
- </li>
-
-
-
- <li class="dropdown">
- <a href="/v/latest/start/index.html">get started</a>
- <ul class="dropdown-menu" role="menu">
- <li>
- <a href="/v/latest/start/index.html">Get Started</a>
- </li>
- <li class="divider"></li>
-
- <li>
-
- <a href="/v/latest/start/running.html">Running Apache Brooklyn
- </a>
-
- </li>
-
- <li>
-
- <a href="/v/latest/start/blueprints.html">Deploying Blueprints
- </a>
-
- </li>
-
- <li>
-
- <a href="/v/latest/start/managing.html">Monitoring and Managing Applications
- </a>
-
- </li>
-
- <li>
-
- <a href="/v/latest/start/policies.html">Policies
- </a>
-
- </li>
-
- <li>
-
- <a href="/v/latest/start/concept-quickstart.html">Brooklyn Concepts Quickstart
- </a>
-
- </li>
-
- </ul>
- </li>
-
-
-
- <li class="dropdown">
- <a href="/documentation/index.html">documentation</a>
- <ul class="dropdown-menu" role="menu">
- <li>
- <a href="/documentation/index.html">Documentation</a>
- </li>
- <li class="divider"></li>
-
- <li>
-
- <a href="/v/latest/index.html">User Guide
- </a>
-
- <div class="dropdown_section_header"><hr></div>
-
- </li>
-
- <li>
-
- <a href="/v/latest/yaml/creating-yaml.html">YAML Blueprints
- </a>
-
- </li>
-
- <li>
-
- <a href="/v/latest/java/index.html">Java Blueprints
- </a>
-
- </li>
-
- <li>
-
- <a href="/v/latest/ops/index.html">Operations
- </a>
-
- <div class="dropdown_section_header"><hr></div>
-
- </li>
-
- <li>
-
- <a href="/v/latest/dev/index.html">Developer Guide
- </a>
-
- </li>
-
- <li>
-
- <div class="dropdown_new_section"><hr></div>
-
- <a href="/meta/versions.html">Versions
- </a>
-
- </li>
-
- <li>
-
- <a href="/documentation/other-docs.html">Other Resources
- </a>
-
- </li>
-
- </ul>
- </li>
-
-
-
- <li class="dropdown">
- <a href="/community/index.html">community</a>
- <ul class="dropdown-menu" role="menu">
- <li>
- <a href="/community/index.html">Community</a>
- </li>
- <li class="divider"></li>
-
- <li>
-
- <a href="/community/mailing-lists.html">Mailing Lists
- </a>
-
- </li>
-
- <li>
-
- <a href="/community/irc.html">IRC
- </a>
-
- </li>
-
- <li>
-
- <a href="/community/security/index.html">Security Advisories
- </a>
-
- </li>
-
- <li>
-
- <a href="https://issues.apache.org/jira/browse/BROOKLYN">Bug Tracker (JIRA)
- <span class="octicon octicon-link-external"></span></a>
-
- </li>
-
- <li>
-
- <a href="/community/how-to-contribute-docs.html">Contributing Documentation
- </a>
-
- </li>
-
- </ul>
- </li>
-
-
-
- <li class="dropdown">
- <a href="/developers/index.html">developers</a>
- <ul class="dropdown-menu" role="menu">
- <li>
- <a href="/developers/index.html">Developers</a>
- </li>
- <li class="divider"></li>
-
- <li>
-
- <a href="/developers/code/index.html">Get the Code
- </a>
-
- </li>
-
- <li>
-
- <a href="/developers/how-to-contribute.html">How to Contribute
- </a>
-
- </li>
-
- <li>
-
- <a href="/v/latest/dev/index.html">Developer Guide
- </a>
-
- </li>
-
- <li>
-
- <a href="/developers/committers/index.html">Committer Guide
- </a>
-
- </li>
-
- <li>
-
- <a href="/developers/code-standards.html">Code Standards
- </a>
-
- </li>
-
- <li>
-
- <a href="/developers/links.html">Handy Places
- </a>
-
- </li>
-
- <li>
-
- <a href="http://github.com/apache/brooklyn">GitHub
- <span class="octicon octicon-link-external"></span></a>
-
- </li>
-
- <li>
-
- <a href="https://issues.apache.org/jira/browse/BROOKLYN">Bug Tracker (JIRA)
- <span class="octicon octicon-link-external"></span></a>
-
- </li>
-
- </ul>
- </li>
-
-
- </ul>
- </div><!-- /.navbar-collapse -->
- </div><!-- /.container-fluid -->
- </div><!-- /.container -->
-
- <div class="container-sidebar-right">
- <div class="navbar-sidebar-right-icons">
- <a href="https://github.com/apache/brooklyn" class="navbar-icon navbar-icon-shift icon-github"
- data-toggle="tooltip" data-placement="bottom" title="GitHub: apache/brooklyn"/>
- <a href="https://twitter.com/#!/search?q=brooklyncentral" class="navbar-icon navbar-icon-shift icon-twitter"
- data-toggle="tooltip" data-placement="bottom" title="Twitter: @brooklyncentral"/>
- <a href="http://webchat.freenode.net/?channels=brooklyncentral" class="navbar-icon icon-irc"
- data-toggle="tooltip" data-placement="bottom" title="IRC: freenode #brooklyncentral"/>
- <!-- extra a element seems needed as landing page seems to copy the last element here (!?)
- -->
- <a href="/" style="width: 0px; height: 0px;"></a>
- </div>
- </div>
-
- </div>
+ <div class="collapse navbar-collapse" id="main-menu">
+ <ul class="nav navbar-nav navbar-right">
+
+ <li class="dropdown">
+
+ <a href="/learnmore/index.html" data-toggle="dropdown">learn more <span class="caret"></span></a>
+
+ <ul class="dropdown-menu" role="menu">
+ <li>
+ <a href="/learnmore/index.html">Learn More</a>
+ </li>
+ <li class="divider"></li>
+
+
+ <li >
+ <a href="/learnmore/blueprint-tour.html">Blueprint Tour
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/learnmore/features/index.html">Features
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/learnmore/theory.html">Theory
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/learnmore/catalog/index.html">Browse Catalog
+ </a>
+ </li>
+
+
+ </ul>
+
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/v/latest/start/index.html" data-toggle="dropdown">get started <span class="caret"></span></a>
+
+ <ul class="dropdown-menu" role="menu">
+ <li>
+ <a href="/v/latest/start/index.html">Get Started</a>
+ </li>
+ <li class="divider"></li>
+
+
+ <li >
+ <a href="/v/latest/start/running.html">Running Apache Brooklyn
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/v/latest/start/blueprints.html">Deploying Blueprints
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/v/latest/start/managing.html">Monitoring and Managing Applications
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/v/latest/start/policies.html">Policies
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/v/latest/start/concept-quickstart.html">Brooklyn Concepts Quickstart
+ </a>
+ </li>
+
+
+ </ul>
+
+
+ </li>
+
+ <li class="dropdown active">
+
+ <a href="/documentation/index.html" data-toggle="dropdown">documentation <span class="caret"></span></a>
+
+ <ul class="dropdown-menu" role="menu">
+ <li>
+ <a href="/documentation/index.html">Documentation</a>
+ </li>
+ <li class="divider"></li>
+
+
+ <li class="section">
+ <a href="/v/latest/index.html">User Guide
+ </a>
+ </li>
+ <li class="divider"></li>
+
+
+ <li >
+ <a href="/v/latest/blueprints/creating-yaml.html">Writing Blueprints
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/v/latest/locations/index.html">Deploying Blueprints
+ </a>
+ </li>
+
+
+
+ <li class="section">
+ <a href="/v/latest/ops/index.html">Reference Guide
+ </a>
+ </li>
+ <li class="divider"></li>
+
+
+ <li >
+ <a href="/v/latest/dev/index.html">Developer Guide
+ </a>
+ </li>
+
+
+ <li class="divider"></li>
+ <li >
+ <a href="/meta/versions.html">Versions
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/documentation/other-docs.html">Other Resources
+ </a>
+ </li>
+
+
+ </ul>
+
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/community/index.html" data-toggle="dropdown">community <span class="caret"></span></a>
+
+ <ul class="dropdown-menu" role="menu">
+ <li>
+ <a href="/community/index.html">Community</a>
+ </li>
+ <li class="divider"></li>
+
+
+ <li >
+ <a href="/community/mailing-lists.html">Mailing Lists
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/community/irc.html">IRC
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/community/security/index.html">Security Advisories
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="https://issues.apache.org/jira/browse/BROOKLYN">Bug Tracker (JIRA)
+ <span class="octicon octicon-link-external"></span></a>
+ </li>
+
+
+
+ <li >
+ <a href="/community/how-to-contribute-docs.html">Contributing Documentation
+ </a>
+ </li>
+
+
+ </ul>
+
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/developers/index.html" data-toggle="dropdown">developers <span class="caret"></span></a>
+
+ <ul class="dropdown-menu" role="menu">
+ <li>
+ <a href="/developers/index.html">Developers</a>
+ </li>
+ <li class="divider"></li>
+
+
+ <li >
+ <a href="/developers/code/index.html">Get the Code
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/developers/how-to-contribute.html">How to Contribute
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/v/latest/dev/index.html">Developer Guide
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/developers/committers/index.html">Committer Guide
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/developers/code-standards.html">Code Standards
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="/developers/links.html">Handy Places
+ </a>
+ </li>
+
+
+
+ <li >
+ <a href="http://github.com/apache/brooklyn">GitHub
+ <span class="octicon octicon-link-external"></span></a>
+ </li>
+
+
+
+ <li >
+ <a href="https://issues.apache.org/jira/browse/BROOKLYN">Bug Tracker (JIRA)
+ <span class="octicon octicon-link-external"></span></a>
+ </li>
+
+
+ </ul>
+
+
+ </li>
+
+ <li class="dropdown">
+
+ <a href="/download/index.html" class="btn btn-default navbar-btn">download</a>
+
+ </li>
+
+ </ul>
+ </div>
+ </div>
</nav>
-<div class="container" id="main_container">
- <div class="row">
- <div class="col-md-9" id="content_container">
- <div id="page_notes"></div>
- <h1>Versions</h1>
- <h2 id="current-version-0100">Current Version: 0.10.0</h2>
+<main>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-9 content">
+ <div id="page_notes"></div>
+ <h1>Versions</h1>
+ <h2 id="current-version-0110">Current Version: 0.11.0</h2>
-<p>The current stable version of Brooklyn is 0.10.0:</p>
+<p>The current stable version of Brooklyn is 0.11.0:</p>
<ul>
<li><a href="/download/">Download</a></li>
@@ -393,7 +359,7 @@ under the License.
<li><a href="/v/latest/misc/release-notes.html">Release Notes</a></li>
</ul>
-<p>This documentation was generated 10 Feb 2017.</p>
+<p>This documentation was generated 18 May 2017.</p>
<h2 id="version-history">Version History</h2>
@@ -427,37 +393,6 @@ If you wish you can
<a href="javascript:void(0);" onclick="set_user_versions_all();">disable all warnings</a> or
<a href="javascript:void(0);" onclick="clear_user_versions();">re-enable all warnings</a>.</p>
-<h2 id="snapshot-versions">Snapshot Versions</h2>
-
-<p>Current work on Apache Brooklyn is done with SNAPSHOT version labels,
-in the <code>master</code> branch or in a branch with the version label.
-This code has not been voted on and are not endorsed by The Apache Software Foundation.
-Documentation for these versions are uploaded from time to time,
-and are provided here for reference:</p>
-
-<ul>
- <li>
- <p><strong><a href="/v/0.11.0-SNAPSHOT/">0.11.0-SNAPSHOT</a></strong>: latest unreleased version
-(although docs may not be up-to-date with the latest code)</p>
- </li>
- <li>
- <p><strong><a href="/v/0.10.0-SNAPSHOT/">0.10.0-SNAPSHOT</a></strong>: any changes since 0.10.0 which would go into 0.10.1
-(although docs may not be up-to-date with the latest code)</p>
- </li>
- <li>
- <p><strong><a href="/v/0.9.0-SNAPSHOT/">0.9.0-SNAPSHOT</a></strong>: any changes since 0.9.0 which would go into 0.9.1
-(although docs may not be up-to-date with the latest code)</p>
- </li>
- <li>
- <p><strong><a href="/v/0.8.0-SNAPSHOT/">0.8.0-SNAPSHOT</a></strong>: any changes since 0.8.0-incubating which would go into 0.8.1
-(mainly things from 0.9.0-SNAPSHOT which warranted being backported)</p>
- </li>
- <li>
- <p><strong><a href="/v/0.7.0-SNAPSHOT/">0.7.0-SNAPSHOT</a></strong>: any changes since 0.7.0-incubating which would go into 0.7.1
-(mainly things from 0.8.0-SNAPSHOT which warranted being backported)</p>
- </li>
-</ul>
-
<h2 id="ancient-versions">Ancient Versions</h2>
<p>The versions below were made prior to joining The Apache Software Foundation, therefore <strong>they are not endorsed by
@@ -518,10 +453,10 @@ these should not normally be used except
</ul>
- </div>
+ </div>
- <div class="col-md-3">
- <div class="list-group side-menu" id="side-menu">
+ <aside class="col-md-3">
+ <div class="list-group side-menu" id="side-menu">
@@ -529,36 +464,36 @@ these should not normally be used except
<h4 class="">
- <a href="/download/index.html" class="list-group-item breadcrumb breadcrumb0">
- Download
+ <a href="/documentation/index.html" class="list-group-item breadcrumb breadcrumb0">
+ Documentation
</a></h4>
- <a href="/v/latest/misc/download.html" class="list-group-item">Details
+ <a href="/v/latest/index.html" class="list-group-item">User Guide
</a>
- <a href="/download/verify.html" class="list-group-item">Verify
+ <a href="/v/latest/dev/index.html" class="list-group-item">Developer Guide
</a>
- <a href="/v/latest/misc/release-notes.html" class="list-group-item">Release Notes
+ <a href="/meta/versions.html" class="list-group-item active">Versions
</a>
- <a href="/meta/versions.html" class="list-group-item active">Versions
+ <a href="/documentation/other-docs.html" class="list-group-item">Other Resources
</a>
@@ -572,365 +507,225 @@ these should not normally be used except
<script language="JavaScript" type="application/javascript">
+(function($){
+
+ sidemenu_x_sizer=function(){ $('#side-menu').width($('#side-menu').parent().find('#width_reference').outerWidth()); };
+ $(sidemenu_x_sizer);
+ $(window).resize(sidemenu_x_sizer);
+
+
+ sidemenu_y_nonfloater=function(){
+ if ($('#side-menu').outerHeight(true) + $('#header').outerHeight(true) + $('#footer').outerHeight(true) > window.innerHeight ||
+ $('#side-menu').width() >= $('#content_container').width()/2) {
+ $('#side-menu').css('position', 'inherit');
+ } else {
+ // restore if screen has grown
+ $('#side-menu').css('position', 'fixed');
+ }
+ };
+ $(sidemenu_y_nonfloater);
+ $(window).resize(sidemenu_y_nonfloater);
+
+
+
+ var sideMenu = $("#side-menu"),
+ sideItems = sideMenu.find("a"),
+ // Anchors corresponding to menu items
+ scrollItems = sideItems.map(function(){
+ var item = $(this).attr("section-target");
+ if (item && item.length) { return item; }
+ });
+
+ var highlight_section_last_top = -1;
+ var highlight_section_completed = false;
+
+ var highlight_section = function() {
+ // Get container scroll position
+ var highlight_section_new_top = $(this).scrollTop();
+ if (highlight_section_new_top == highlight_section_last_top) return;
+ var highlight_section_new_bottom = highlight_section_new_top + $(window).height();
+ var scroll_advancing = (highlight_section_new_top > highlight_section_last_top);
+
+ var last_item = null, active_item = $("#side-menu a.section#active");
+
+ var found_top = false;
+ var displayable_items = scrollItems.map(function(itemI){
+ item = $(scrollItems[itemI]);
+ if (item && item.length) {
+ if (highlight_section_last_top == -1 || !highlight_section_completed) {
+ // just opening page - take item matching hash, or otherwise the first item visible
+ if (item.selector === window.location.hash || (item.offset().top > highlight_section_new_top - 20 && !found_top)) {
+ found_top = true;
+ if (item.selector === window.location.hash && item.offset().top < highlight_section_new_top + 60) {
+ // because of our top header, we need to scroll 64px down from any link
+ $('html, body').animate({scrollTop: item.offset().top - 64}, 0);
+ }
+ return item;
+ }
+ } else if (scroll_advancing) {
+ // if scrolling advance, pick up a section when title starts before 1/3 height
+ if (item.offset().top < highlight_section_new_top + $(window).height()/3)
+ return item;
+
+ // or if containing div is finished (usu the whole main content)
+ div_containing_item = item.closest("div");
+ if (div_containing_item.offset().top + div_containing_item.height() < highlight_section_new_bottom + 15)
+ return item;
+ // or when next title is visible
+ if (last_item && item.offset().top < highlight_section_new_bottom + 15)
+ return last_item;
+ } else {
+ // if scrolling back, pick up a section as soon as the title is visible,
+ if (item.offset().top < highlight_section_new_top)
+ return item;
+ // or if title is before the 2/3 point
+ // (not sure about this, probably want also to have
+ // "AND the id.top is <= displayable_itemsrent_active_it.top" so we don't jump FORWARD a section
+ // when scrolling BACK, with lots of tiny sections)
+ if ((item.offset().top < highlight_section_new_top + 2*$(window).height()/3)
+ && (!active_item || !active_item.offset() || active_item.offset().top >= item.offset().top))
+ return item;
-
-sidemenu_x_sizer=function(){ $('#side-menu').width($('#side-menu').parent().find('#width_reference').outerWidth()); };
-$(sidemenu_x_sizer);
-$(window).resize(sidemenu_x_sizer);
-
-
-sidemenu_y_nonfloater=function(){
- if ($('#side-menu').outerHeight(true) + $('#header').outerHeight(true) + $('#footer').outerHeight(true) > window.innerHeight ||
- $('#side-menu').width() >= $('#content_container').width()/2) {
- $('#side-menu').css('position', 'inherit');
- } else {
- // restore if screen has grown
- $('#side-menu').css('position', 'fixed');
- }
-};
-$(sidemenu_y_nonfloater);
-$(window).resize(sidemenu_y_nonfloater);
-
-
-
-var sideMenu = $("#side-menu"),
- sideItems = sideMenu.find("a"),
- // Anchors corresponding to menu items
- scrollItems = sideItems.map(function(){
- var item = $(this).attr("section-target");
- if (item && item.length) { return item; }
- });
-
-var highlight_section_last_top = -1;
-var highlight_section_completed = false;
-
-var highlight_section = function() {
- // Get container scroll position
- var highlight_section_new_top = $(this).scrollTop();
- if (highlight_section_new_top == highlight_section_last_top) return;
- var highlight_section_new_bottom = highlight_section_new_top + $(window).height();
- var scroll_advancing = (highlight_section_new_top > highlight_section_last_top);
-
- var last_item = null, active_item = $("#side-menu a.section#active");
-
- var found_top = false;
- var displayable_items = scrollItems.map(function(itemI){
- item = $(scrollItems[itemI]);
- if (item && item.length) {
- if (highlight_section_last_top == -1 || !highlight_section_completed) {
- // just opening page - take item matching hash, or otherwise the first item visible
- if (item.selector === window.location.hash || (item.offset().top > highlight_section_new_top - 20 && !found_top)) {
- found_top = true;
- if (item.selector === window.location.hash && item.offset().top < highlight_section_new_top + 60) {
- // because of our top header, we need to scroll 64px down from any link
- $('html, body').animate({scrollTop: item.offset().top - 64}, 0);
}
- return item;
+ last_item = item;
}
- } else if (scroll_advancing) {
- // if scrolling advance, pick up a section when title starts before 1/3 height
- if (item.offset().top < highlight_section_new_top + $(window).height()/3)
- return item;
-
- // or if containing div is finished (usu the whole main content)
- div_containing_item = item.closest("div");
- if (div_containing_item.offset().top + div_containing_item.height() < highlight_section_new_bottom + 15)
- return item;
- // or when next title is visible
- if (last_item && item.offset().top < highlight_section_new_bottom + 15)
- return last_item;
+ });
+ if (!highlight_section_completed && document.readyState === "complete") {
+ highlight_section_completed = true;
+ }
+ if (!displayable_items.length) {
+ $("#side-menu a.section").removeClass("active");
} else {
- // if scrolling back, pick up a section as soon as the title is visible,
- if (item.offset().top < highlight_section_new_top)
- return item;
- // or if title is before the 2/3 point
- // (not sure about this, probably want also to have
- // "AND the id.top is <= displayable_itemsrent_active_it.top" so we don't jump FORWARD a section
- // when scrolling BACK, with lots of tiny sections)
- if ((item.offset().top < highlight_section_new_top + 2*$(window).height()/3)
- && (!active_item || !active_item.offset() || active_item.offset().top >= item.offset().top))
- return item;
-
+ displayable_items = displayable_items[displayable_items.length-1];
+ var id = displayable_items && displayable_items.length ? displayable_items[0].id : "";
+ // Set/remove active class
+ new_active = $("#side-menu a.section").filter("[section-target='#"+id+"']");
+ if (new_active.hasClass("active")) {
+ // nothing needed
+ } else {
+ $("#side-menu a.section").removeClass("active");
+ $("#side-menu a.section").filter("[section-target='#"+id+"']").addClass("active");
+ }
}
- last_item = item;
- }
- });
- if (!highlight_section_completed && document.readyState === "complete") {
- highlight_section_completed = true;
- }
- if (!displayable_items.length) {
- $("#side-menu a.section").removeClass("active");
- } else {
- displayable_items = displayable_items[displayable_items.length-1];
- var id = displayable_items && displayable_items.length ? displayable_items[0].id : "";
- // Set/remove active class
- new_active = $("#side-menu a.section").filter("[section-target='#"+id+"']");
- if (new_active.hasClass("active")) {
- // nothing needed
- } else {
- $("#side-menu a.section").removeClass("active");
- $("#side-menu a.section").filter("[section-target='#"+id+"']").addClass("active");
- }
- }
-
- highlight_section_last_top = highlight_section_new_top;
-};
-var highlight_new_section = function() {
- highlight_section_completed = false;
- highlight_section_last_top = -1;
- highlight_section();
-}
-
-$(window).scroll(highlight_section);
-$(highlight_new_section);
-
-// detect link change - courtesy http://www.bennadel.com/blog/1520-binding-events-to-non-dom-objects-with-jquery.htm
- (
- function( $ ){
- // Default to the current location.
- var strLocation = window.location.href;
- var strHash = window.location.hash;
- var strPrevLocation = "";
- var strPrevHash = "";
-
- // This is how often we will be checkint for
- // changes on the location.
- var intIntervalTime = 100;
-
- // This method removes the pound from the hash.
- var fnCleanHash = function( strHash ){
- return(
- strHash.substring( 1, strHash.length )
- );
- }
-
- // This will be the method that we use to check
- // changes in the window location.
- var fnCheckLocation = function(){
- // Check to see if the location has changed.
- if (strLocation != window.location.href){
-
- // Store the new and previous locations.
- strPrevLocation = strLocation;
- strPrevHash = strHash;
- strLocation = window.location.href;
- strHash = window.location.hash;
-
- // The location has changed. Trigger a
- // change event on the location object,
- // passing in the current and previous
- // location values.
- $( window.location ).trigger(
- "change",
- {
- currentHref: strLocation,
- currentHash: fnCleanHash( strHash ),
- previousHref: strPrevLocation,
- previousHash: fnCleanHash( strPrevHash )
- }
- );
+ highlight_section_last_top = highlight_section_new_top;
+ };
+ var highlight_new_section = function() {
+ highlight_section_completed = false;
+ highlight_section_last_top = -1;
+ highlight_section();
+ }
+
+ $(window).scroll(highlight_section);
+ $(highlight_new_section);
+
+ // detect link change - courtesy http://www.bennadel.com/blog/1520-binding-events-to-non-dom-objects-with-jquery.htm
+
+ // Default to the current location.
+ var strLocation = window.location.href;
+ var strHash = window.location.hash;
+ var strPrevLocation = "";
+ var strPrevHash = "";
+
+ // This is how often we will be checkint for
+ // changes on the location.
+ var intIntervalTime = 100;
+
+ // This method removes the pound from the hash.
+ var fnCleanHash = function( strHash ){
+ return(
+ strHash.substring( 1, strHash.length )
+ );
+ }
+
+ // This will be the method that we use to check
+ // changes in the window location.
+ var fnCheckLocation = function(){
+ // Check to see if the location has changed.
+ if (strLocation != window.location.href){
+
+ // Store the new and previous locations.
+ strPrevLocation = strLocation;
+ strPrevHash = strHash;
+ strLocation = window.location.href;
+ strHash = window.location.hash;
+
+ // The location has changed. Trigger a
+ // change event on the location object,
+ // passing in the current and previous
+ // location values.
+ $( window.location ).trigger(
+ "change",
+ {
+ currentHref: strLocation,
+ currentHash: fnCleanHash( strHash ),
+ previousHref: strPrevLocation,
+ previousHash: fnCleanHash( strPrevHash )
}
- }
+ );
- // Set an interval to check the location changes.
- setInterval( fnCheckLocation, intIntervalTime );
}
- )( jQuery );
-// and trigger highlight section on link change
-$(window.location).bind("change", highlight_new_section);
+ }
+
+ // Set an interval to check the location changes.
+ setInterval( fnCheckLocation, intIntervalTime );
+
+ // and trigger highlight section on link change
+ $(window.location).bind("change", highlight_new_section);
+})(jQuery);
</script>
+ </aside>
</div>
</div>
-</div>
+</main>
-<div id="footer">
- <div class="container">
- <div class="row">
- <div class="col-md-10 text-muted">
- Apache Brooklyn is distributed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.
- </div>
- <div class="col-md-2">
+<footer class="container">
+ <div class="row">
+ <div class="col-md-9">
+ <p>Apache Brooklyn is distributed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.</p>
+ </div>
+ <div class="col-md-3 text-right">
+ <p>
<a class="btn btn-sm btn-default" href="https://github.com/apache/brooklyn-docs/edit/master/website/meta/versions.md">Edit This Page</a>
<a href="https://brooklyn.apache.org/community/how-to-contribute-docs.html"
- data-toggle="tooltip" data-placement="top" title="How to Edit Documentation" data-delay="400"/>
- <span class="octicon octicon-question octicon-footer"></span>
+ data-toggle="tooltip" data-placement="top" title="" data-delay="400" data-original-title="How to Edit Documentation">
+ <span class="octicon octicon-question octicon-footer"></span>
</a>
- </div>
+ </p>
</div>
</div>
-</div>
-
-
-
+</footer>
-<script language="JavaScript" type="application/javascript">
-
- fix_padding_function = function () {
- $('body').css('padding-top', parseInt($('#header').css("height"))+10);
- $('body').css('padding-bottom', parseInt($('#footer').css("height"))+10);
- };
- $(window).resize(fix_padding_function);
- $(window).load(fix_padding_function);
-
- $(function () {
- $('[data-toggle="tooltip"]').tooltip({ delay: { show: 600, hide: 100 }})
- });
-
-/* generate anchors for headers, a la github and http://blog.parkermoore.de/2014/08/01/header-anchor-links-in-vanilla-javascript-for-github-pages-and-jekyll/ */
-var anchorForId = function (id, text) {
- var anchor = document.createElement("a");
- anchor.className = "header-link";
- anchor.href = "#" + id;
- anchor.innerHTML = "<i class=\"fa fa-link\"></i>";
- return anchor;
-};
-
-var linkifyAnchors = function (level, containingElement) {
- var headers = contentBlock.find("h" + level);
- for (var h = 0; h < headers.length; h++) {
- var header = headers[h];
- if (typeof header.id !== "undefined" && header.id !== "") {
- header.appendChild(anchorForId(header.id, $(header).text()));
- }
- }
-};
-
-$(function () {
- contentBlock = $("#content_container");
- if (!contentBlock) return;
- for (var level = 1; level <= 6; level++) {
- linkifyAnchors(level, contentBlock);
- }
-});
-
-<!-- Copying and clipboard support -->
-
-// first make the $% line starts not selectable
-
-$(function() {
- $('div.highlight').attr('oncopy', 'handleHideCopy(this)');
- $('div.highlight').each(function(index,target) {
- if ($(target).find('code.bash')) {
- // Mark bash prompts from the start of each line (i.e. '$' or '%' characters
- // at the very start, or immediately following any newline) as not-selectable.
- // Handle continuation lines where a leading '$' or '%' is *not* a prompt character.
- // (If example wants to exclude output, it can manually use class="nocopy".)
- target.innerHTML = target.innerHTML.replace(/(^\s*|[^\\]\n)(<.*>)?([$%]|>) /g, '$1$2<span class="nocopy bash_prompt">$3 </span>');
- }
- });
-});
-
-// normal cmd-C (non-icon) copying
-
-function handleHideCopy(el) {
-// var origHtml = $(el).clone();
- console.log("handling copy", el);
- $(el).addClass('copying');
- $(el).find('.nocopy').hide();
- $(el).find('.clipboard_button').addClass('manual-clipboard-is-active');
- setTimeout(function(){
- $(el).removeClass('copying');
- $(el).find('.clipboard_button').removeClass('manual-clipboard-is-active');
- $(el).find('.nocopy').show();
-// $(el).html(origHtml);
- }, 600);
-}
-
-// and icon (flash) copying
-
-</script>
-
-<script src="/style/js/zeroclipboard/ZeroClipboard.min.js"></script>
-
-<script language="JavaScript" type="application/javascript">
-
-ZeroClipboard.config({ moviePath: '/style/js/zeroclipboard/ZeroClipboard.swf' });
-
-$(function() {
- $('div.highlight').prepend(
- $('<div class="clipboard_container" title="Copy to Clipboard">'+
- '<div class="fa clipboard_button">'+
- '<div class="on-active"><div>Copied to Clipboard</div></div>'+
- '</div></div>'));
- $('div.clipboard_container').each(function(index) {
- var clipboard = new ZeroClipboard();
- clipboard.clip( $(this).find(":first")[0], $(this)[0] );
- var target0 = $(this).next();
- var target = target0.clone();
- target.find('.nocopy').remove();
- var txt = target.text();
- clipboard.on( 'dataRequested', function (client, args) {
- handleHideCopy( target0.closest('div.highlight') ); //not necessary but nicer feedback
- client.setText( txt );
- });
- });
-});
-
-
-<!-- search -->
- $(function() {
- $('#simple_google')
- .submit(function() {
- $('input[name="q"]').val("site:" + document.location.hostname + " " + $('input[name="brooklyn-search"]').val());
- return true;
- });
- $('input[name="brooklyn-search"]').focus(function() {
- if ($(this).val() === $(this).attr('placeholder')) {
- $(this).val('');
- }
- })
- .blur(function() {
- if ($(this).val() === '') {
- $(this).val($(this).attr('placeholder'));
- }
- })
- .blur();
- });
-
-
- <!-- analytics -->
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-30530918-1']);
- _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);
- })();
-
-
-<!-- page warning (for archive pages) -->
+</body>
+<!--
+ ~ Licensed to the Apache Software Foundation (ASF) under one
+ ~ or more contributor license agreements. See the NOTICE file
+ ~ distributed with this work for additional information
+ ~ regarding copyright ownership. The ASF licenses this file
+ ~ to you under the Apache License, Version 2.0 (the
+ ~ "License"); you may not use this file except in compliance
+ ~ with the License. You may obtain a copy of the License at
+ ~
+ ~ http://www.apache.org/licenses/LICENSE-2.0
+ ~
+ ~ Unless required by applicable law or agreed to in writing,
+ ~ software distributed under the License is distributed on an
+ ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ ~ KIND, either express or implied. See the License for the
+ ~ specific language governing permissions and limitations
+ ~ under the License.
+ -->
- function get_user_versions() {
- return $.cookie("brooklyn_versions") ? $.cookie("brooklyn_versions").split(",") : [];
- };
- function set_user_version(version) {
- var version_cookie = get_user_versions();
- version_cookie.push(version);
- $.cookie('brooklyn_versions', version_cookie, { expires: 365, path: '/' });
- $('#page_notes').fadeOut();
- event.preventDefault ? event.preventDefault() : event.returnValue = false;
- };
- function set_user_versions_all() {
- var version_cookie = get_user_versions();
- version_cookie.push("ALL");
- $.cookie('brooklyn_versions', version_cookie, { expires: 365, path: '/' });
- $('#page_notes').fadeOut();
- event.preventDefault ? event.preventDefault() : event.returnValue = false;
- };
- function clear_user_versions() {
- $.removeCookie('brooklyn_versions', { path: '/' });
- $('#page_notes').fadeIn('slow');
- event.preventDefault ? event.preventDefault() : event.returnValue = false;
- };
+<script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="/style/deps/jquery.cookie.js"></script>
+<script type="text/javascript" src="/style/js/zeroclipboard/ZeroClipboard.min.js"></script>
+<script type="text/javascript" src="/style/deps/tooltip.js"></script>
+<script type="text/javascript">
+ ZeroClipboard.config({ moviePath: '/style/js/zeroclipboard/ZeroClipboard.swf' });
</script>
-
-</body>
-
+<script src="/style/js/public.js"></script>
</html>
Modified: brooklyn/site/style/css/catalog_items.css
URL: http://svn.apache.org/viewvc/brooklyn/site/style/css/catalog_items.css?rev=1795513&r1=1795512&r2=1795513&view=diff
==============================================================================
--- brooklyn/site/style/css/catalog_items.css (original)
+++ brooklyn/site/style/css/catalog_items.css Thu May 18 12:37:51 2017
@@ -18,8 +18,6 @@
*/
/* landing page */
body {
- margin: 0px;
- padding: 10px 0px 20px 0px;
font-family: arial, helvetica, sans-serif;
background-color: #ffffff;
color: #393939;
@@ -128,7 +126,7 @@ dd {
#container {
width: 980px;
padding: 0;
- margin: 0 auto;
+ margin: 50px auto;
}
#identity {
Modified: brooklyn/site/style/css/javadoc.css
URL: http://svn.apache.org/viewvc/brooklyn/site/style/css/javadoc.css?rev=1795513&r1=1795512&r2=1795513&view=diff
==============================================================================
--- brooklyn/site/style/css/javadoc.css (original)
+++ brooklyn/site/style/css/javadoc.css Thu May 18 12:37:51 2017
@@ -12,8 +12,8 @@
/* BASIC STYLES
----------------------------------------------------------------------- */
body {
- margin: 0px;
- padding: 60px 0px 20px 0px;
+ margin: 0;
+ padding-top: 50px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 17px;
@@ -75,6 +75,31 @@ a:hover {
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-bottom: 1px solid #ddd; }
+td, th {
+ border: 1px solid #ccc;
+ padding: 5px; }
+
+.navbar-brand .brand-apache {
+ position: relative; }
+ .navbar-brand .brand-apache > img {
+ transform: rotate(-125deg);
+ height: 100px;
+ position: absolute;
+ top: -45px;
+ left: 35px; }
+
+.navbar-brand .brand-brooklyn > img {
+ padding-left: 125px;
+ margin-top: -4px; }
+
+abbr.glossarizer_replaced {
+ border-bottom: 1px dashed;
+ font-style: italic; }
+ abbr.glossarizer_replaced:before {
+ font-family: FontAwesome;
+ content: "\f045";
+ padding-right: 5px; }
+
/* TOOLTIPS
----------------------------------------------------------------------- */
.tooltip .tooltip-inner {
Modified: brooklyn/site/style/css/singlePage.css
URL: http://svn.apache.org/viewvc/brooklyn/site/style/css/singlePage.css?rev=1795513&r1=1795512&r2=1795513&view=diff
==============================================================================
--- brooklyn/site/style/css/singlePage.css (original)
+++ brooklyn/site/style/css/singlePage.css Thu May 18 12:37:51 2017
@@ -53,7 +53,7 @@ pre {
font-size: 20pt;
font-weight: bold;
}
-#content_container h1{
+.page .content h1{
display: inline-block;
width: 90%;
}
Modified: brooklyn/site/style/css/website.css
URL: http://svn.apache.org/viewvc/brooklyn/site/style/css/website.css?rev=1795513&r1=1795512&r2=1795513&view=diff
==============================================================================
--- brooklyn/site/style/css/website.css (original)
+++ brooklyn/site/style/css/website.css Thu May 18 12:37:51 2017
@@ -12,8 +12,8 @@
/* BASIC STYLES
----------------------------------------------------------------------- */
body {
- margin: 0px;
- padding: 60px 0px 20px 0px;
+ margin: 0;
+ padding-top: 50px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 17px;
@@ -75,6 +75,31 @@ a:hover {
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-bottom: 1px solid #ddd; }
+td, th {
+ border: 1px solid #ccc;
+ padding: 5px; }
+
+.navbar-brand .brand-apache {
+ position: relative; }
+ .navbar-brand .brand-apache > img {
+ transform: rotate(-125deg);
+ height: 100px;
+ position: absolute;
+ top: -45px;
+ left: 35px; }
+
+.navbar-brand .brand-brooklyn > img {
+ padding-left: 125px;
+ margin-top: -4px; }
+
+abbr.glossarizer_replaced {
+ border-bottom: 1px dashed;
+ font-style: italic; }
+ abbr.glossarizer_replaced:before {
+ font-family: FontAwesome;
+ content: "\f045";
+ padding-right: 5px; }
+
/* TOOLTIPS
----------------------------------------------------------------------- */
.tooltip .tooltip-inner {
@@ -228,134 +253,24 @@ span.bash_prompt {
/* WEBSITE MENUS
----------------------------------------------------------------------- */
-/* top menu bar */
-.navbar-brand {
- margin-top: -4px;
- margin-left: -30px !important; }
-
-.navbar .icon-github {
- width: 32px;
- height: 32px;
- background: url("/style/img/github-256-black.png");
- background-size: 32px 32px; }
-.navbar .icon-github:hover {
- background: url("/style/img/github-256-green.png");
- background-size: 32px 32px; }
-.navbar .icon-twitter {
- width: 32px;
- height: 32px;
- background: url("/style/img/twitter-256-black.png");
- background-size: 32px 32px; }
-.navbar .icon-twitter:hover {
- background: url("/style/img/twitter-256-green.png");
- background-size: 32px 32px; }
-.navbar .icon-irc {
- width: 32px;
- height: 32px;
- background: url("/style/img/irc-256-black.png");
- background-size: 32px 32px; }
-.navbar .icon-irc:hover {
- background: url("/style/img/irc-256-green.png");
- background-size: 32px 32px; }
+.navbar-brand > img {
+ margin-top: -4px; }
-.navbar .tooltip .tooltip-inner {
- position: relative;
- right: 40%;
- right: calc(50% - 25px);
- max-width: 300px; }
-
-/* special container with sidebar where if sidebar is squeezed
- (under "responsiveness") the text keeps at least its "auto" size,
- squashing the main container instead */
-.container-and-sidebars {
- width: 100%;
- display: -webkit-box;
- /* OLD - iOS 6-, Safari 3.1-6 */
- display: -moz-box;
- /* OLD - Firefox 19- (buggy but mostly works) */
- display: -ms-flexbox;
- /* TWEENER - IE 10 */
- display: -webkit-flex;
- /* NEW - Chrome */
- display: flex;
- /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
-
-.container-between-sidebars {
- -webkit-box-flex: 1 100%;
- -webkit-flex: 1 100%;
- -webkit-flex-flex: 1 100%;
- flex: 1 100%;
- flex: 10 1 100%;
+.navbar a.navbar-btn {
display: inline-block;
- width: auto;
- margin-left: auto;
- margin-right: auto; }
-
-.container-sidebar, .container-sidebar-right, .container-sidebar-left {
- -webkit-box-flex: 0 auto;
- -webkit-flex: 0 auto;
- -webkit-flex-flex: 0 auto;
- flex: 0 auto;
- flex: 0 0 auto; }
-
-.container-sidebar-right {
- text-align: left;
- padding-right: 10px; }
-
-.container-sidebar-left {
- text-align: right;
- padding-left: 10px; }
-
-@media (min-width: 768px) {
- .container-sidebar, .container-sidebar-right, .container-sidebar-left {
- min-width: calc((100% - 750px)/2); } }
-@media (min-width: 992px) {
- .container-sidebar, .container-sidebar-right, .container-sidebar-left {
- min-width: calc((100% - 970px)/2); } }
-@media (min-width: 1200px) {
- .container-sidebar, .container-sidebar-right, .container-sidebar-left {
- min-width: calc((100% - 1170px)/2); } }
-.navbar-feather {
- padding-top: 12px;
- margin-right: -6px; }
-
-.navbar-sidebar-right-icons {
- padding-top: 10px;
- margin-left: -6px;
- white-space: nowrap; }
- .navbar-sidebar-right-icons a {
- display: inline-block;
- width: 32px;
- height: 32px; }
-
-.navbar-icon-shift {
- margin-right: -2px; }
-
-.navbar div.dropdown_section_header hr {
- margin: 4px 12px;
- border-color: #ddd; }
-
-.navbar div.dropdown_new_section hr {
- margin: 6px 0px;
- border-color: #ddd; }
+ margin-left: 15px;
+ margin-right: 15px;
+ padding: 6px 12px; }
/* pop-up top-menu */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav > .active > a:focus {
+.navbar-default .navbar-nav > .active > a:focus,
+.navbar-default .navbar-nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: #f5f5f5;
- color: #6db34b; }
-
-.top-menu {
- font-size: 14px;
- font-weight: 400; }
- .top-menu .dropdown-menu > li > a:hover, .top-menu .dropdown-menu > li > a:focus {
- background-color: #f5f5f5;
- background-image: none;
- color: #6db34b; }
- .top-menu ul.nav li.dropdown:hover > ul.dropdown-menu {
- display: block; }
+ color: #6db34b;
+ background-image: none; }
/* side menu */
.side-menu {
@@ -450,52 +365,40 @@ div.search_right {
/* FOOTER
----------------------------------------------------------------------- */
/* sticky footer */
-html {
- position: relative;
- min-height: 100%; }
-
-@media (min-width: 1200px) {
- .slightlyNarrowContainer {
- width: 970px; } }
-div#footer {
- position: absolute;
- bottom: 0;
- width: 100%;
- padding-top: 1em;
- padding-bottom: 1em;
- background-color: #f5f5f5;
- text-align: center;
- font-size: 80%; }
-
-.octicon-footer {
- color: #888;
- font-size: 130%;
- position: relative;
- top: 2px;
- padding-left: 6px; }
-
-a:hover .octicon-footer {
- color: #6db34b; }
+html main {
+ min-height: calc(100vh - 50px - 3.5em); }
+html footer {
+ height: 3.5em;
+ border-top: 1px solid #eee; }
+ html footer p {
+ height: 2em; }
+ html footer .octicon-footer {
+ color: #888;
+ font-size: 130%;
+ position: relative;
+ top: 2px;
+ padding-left: 6px; }
+ html footer a:hover .octicon-footer {
+ color: #6db34b; }
-#content_container {
+.page .content {
padding-bottom: 48px; }
- #content_container img {
+ .page .content img {
max-width: 100%; }
+ .page .content h1 {
+ max-width: 95%;
+ font-variant: normal;
+ margin-top: -16px;
+ padding-bottom: 6px;
+ margin-top: 64px;
+ margin-bottom: 24px;
+ border-bottom: 1px dotted #aaa;
+ font-weight: 300;
+ font-size: 36px;
+ text-transform: uppercase; }
/* HEADER LINKS
----------------------------------------------------------------------- */
-#content_container h1 {
- max-width: 95%;
- font-variant: normal;
- margin-top: -16px;
- padding-bottom: 6px;
- margin-top: 64px;
- margin-bottom: 24px;
- border-bottom: 1px dotted #aaa;
- font-weight: 300;
- font-size: 36px;
- text-transform: uppercase; }
-
h4, h5, h6 {
margin-top: 20px;
margin-bottom: 8px; }
@@ -507,29 +410,6 @@ h5 {
h6 {
font-size: 16px; }
-/* headings get a tooltip showing the permalink URL, a la github jekyll */
-/* install subset of font-awesome */
-@font-face {
- font-family: 'FontAwesome';
- src: url("/style/deps/font-awesome-4.2.0/fonts/fontawesome-webfont.eot");
- src: url("/style/deps/font-awesome-4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("/style/deps/font-awesome-4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("/style/deps/font-awesome-4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("/style/deps/font-awesome-4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
- font-weight: normal;
- font-style: normal; }
-.fa {
- display: inline-block;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
-
-.fa-link:before {
- content: "\f0c1"; }
-
-.fa-play-circle-o:before {
- content: "\f01d"; }
-
/*
* This code is courtesy Ben Balter, modified by Parker Moore for jekyllrb.com
* http://ben.balter.com/2014/03/13/pages-anchor-links/
@@ -594,24 +474,81 @@ a.header-literal-anchor {
/* LANDING PAGE
----------------------------------------------------------------------- */
-.jumbotron {
- margin-top: 18px; }
-
-#apachebrooklynbanner {
- background-image: url("../img/apache-brooklyn-logo-817px-wide.png");
- background-repeat: no-repeat;
- background-position: center;
- width: 817px;
- height: 99px;
+.home .navbar-brand .brand-apache > img {
+ height: 200px;
+ top: -80px; }
+.home .hero {
+ background-color: #ffffff;
+ background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23eeeeee' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
+ overflow: hidden;
+ padding: 100px 0 30px 0; }
+.home .hero h1 {
+ font-family: "Arial Rounded MT Bold", Avenir, "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 6em; }
+ .home .hero h1 .text-apache {
+ color: #808285; }
+ .home .hero h1 .text-brooklyn {
+ color: #6db34b; }
+.home .hero p {
+ margin-top: 3em;
+ margin-bottom: 3em; }
+.home .about, .home .social {
+ margin-top: 50px;
margin-bottom: 50px; }
-
-div.feather.landing {
- overflow: visible;
- max-height: 10px; }
- div.feather.landing img {
- width: 200px;
- margin-left: 40px;
- margin-top: 0px; }
+ .home .about h3.use, .home .social h3.use {
+ margin-top: 3em;
+ margin-bottom: 2em; }
+.home .get-started {
+ margin-bottom: 0; }
+.home .shell {
+ margin-top: 50px;
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+ background: #fff;
+ overflow: hidden; }
+ .home .shell .shell-toolbar {
+ border-bottom: 1px solid #f1f1f1;
+ padding: 0 4px;
+ overflow: hidden; }
+ .home .shell .shell-toolbar i {
+ background: #f00;
+ width: 12px;
+ height: 12px;
+ display: inline-block;
+ border-radius: 100px;
+ float: left;
+ margin: 8px;
+ margin-right: 0; }
+ .home .shell .shell-toolbar i.red {
+ background: #ff5f57; }
+ .home .shell .shell-toolbar i.yellow {
+ background: #ffbd2e; }
+ .home .shell .shell-toolbar i.green {
+ background: #2ace42; }
+ .home .shell .shell-toolbar span {
+ text-align: center;
+ max-width: 150px;
+ margin: auto;
+ display: block;
+ font-family: Arial;
+ margin-top: 6px;
+ font-size: 12px;
+ color: #999; }
+ .home .shell .highlight {
+ background-color: transparent; }
+ .home .shell pre {
+ background-color: #000;
+ padding: 5px 10px;
+ color: #f1f1f1;
+ margin: 0; }
+ .home .shell pre code.language-bash {
+ color: inherit;
+ background: transparent; }
+.home .social a {
+ color: inherit;
+ transition: color 0.3s ease; }
+ .home .social a:hover {
+ color: #6db34b; }
/* YAML EXPLAINED
----------------------------------------------------------------------- */
@@ -790,7 +727,7 @@ div.annotated_blueprint {
div.annotated_blueprint div.code_scroller:hover div.initial_notice {
display: none; }
-#content_container .feature-list h3 {
+.page .content .feature-list h3 {
border: 1px solid #ddd;
margin-top: 48px;
padding: 20px 12px 12px 12px;
@@ -802,8 +739,7 @@ div.annotated_blueprint {
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x; }
-
-#content_container .feature-item {
+.page .content .feature-item {
padding-bottom: 24px;
margin-bottom: 12px;
font-size: 90%;
@@ -814,23 +750,23 @@ div.annotated_blueprint {
padding: 12px;
padding-top: 8px;
background-color: #fafafa; }
- #content_container .feature-item p {
+ .page .content .feature-item p {
margin-top: 6px;
margin-bottom: 0; }
- #content_container .feature-item p:first-child {
+ .page .content .feature-item p:first-child {
margin-top: 0px; }
- #content_container .feature-item img {
+ .page .content .feature-item img {
max-width: 200px;
border: 1px solid #ddd;
border-radius: 2px; }
- #content_container .feature-item div.feature-title {
+ .page .content .feature-item div.feature-title {
width: 27%;
float: left;
font-weight: 500; }
- #content_container .feature-item div.feature-body {
+ .page .content .feature-item div.feature-body {
width: 70%;
margin-left: 30%; }
- #content_container .feature-item div.feature-image {
+ .page .content .feature-item div.feature-image {
text-align: center;
margin-top: 8px;
margin-bottom: 8px; }