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; }