You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@nifi.apache.org by mc...@apache.org on 2015/02/06 04:05:47 UTC
svn commit: r939172 - in /websites/staging/nifi/trunk/content/v2:
assets/js/foundation.js js/app.js screencasts.html stylesheets/app.css
user-guide.html
Author: mcgilman
Date: Fri Feb 6 03:05:47 2015
New Revision: 939172
Log:
Updating content
Added:
websites/staging/nifi/trunk/content/v2/screencasts.html
Modified:
websites/staging/nifi/trunk/content/v2/assets/js/foundation.js
websites/staging/nifi/trunk/content/v2/js/app.js
websites/staging/nifi/trunk/content/v2/stylesheets/app.css
websites/staging/nifi/trunk/content/v2/user-guide.html
Modified: websites/staging/nifi/trunk/content/v2/assets/js/foundation.js
==============================================================================
--- websites/staging/nifi/trunk/content/v2/assets/js/foundation.js (original)
+++ websites/staging/nifi/trunk/content/v2/assets/js/foundation.js Fri Feb 6 03:05:47 2015
@@ -1133,3 +1133,447 @@
reflow : function () {}
};
}(jQuery, window, window.document));
+;;(function ($, window, document, undefined) {
+ 'use strict';
+
+ Foundation.libs.reveal = {
+ name : 'reveal',
+
+ version : '5.5.0',
+
+ locked : false,
+
+ settings : {
+ animation: 'fadeAndPop',
+ animation_speed: 250,
+ close_on_background_click: true,
+ close_on_esc: true,
+ dismiss_modal_class: 'close-reveal-modal',
+ bg_class: 'reveal-modal-bg',
+ root_element: 'body',
+ open: function(){},
+ opened: function(){},
+ close: function(){},
+ closed: function(){},
+ bg : $('.reveal-modal-bg'),
+ css : {
+ open : {
+ 'opacity': 0,
+ 'visibility': 'visible',
+ 'display' : 'block'
+ },
+ close : {
+ 'opacity': 1,
+ 'visibility': 'hidden',
+ 'display': 'none'
+ }
+ }
+ },
+
+ init : function (scope, method, options) {
+ $.extend(true, this.settings, method, options);
+ this.bindings(method, options);
+ },
+
+ events : function (scope) {
+ var self = this,
+ S = self.S;
+
+ S(this.scope)
+ .off('.reveal')
+ .on('click.fndtn.reveal', '[' + this.add_namespace('data-reveal-id') + ']:not([disabled])', function (e) {
+ e.preventDefault();
+
+ if (!self.locked) {
+ var element = S(this),
+ ajax = element.data(self.data_attr('reveal-ajax'));
+
+ self.locked = true;
+
+ if (typeof ajax === 'undefined') {
+ self.open.call(self, element);
+ } else {
+ var url = ajax === true ? element.attr('href') : ajax;
+
+ self.open.call(self, element, {url: url});
+ }
+ }
+ });
+
+ S(document)
+ .on('click.fndtn.reveal', this.close_targets(), function (e) {
+ e.preventDefault();
+ if (!self.locked) {
+ var settings = S('[' + self.attr_name() + '].open').data(self.attr_name(true) + '-init') || self.settings,
+ bg_clicked = S(e.target)[0] === S('.' + settings.bg_class)[0];
+
+ if (bg_clicked) {
+ if (settings.close_on_background_click) {
+ e.stopPropagation();
+ } else {
+ return;
+ }
+ }
+
+ self.locked = true;
+ self.close.call(self, bg_clicked ? S('[' + self.attr_name() + '].open') : S(this).closest('[' + self.attr_name() + ']'));
+ }
+ });
+
+ if(S('[' + self.attr_name() + ']', this.scope).length > 0) {
+ S(this.scope)
+ // .off('.reveal')
+ .on('open.fndtn.reveal', this.settings.open)
+ .on('opened.fndtn.reveal', this.settings.opened)
+ .on('opened.fndtn.reveal', this.open_video)
+ .on('close.fndtn.reveal', this.settings.close)
+ .on('closed.fndtn.reveal', this.settings.closed)
+ .on('closed.fndtn.reveal', this.close_video);
+ } else {
+ S(this.scope)
+ // .off('.reveal')
+ .on('open.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.open)
+ .on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.opened)
+ .on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.open_video)
+ .on('close.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.close)
+ .on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.closed)
+ .on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.close_video);
+ }
+
+ return true;
+ },
+
+ // PATCH #3: turning on key up capture only when a reveal window is open
+ key_up_on : function (scope) {
+ var self = this;
+
+ // PATCH #1: fixing multiple keyup event trigger from single key press
+ self.S('body').off('keyup.fndtn.reveal').on('keyup.fndtn.reveal', function ( event ) {
+ var open_modal = self.S('[' + self.attr_name() + '].open'),
+ settings = open_modal.data(self.attr_name(true) + '-init') || self.settings ;
+ // PATCH #2: making sure that the close event can be called only while unlocked,
+ // so that multiple keyup.fndtn.reveal events don't prevent clean closing of the reveal window.
+ if ( settings && event.which === 27 && settings.close_on_esc && !self.locked) { // 27 is the keycode for the Escape key
+ self.close.call(self, open_modal);
+ }
+ });
+
+ return true;
+ },
+
+ // PATCH #3: turning on key up capture only when a reveal window is open
+ key_up_off : function (scope) {
+ this.S('body').off('keyup.fndtn.reveal');
+ return true;
+ },
+
+
+ open : function (target, ajax_settings) {
+ var self = this,
+ modal;
+
+ if (target) {
+ if (typeof target.selector !== 'undefined') {
+ // Find the named node; only use the first one found, since the rest of the code assumes there's only one node
+ modal = self.S('#' + target.data(self.data_attr('reveal-id'))).first();
+ } else {
+ modal = self.S(this.scope);
+
+ ajax_settings = target;
+ }
+ } else {
+ modal = self.S(this.scope);
+ }
+
+ var settings = modal.data(self.attr_name(true) + '-init');
+ settings = settings || this.settings;
+
+
+ if (modal.hasClass('open') && target.attr('data-reveal-id') == modal.attr('id')) {
+ return self.close(modal);
+ }
+
+ if (!modal.hasClass('open')) {
+ var open_modal = self.S('[' + self.attr_name() + '].open');
+
+ if (typeof modal.data('css-top') === 'undefined') {
+ modal.data('css-top', parseInt(modal.css('top'), 10))
+ .data('offset', this.cache_offset(modal));
+ }
+
+ this.key_up_on(modal); // PATCH #3: turning on key up capture only when a reveal window is open
+
+ modal.on('open.fndtn.reveal').trigger('open.fndtn.reveal');
+
+ if (open_modal.length < 1) {
+ this.toggle_bg(modal, true);
+ }
+
+ if (typeof ajax_settings === 'string') {
+ ajax_settings = {
+ url: ajax_settings
+ };
+ }
+
+ if (typeof ajax_settings === 'undefined' || !ajax_settings.url) {
+ if (open_modal.length > 0) {
+ this.hide(open_modal, settings.css.close);
+ }
+
+ this.show(modal, settings.css.open);
+ } else {
+ var old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null;
+
+ $.extend(ajax_settings, {
+ success: function (data, textStatus, jqXHR) {
+ if ( $.isFunction(old_success) ) {
+ var result = old_success(data, textStatus, jqXHR);
+ if (typeof result == 'string') data = result;
+ }
+
+ modal.html(data);
+ self.S(modal).foundation('section', 'reflow');
+ self.S(modal).children().foundation();
+
+ if (open_modal.length > 0) {
+ self.hide(open_modal, settings.css.close);
+ }
+ self.show(modal, settings.css.open);
+ }
+ });
+
+ $.ajax(ajax_settings);
+ }
+ }
+ self.S(window).trigger('resize');
+ },
+
+ close : function (modal) {
+ var modal = modal && modal.length ? modal : this.S(this.scope),
+ open_modals = this.S('[' + this.attr_name() + '].open'),
+ settings = modal.data(this.attr_name(true) + '-init') || this.settings;
+
+ if (open_modals.length > 0) {
+ this.locked = true;
+ this.key_up_off(modal); // PATCH #3: turning on key up capture only when a reveal window is open
+ modal.trigger('close').trigger('close.fndtn.reveal');
+ this.toggle_bg(modal, false);
+ this.hide(open_modals, settings.css.close, settings);
+ }
+ },
+
+ close_targets : function () {
+ var base = '.' + this.settings.dismiss_modal_class;
+
+ if (this.settings.close_on_background_click) {
+ return base + ', .' + this.settings.bg_class;
+ }
+
+ return base;
+ },
+
+ toggle_bg : function (modal, state) {
+ if (this.S('.' + this.settings.bg_class).length === 0) {
+ this.settings.bg = $('<div />', {'class': this.settings.bg_class})
+ .appendTo('body').hide();
+ }
+
+ var visible = this.settings.bg.filter(':visible').length > 0;
+ if ( state != visible ) {
+ if ( state == undefined ? visible : !state ) {
+ this.hide(this.settings.bg);
+ } else {
+ this.show(this.settings.bg);
+ }
+ }
+ },
+
+ show : function (el, css) {
+ // is modal
+ if (css) {
+ var settings = el.data(this.attr_name(true) + '-init') || this.settings,
+ root_element = settings.root_element;
+
+ if (el.parent(root_element).length === 0) {
+ var placeholder = el.wrap('<div style="display: none;" />').parent();
+
+ el.on('closed.fndtn.reveal.wrapped', function() {
+ el.detach().appendTo(placeholder);
+ el.unwrap().unbind('closed.fndtn.reveal.wrapped');
+ });
+
+ el.detach().appendTo(root_element);
+ }
+
+ var animData = getAnimationData(settings.animation);
+ if (!animData.animate) {
+ this.locked = false;
+ }
+ if (animData.pop) {
+ css.top = $(window).scrollTop() - el.data('offset') + 'px';
+ var end_css = {
+ top: $(window).scrollTop() + el.data('css-top') + 'px',
+ opacity: 1
+ };
+
+ return setTimeout(function () {
+ return el
+ .css(css)
+ .animate(end_css, settings.animation_speed, 'linear', function () {
+ this.locked = false;
+ el.trigger('opened').trigger('opened.fndtn.reveal');
+ }.bind(this))
+ .addClass('open');
+ }.bind(this), settings.animation_speed / 2);
+ }
+
+ if (animData.fade) {
+ css.top = $(window).scrollTop() + el.data('css-top') + 'px';
+ var end_css = {opacity: 1};
+
+ return setTimeout(function () {
+ return el
+ .css(css)
+ .animate(end_css, settings.animation_speed, 'linear', function () {
+ this.locked = false;
+ el.trigger('opened').trigger('opened.fndtn.reveal');
+ }.bind(this))
+ .addClass('open');
+ }.bind(this), settings.animation_speed / 2);
+ }
+
+ return el.css(css).show().css({opacity: 1}).addClass('open').trigger('opened').trigger('opened.fndtn.reveal');
+ }
+
+ var settings = this.settings;
+
+ // should we animate the background?
+ if (getAnimationData(settings.animation).fade) {
+ return el.fadeIn(settings.animation_speed / 2);
+ }
+
+ this.locked = false;
+
+ return el.show();
+ },
+
+ hide : function (el, css) {
+ // is modal
+ if (css) {
+ var settings = el.data(this.attr_name(true) + '-init');
+ settings = settings || this.settings;
+
+ var animData = getAnimationData(settings.animation);
+ if (!animData.animate) {
+ this.locked = false;
+ }
+ if (animData.pop) {
+ var end_css = {
+ top: - $(window).scrollTop() - el.data('offset') + 'px',
+ opacity: 0
+ };
+
+ return setTimeout(function () {
+ return el
+ .animate(end_css, settings.animation_speed, 'linear', function () {
+ this.locked = false;
+ el.css(css).trigger('closed').trigger('closed.fndtn.reveal');
+ }.bind(this))
+ .removeClass('open');
+ }.bind(this), settings.animation_speed / 2);
+ }
+
+ if (animData.fade) {
+ var end_css = {opacity: 0};
+
+ return setTimeout(function () {
+ return el
+ .animate(end_css, settings.animation_speed, 'linear', function () {
+ this.locked = false;
+ el.css(css).trigger('closed').trigger('closed.fndtn.reveal');
+ }.bind(this))
+ .removeClass('open');
+ }.bind(this), settings.animation_speed / 2);
+ }
+
+ return el.hide().css(css).removeClass('open').trigger('closed').trigger('closed.fndtn.reveal');
+ }
+
+ var settings = this.settings;
+
+ // should we animate the background?
+ if (getAnimationData(settings.animation).fade) {
+ return el.fadeOut(settings.animation_speed / 2);
+ }
+
+ return el.hide();
+ },
+
+ close_video : function (e) {
+ var video = $('.flex-video', e.target),
+ iframe = $('iframe', video);
+
+ if (iframe.length > 0) {
+ iframe.attr('data-src', iframe[0].src);
+ iframe.attr('src', iframe.attr('src'));
+ video.hide();
+ }
+ },
+
+ open_video : function (e) {
+ var video = $('.flex-video', e.target),
+ iframe = video.find('iframe');
+
+ if (iframe.length > 0) {
+ var data_src = iframe.attr('data-src');
+ if (typeof data_src === 'string') {
+ iframe[0].src = iframe.attr('data-src');
+ } else {
+ var src = iframe[0].src;
+ iframe[0].src = undefined;
+ iframe[0].src = src;
+ }
+ video.show();
+ }
+ },
+
+ data_attr: function (str) {
+ if (this.namespace.length > 0) {
+ return this.namespace + '-' + str;
+ }
+
+ return str;
+ },
+
+ cache_offset : function (modal) {
+ var offset = modal.show().height() + parseInt(modal.css('top'), 10);
+
+ modal.hide();
+
+ return offset;
+ },
+
+ off : function () {
+ $(this.scope).off('.fndtn.reveal');
+ },
+
+ reflow : function () {}
+ };
+
+ /*
+ * getAnimationData('popAndFade') // {animate: true, pop: true, fade: true}
+ * getAnimationData('fade') // {animate: true, pop: false, fade: true}
+ * getAnimationData('pop') // {animate: true, pop: true, fade: false}
+ * getAnimationData('foo') // {animate: false, pop: false, fade: false}
+ * getAnimationData(null) // {animate: false, pop: false, fade: false}
+ */
+ function getAnimationData(str) {
+ var fade = /fade/i.test(str);
+ var pop = /pop/i.test(str);
+ return {
+ animate: fade || pop,
+ pop: pop,
+ fade: fade
+ };
+ }
+}(jQuery, window, window.document));
Modified: websites/staging/nifi/trunk/content/v2/js/app.js
==============================================================================
--- websites/staging/nifi/trunk/content/v2/js/app.js (original)
+++ websites/staging/nifi/trunk/content/v2/js/app.js Fri Feb 6 03:05:47 2015
@@ -3,6 +3,8 @@
$(document).foundation('topbar', {
mobile_show_parent_link: false,
is_hover: false
+}).foundation('reveal', {
+ animation: 'none'
});
// load fonts
Added: websites/staging/nifi/trunk/content/v2/screencasts.html
==============================================================================
--- websites/staging/nifi/trunk/content/v2/screencasts.html (added)
+++ websites/staging/nifi/trunk/content/v2/screencasts.html Fri Feb 6 03:05:47 2015
@@ -0,0 +1,145 @@
+<!doctype html>
+<html class="no-js" lang="en">
+ <head>
+ <title>Apache NiFi Screencasts</title>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link rel="shortcut icon" href="images/nifi16.ico"/>
+ <link rel="stylesheet" href="stylesheets/app.css" />
+ <link rel="stylesheet" href="assets/stylesheets/font-awesome.min.css">
+ <script src="assets/js/modernizr.js"></script>
+ <script src="assets/js/webfontloader.js"></script>
+ <script>
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+ ga('create', 'UA-57264262-1', 'auto');
+ ga('send', 'pageview');
+ </script>
+ </head>
+ <body>
+ <div class="sticky contain-to-grid">
+ <nav class="top-bar" data-topbar role="navigation">
+ <ul class="title-area">
+ <li class="name">
+ <h1>
+ <a href="index.html">
+ <img id="logo-top-bar" src="images/nifiDrop.svg" alt="Apache NiFi"/>
+ </a>
+ </h1>
+ </li>
+ <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
+ <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
+ </ul>
+
+ <section class="top-bar-section">
+ <!-- Right Nav Section -->
+ <ul class="right">
+ <li class="has-dropdown">
+ <a href="#">Project</a>
+ <ul class="dropdown">
+ <li><a href="index.html">Home</a></li>
+ <li><a href="https://blogs.apache.org/nifi/"><i class="fa fa-external-link external-link"></i>Apache NiFi Blog</a></li>
+ <li><a href="roadmap.html">Roadmap</a></li>
+ <li><a href="http://www.apache.org/licenses/LICENSE-2.0"><i class="fa fa-external-link external-link"></i>License</a></li>
+ </ul>
+ </li>
+ <li class="has-dropdown">
+ <a href="#">Documentation</a>
+ <ul class="dropdown">
+ <li><a href="faq.html">FAQ</a></li>
+ <li><a href="overview.html">NiFi Overview</a></li>
+ <li><a href="user-guide.html">User Guide</a></li>
+ <li><a href="developer-guide.html">Developer Guide</a></li>
+ </ul>
+ </li>
+ <li class="has-dropdown">
+ <a href="#">Download</a>
+ <ul class="dropdown">
+ <li><a href="download.html">Download NiFi</a></li>
+ </ul>
+ </li>
+ <li class="has-dropdown">
+ <a href="#">Community</a>
+ <ul class="dropdown">
+ <li><a href="mailing_lists.html">Mailing Lists</a></li>
+ <li><a href="people.html">People</a></li>
+ </ul>
+ </li>
+ <li class="has-dropdown">
+ <a href="#">Development</a>
+ <ul class="dropdown">
+ <li><a href="quickstart.html">Quickstart</a></li>
+ <li><a href="release-guide.html">Release Guide</a></li>
+ <li><a href="https://git-wip-us.apache.org/repos/asf/incubator-nifi.git"><i class="fa fa-external-link external-link"></i>Source</a></li>
+ <li><a href="https://issues.apache.org/jira/browse/NIFI"><i class="fa fa-external-link external-link"></i>Issues</a></li>
+ </ul>
+ </li>
+ <li class="has-dropdown">
+ <a href="#">ASF Links</a>
+ <ul class="dropdown">
+ <li><a href="http://www.apache.org"><i class="fa fa-external-link external-link"></i>Apache Software Foundation</a></li>
+ <li><a href="http://www.apache.org/foundation/sponsorship.html"><i class="fa fa-external-link external-link"></i>Sponsorship</a></li>
+ <li><a href="http://www.apache.org/security/"><i class="fa fa-external-link external-link"></i>Security</a></li>
+ <li><a href="http://www.apache.org/foundation/thanks.html"><i class="fa fa-external-link external-link"></i>Thanks</a></li>
+ </ul>
+ </li>
+ </ul>
+ </section>
+ </nav>
+</div>
+
+
+<div class="large-space"></div>
+<div class="row">
+ <div class="large-12 columns features">
+ <h2>Screencasts</h2>
+ </div>
+</div>
+<div class="medium-space"></div>
+<div class="row">
+ <div class="large-12 columns">
+ <a href="#" data-reveal-id="templates">Creating templates</a>
+ <div id="templates" class="reveal-modal medium" data-reveal>
+ <h2>Creating templates</h2>
+ <div class="flex-video widescreen" style="display: block;">
+ <iframe width="560" height="315" src="https://www.youtube.com/embed/PpmL-IMoCnU" frameborder="0" allowfullscreen></iframe>
+ </div>
+
+ <a class="close-reveal-modal">×</a>
+ </div>
+ </div>
+</div>
+ <div class="row">
+ <div class="large-12 columns footer">
+ <div class="disclaimer">
+ <p>
+ Disclaimer: Apache NiFi is an effort undergoing incubation at the Apache Software Foundation (ASF),
+ sponsored by the Apache Incubator PMC. Incubation is required of all newly accepted projects until
+ a further review indicates that the infrastructure, communications, and decision making process
+ have stabilized in a manner consistent with other successful ASF projects. While incubation status
+ is not necessarily a reflection of the completeness or stability of the code, it does indicate that
+ the project has yet to be fully endorsed by the ASF.
+ </p>
+ </div>
+ <a href="http://www.apache.org">
+ <img id="asf-logo" alt="Apache Software Foundation" src="images/feather-small.gif">
+ </a>
+ <a href="http://incubator.apache.org/">
+ <img id="incubator-logo" alt="Apache Incubator" src="images/egg-logo.png">
+ </a>
+
+ <div id="copyright">
+ <p>Copyright © 2014 The Apache Software Foundation, Licensed under the <a
+ href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br/>Apache, the
+ Apache feather logo, and the Apache Incubator project logo are trademarks of The Apache Software
+ Foundation.</p>
+ </div>
+ </div>
+</div>
+ <script src="assets/js/jquery.min.js"></script>
+ <script src="assets/js/foundation.js"></script>
+ <script src="js/app.js"></script>
+ </body>
+</html>
Modified: websites/staging/nifi/trunk/content/v2/stylesheets/app.css
==============================================================================
--- websites/staging/nifi/trunk/content/v2/stylesheets/app.css (original)
+++ websites/staging/nifi/trunk/content/v2/stylesheets/app.css Fri Feb 6 03:05:47 2015
@@ -3931,18 +3931,205 @@ table tr td {
line-height: 1.125rem;
}
-/* line 46, ../../src/scss/app.scss */
+/* line 49, ../../bower_components/foundation/scss/foundation/components/_flex-video.scss */
+.flex-video {
+ position: relative;
+ padding-top: 1.5625rem;
+ padding-bottom: 67.5%;
+ height: 0;
+ margin-bottom: 1rem;
+ overflow: hidden;
+}
+/* line 32, ../../bower_components/foundation/scss/foundation/components/_flex-video.scss */
+.flex-video.widescreen {
+ padding-bottom: 56.34%;
+}
+/* line 33, ../../bower_components/foundation/scss/foundation/components/_flex-video.scss */
+.flex-video.vimeo {
+ padding-top: 0;
+}
+/* line 35, ../../bower_components/foundation/scss/foundation/components/_flex-video.scss */
+.flex-video iframe,
+.flex-video object,
+.flex-video embed,
+.flex-video video {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+/* line 166, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal-bg {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: #000000;
+ background: rgba(0, 0, 0, 0.45);
+ z-index: 1004;
+ display: none;
+ left: 0;
+}
+
+/* line 168, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal {
+ visibility: hidden;
+ display: none;
+ position: absolute;
+ z-index: 1005;
+ width: 100vw;
+ top: 0;
+ border-radius: 3px;
+ left: 0;
+ background-color: #FFFFFF;
+ padding: 1.25rem;
+ border: solid 1px #666666;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+ padding: 1.875rem;
+}
+@media only screen and (max-width: 40em) {
+ /* line 168, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+ .reveal-modal {
+ min-height: 100vh;
+ }
+}
+/* line 86, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal .column, .reveal-modal .columns {
+ min-width: 0;
+}
+/* line 89, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal > :first-child {
+ margin-top: 0;
+}
+/* line 91, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal > :last-child {
+ margin-bottom: 0;
+}
+@media only screen and (min-width: 40.063em) {
+ /* line 168, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+ .reveal-modal {
+ width: 80%;
+ max-width: 62.5rem;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ }
+}
+@media only screen and (min-width: 40.063em) {
+ /* line 168, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+ .reveal-modal {
+ top: 6.25rem;
+ }
+}
+/* line 180, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal.radius {
+ border-radius: 3px;
+}
+/* line 181, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal.round {
+ border-radius: 1000px;
+}
+/* line 182, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal.collapse {
+ padding: 0;
+}
+@media only screen and (min-width: 40.063em) {
+ /* line 183, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+ .reveal-modal.tiny {
+ width: 30%;
+ max-width: 62.5rem;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ }
+}
+@media only screen and (min-width: 40.063em) {
+ /* line 184, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+ .reveal-modal.small {
+ width: 40%;
+ max-width: 62.5rem;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ }
+}
+@media only screen and (min-width: 40.063em) {
+ /* line 185, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+ .reveal-modal.medium {
+ width: 60%;
+ max-width: 62.5rem;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ }
+}
+@media only screen and (min-width: 40.063em) {
+ /* line 186, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+ .reveal-modal.large {
+ width: 70%;
+ max-width: 62.5rem;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ }
+}
+@media only screen and (min-width: 40.063em) {
+ /* line 187, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+ .reveal-modal.xlarge {
+ width: 95%;
+ max-width: 62.5rem;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ }
+}
+/* line 188, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal.full {
+ top: 0;
+ left: 0;
+ height: 100%;
+ height: 100vh;
+ min-height: 100vh;
+ max-width: none !important;
+ margin-left: 0 !important;
+}
+@media only screen and (min-width: 40.063em) {
+ /* line 188, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+ .reveal-modal.full {
+ width: 100vw;
+ max-width: 62.5rem;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ }
+}
+/* line 199, ../../bower_components/foundation/scss/foundation/components/_reveal.scss */
+.reveal-modal .close-reveal-modal {
+ font-size: 2.5rem;
+ line-height: 1;
+ position: absolute;
+ top: 0.625rem;
+ right: 1.375rem;
+ color: #AAAAAA;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+/* line 49, ../../src/scss/app.scss */
html, html a {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
-/* line 51, ../../src/scss/app.scss */
+/* line 54, ../../src/scss/app.scss */
.wf-loading h1, .wf-loading p {
visibility: hidden;
}
-/* line 55, ../../src/scss/app.scss */
+/* line 58, ../../src/scss/app.scss */
pre code {
display: block;
overflow: auto;
@@ -3951,90 +4138,90 @@ pre code {
border-width: 1px;
}
-/* line 63, ../../src/scss/app.scss */
+/* line 66, ../../src/scss/app.scss */
div.large-space {
height: 3em;
}
-/* line 67, ../../src/scss/app.scss */
+/* line 70, ../../src/scss/app.scss */
div.medium-space {
height: 2em;
}
-/* line 71, ../../src/scss/app.scss */
+/* line 74, ../../src/scss/app.scss */
div.small-space {
height: 1em;
}
-/* line 75, ../../src/scss/app.scss */
+/* line 78, ../../src/scss/app.scss */
#logo-top-bar {
max-width: 27px;
max-height: 40px;
margin-top: -2px;
}
-/* line 81, ../../src/scss/app.scss */
+/* line 84, ../../src/scss/app.scss */
#logo-top-bar:hover {
-webkit-filter: brightness(1.03);
filter: brightness(1.03);
}
-/* line 86, ../../src/scss/app.scss */
+/* line 89, ../../src/scss/app.scss */
#nifi-landing {
font-size: 4.5em;
}
-/* line 90, ../../src/scss/app.scss */
+/* line 93, ../../src/scss/app.scss */
.nifi-txt {
font-family: 'Oswald', sans-serif;
font-weight: 500;
}
-/* line 95, ../../src/scss/app.scss */
+/* line 98, ../../src/scss/app.scss */
span.nifi-txt {
font-size: larger;
}
-/* line 99, ../../src/scss/app.scss */
+/* line 102, ../../src/scss/app.scss */
.ni {
color: #7A96A4;
}
-/* line 103, ../../src/scss/app.scss */
+/* line 106, ../../src/scss/app.scss */
.fi {
color: #0F3541;
}
-/* line 107, ../../src/scss/app.scss */
+/* line 110, ../../src/scss/app.scss */
.right-text {
text-align: right;
}
-/* line 111, ../../src/scss/app.scss */
+/* line 114, ../../src/scss/app.scss */
p.description {
font-size: 1.25em;
font-weight: 200;
color: #333;
}
-/* line 117, ../../src/scss/app.scss */
+/* line 120, ../../src/scss/app.scss */
#flow {
-moz-box-shadow: 0 0 25px #0F3541;
-webkit-box-shadow: 0 0 25px #0F3541;
box-shadow: 0px 0px 25px #0F3541;
}
-/* line 123, ../../src/scss/app.scss */
+/* line 126, ../../src/scss/app.scss */
div.features {
background-color: #D9E4E8;
}
-/* line 127, ../../src/scss/app.scss */
+/* line 130, ../../src/scss/app.scss */
#features-content ul {
padding-left: 10px;
}
-/* line 131, ../../src/scss/app.scss */
+/* line 134, ../../src/scss/app.scss */
i.external-link {
margin-right: 5px;
}
@@ -4042,7 +4229,7 @@ i.external-link {
/*
Tables
*/
-/* line 139, ../../src/scss/app.scss */
+/* line 142, ../../src/scss/app.scss */
table {
background-color: #fefefe;
border: 1px solid #ccc;
@@ -4053,7 +4240,7 @@ table {
padding: 5px 8px;
}
-/* line 149, ../../src/scss/app.scss */
+/* line 152, ../../src/scss/app.scss */
tr td {
font-size: 14px;
vertical-align: top;
@@ -4062,7 +4249,7 @@ tr td {
border-width: 0;
}
-/* line 157, ../../src/scss/app.scss */
+/* line 160, ../../src/scss/app.scss */
tr th {
font-size: 16px;
vertical-align: top;
@@ -4072,7 +4259,7 @@ tr th {
white-space: nowrap;
}
-/* line 166, ../../src/scss/app.scss */
+/* line 169, ../../src/scss/app.scss */
table tr:nth-of-type(even) {
background-color: transparent !important;
}
@@ -4080,7 +4267,7 @@ table tr:nth-of-type(even) {
/*
Iframe
*/
-/* line 174, ../../src/scss/app.scss */
+/* line 177, ../../src/scss/app.scss */
div.external-guide {
position: absolute;
left: 0;
@@ -4091,7 +4278,7 @@ div.external-guide {
background-color: #fff;
}
-/* line 184, ../../src/scss/app.scss */
+/* line 187, ../../src/scss/app.scss */
div.external-guide iframe {
width: 100%;
height: 100%;
@@ -4100,18 +4287,18 @@ div.external-guide iframe {
/*
Footer
*/
-/* line 193, ../../src/scss/app.scss */
+/* line 196, ../../src/scss/app.scss */
div.footer {
margin-top: 2em;
text-align: center;
}
-/* line 198, ../../src/scss/app.scss */
+/* line 201, ../../src/scss/app.scss */
div.footer p {
font-size: .7em;
}
-/* line 202, ../../src/scss/app.scss */
+/* line 205, ../../src/scss/app.scss */
div.clear {
clear: both;
}
Modified: websites/staging/nifi/trunk/content/v2/user-guide.html
==============================================================================
--- websites/staging/nifi/trunk/content/v2/user-guide.html (original)
+++ websites/staging/nifi/trunk/content/v2/user-guide.html Fri Feb 6 03:05:47 2015
@@ -92,7 +92,7 @@
<div class="external-guide">
- <iframe src="https://nifi.incubator.apache.org/docs/nifi-docs/user-guide.html"></iframe>
+ <iframe src="https://nifi.incubator.apache.org/docs/nifi-docs/user-guide.html"></iframe>
</div>
<div class="row">
<div class="large-12 columns footer">