metron-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From rmerri...@apache.org
Subject [01/15] incubator-metron git commit: METRON-173 Update the the Apache Metron Web Page (iraghumitra via merrimanr) closes apache/incubator-metron#126
Date Fri, 20 May 2016 16:21:55 GMT
Repository: incubator-metron
Updated Branches:
  refs/heads/master a45260aa5 -> 7077dbd6f


http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/js/slider.js
----------------------------------------------------------------------
diff --git a/site/js/slider.js b/site/js/slider.js
new file mode 100644
index 0000000..a7571f4
--- /dev/null
+++ b/site/js/slider.js
@@ -0,0 +1,392 @@
+jQuery(document).ready(function () {
+    /* We slider*/
+    init();
+    pageNav();
+    navigation();
+    next();
+    prev();
+    swipeTouch();
+    /* Multi section slider*/
+    mInit();
+    mSlideNav();
+    mCheckNav();
+    mSlideNext();
+    mSlidePrev();
+    mSwipeTouch();
+});
+jQuery(window).resize(function () {
+    /* We slider*/
+    init();
+    /* Multi section slider*/
+    mInit();
+    var window_width = jQuery(window).width();
+    if (jQuery(".multi-section-slider").length) {
+        if (window_width < 640) {
+            jQuery("#webcast-slider .multi-section-slider").attr("data-items", "1");
+        } else {
+            jQuery("#webcast-slider .multi-section-slider").attr("data-items", "2");
+        }
+        if (window_width > 1200) {
+            jQuery(".partner-block .multi-section-slider").attr("data-items", "5");
+        } else if (window_width < 1200 && window_width > 1023) {
+            jQuery(".partner-block .multi-section-slider").attr("data-items", "4");
+        } else if (window_width < 1024 && window_width > 767) {
+            jQuery(".partner-block .multi-section-slider").attr("data-items", "3");
+        } else if (window_width < 768 && window_width > 480) {
+            jQuery(".partner-block .multi-section-slider").attr("data-items", "2");
+        } else if (window_width < 481) {
+            jQuery(".partner-block .multi-section-slider").attr("data-items", "1");
+        }
+        if (window_width > 767) {
+            jQuery(".video-carousel .multi-section-slider").attr("data-items", "3");
+        } else if (window_width < 768 && window_width > 595) {
+            jQuery(".video-carousel .multi-section-slider").attr("data-items", "1");
+        } else if (window_width < 596) {
+            jQuery(".video-carousel .multi-section-slider").attr("data-items", "1");
+        }
+    }
+});
+jQuery(window).on('load', function () {
+    jQuery(window).on('resize', function () {
+        /* To imitate background image dimensions on real img */
+        if (jQuery('.we-slider .item').length) {
+            jQuery('.we-slider .bg-img, .we-slider .slide-bg').each(function () {
+                var parent_height = jQuery(this).height(),
+                        parent_width = jQuery(this).width(),
+                        image = jQuery(this).children("img"),
+                        img_width = image.get(0).naturalWidth,
+                        img_height = image.get(0).naturalHeight,
+                        ratio = img_width / img_height;
+                image.css({"height": "auto", "width": "100%", "max-width": "100%", "left":
"0", "top": "0"});
+                if (parent_height > image.height()) {
+                    var new_width = parent_height * ratio,
+                            left = new_width - parent_width,
+                            new_left = left / 2;
+                    image.css({"height": "100%", "width": new_width + "px", "max-width":
new_width + "px", "left": "-" + new_left + "px", "top": "0"});
+                } else if (parent_width > image.width() && parent_height <
image.height()) {
+                    var new_height = parent_width / ratio,
+                            top = new_height - parent_height,
+                            new_top = top / 2;
+                    image.css({"height": new_height + "px", "width": "100%", "max-width":
"100%", "left": "0", "top": "-" + new_top + "px"});
+                }
+            });
+        }
+        if (jQuery('.multi-section-slider .item').length) {
+            jQuery('.multi-section-slider .bg-img').each(function () {
+                var parent_height = jQuery(this).height(),
+                        parent_width = jQuery(this).width(),
+                        image = jQuery(this).children("img"),
+                        img_width = image.get(0).naturalWidth,
+                        img_height = image.get(0).naturalHeight,
+                        ratio = img_width / img_height;
+                image.css({"height": "auto", "width": "100%", "max-width": "100%", "left":
"0", "top": "0"});
+                if (parent_height > image.height()) {
+                    var new_width = parent_height * ratio,
+                            left = new_width - parent_width,
+                            new_left = left / 2;
+                    image.css({"height": "100%", "width": new_width + "px", "max-width":
new_width + "px", "left": "-" + new_left + "px", "top": "0"});
+                } else if (parent_width > image.width() && parent_height <
image.height()) {
+                    var new_height = parent_width / ratio,
+                            top = new_height - parent_height,
+                            new_top = top / 2;
+                    image.css({"height": new_height + "px", "width": "100%", "max-width":
"100%", "left": "0", "top": "-" + new_top + "px"});
+                }
+            });
+        }
+
+    }).resize();
+});
+/* Global Variable*/
+var windowWidth,
+        parentWidth,
+        nextbtn,
+        prevbtn,
+        slider,
+        item,
+        itemLength,
+        activeItem,
+        activeIndex,
+        leftValue,
+        initItem;
+initItem = 0;
+activeIndex = 0;
+
+/* To initialize or reset Function on document ready */
+
+function init() {
+    jQuery(".we-slider").each(function () {
+        windowWidth = jQuery(window).width();
+        parentWidth = jQuery(this).width();
+        prevbtn = jQuery(this).find(".slider-nav .prev");
+        nextbtn = jQuery(this).find(".slider-nav .next");
+        slider = jQuery(this).find(".slider");
+        itemLength = jQuery(this).find(".slider .item").size();
+        /* set width of slide item */
+        jQuery(this).find(".slider .item").css("width", parentWidth + "px");
+        jQuery(this).find(".slider-nav .we-navs").empty();
+        var i = 0;
+        for (i; i < itemLength; i++) {
+            jQuery(this).find(".slider-nav .we-navs").append("<span class=''></span>");
+        }
+        slider.css("margin-left", "0px");
+        jQuery(this).find(".slider-nav .we-navs span").not(".slider-nav .we-navs .span:eq(0)").removeClass("active");
+        jQuery(this).find(".slider-nav .we-navs span:eq(0)").addClass("active");
+        prevbtn.css({"display": "none", "opacity": "0"});
+        nextbtn.css("display", "block");
+    });
+}
+
+/* To operate slider with we-nav(dots) */
+
+function pageNav() {
+    jQuery(document).on("click", ".we-slider .slider-nav span", function () {
+        parentWidth = jQuery(this).parents(".we-slider").width();
+        slider = jQuery(this).parents(".we-slider").find(".slider");
+        jQuery(this).addClass("active");
+        jQuery(this).parents(".we-slider").find(".slider-nav ").find("span").not(jQuery(this)).removeClass("active");
+        activeIndex = jQuery(this).index();
+        leftValue = parentWidth * activeIndex;
+        slider.stop(true, true).animate({"margin-left": "-" + leftValue + "px"}, 600);
+    });
+}
+
+/* To operate slider with next button */
+
+function next() {
+    jQuery(".we-slider .slider-nav").find(".next").click(function () {
+        activeIndex = jQuery(this).parents(".we-slider").find(".slider-nav").find("span.active").index();
+        parentWidth = jQuery(this).parents(".we-slider").width();
+        slider = jQuery(this).parents(".we-slider").find(".slider");
+        initItem = activeIndex;
+        initItem++;
+        leftValue = parentWidth * initItem;
+        slider.stop(true, true).animate({"margin-left": "-" + leftValue + "px"}, 600);
+        jQuery(this).parents(".we-slider").find(".slider-nav .we-navs span").not(".slider-nav
.we-navs span:eq(" + initItem + ")").removeClass("active");
+        jQuery(this).parents(".we-slider").find(".slider-nav .we-navs span:eq(" + initItem
+ ")").addClass("active");
+    });
+}
+
+/* To operate slider with prev button */
+
+function prev() {
+    jQuery(".we-slider .slider-nav").find(".prev").click(function () {
+        activeIndex = jQuery(this).parents(".we-slider").find(".slider-nav").find("span.active").index();
+        parentWidth = jQuery(this).parents(".we-slider").width();
+        slider = jQuery(this).parents(".we-slider").find(".slider");
+        initItem = activeIndex;
+        initItem--;
+        leftValue = parentWidth * initItem;
+        slider.stop(true, true).animate({"margin-left": "-" + leftValue + "px"}, 600);
+        jQuery(this).parents(".we-slider").find(".slider-nav .we-navs span:eq(" + initItem
+ ")").addClass("active");
+        jQuery(this).parents(".we-slider").find(".slider-nav .we-navs span").not(".slider-nav
.we-navs span:eq(" + initItem + ")").removeClass("active");
+    });
+}
+
+/* to check and hide/show prevbtn and nextbtn*/
+
+function navigation() {
+    jQuery(document).on("click", ".we-slider span, .we-slider .prev, .we-slider .next", function
() {
+        activeIndex = jQuery(this).parents(".we-slider").find(".slider-nav").find("span.active").index();
+        prevbtn = jQuery(this).parents(".we-slider").find(".slider-nav").find(".prev");
+        nextbtn = jQuery(this).parents(".we-slider").find(".slider-nav").find(".next");
+        itemLength = jQuery(this).parents(".we-slider").find(".slider .item").size();
+        if (activeIndex === 0) {
+            prevbtn.animate({"opacity": "0"}, 150);
+            nextbtn.animate({"opacity": "1"}, 100);
+            nextbtn.css({"display": "block"});
+            setTimeout(function () {
+                prevbtn.css({"display": "none"});
+            }, 150);
+        } else if (activeIndex >= (itemLength - 1)) {
+            prevbtn.animate({"opacity": "1"}, 100);
+            nextbtn.animate({"opacity": "0"}, 150);
+            prevbtn.css({"display": "block"});
+            setTimeout(function () {
+                nextbtn.css({"display": "none"});
+            }, 150);
+        } else if (activeIndex === 0 && itemLength == 1) {
+            prevbtn.css({"display": "none"});
+            nextbtn.css({"display": "none"});
+        } else {
+            prevbtn.animate({"opacity": "1"}, 100);
+            nextbtn.animate({"opacity": "1"}, 100);
+            nextbtn.css({"display": "block"});
+            prevbtn.css({"display": "block"});
+
+        }
+    });
+}
+
+/*
+ * multi-section-slider 
+ */
+
+/* Global Variables */
+var mParentWidth,
+        mNextbtn,
+        mPrevbtn,
+        mSlider,
+        mItem,
+        mItemLength,
+        mActiveItem,
+        mActiveIndex,
+        mLeftValue,
+        mInitItem,
+        mViewItem,
+        mItemsWidth,
+        mItemWidth,
+        mTotalNav;
+mInitItem = 0;
+mActiveIndex = 0;
+
+/* To initialize or reset Function on document ready */
+
+function mInit() {
+    jQuery(".multi-section-slider").each(function () {
+        mViewItem = jQuery(this).attr("data-items");
+        mParentWidth = jQuery(this).width();
+        mItem = jQuery(this).find(".item");
+        mItemLength = jQuery(this).find(".item").size();
+        mItem.css("width", (mParentWidth / mViewItem) + "px");
+        mSlider = jQuery(this).find(".slider");
+        mNextbtn = jQuery(this).find(".slider-nav .next");
+        mPrevbtn = jQuery(this).find(".slider-nav .prev");
+        mTotalNav = Math.ceil(mItemLength / mViewItem);
+        jQuery(this).find(".slider-nav .we-navs").empty();
+        for (i = 0; i < mTotalNav; i++) {
+            jQuery(this).find(".slider-nav .we-navs").append("<span class=''></span>");
+        }
+        mSlider.css("margin-left", "0px");
+        jQuery(this).find(".slider-nav .we-navs span").not(".slider-nav .we-navs .span:eq(0)").removeClass("active");
+        jQuery(this).find(".slider-nav .we-navs span:eq(0)").addClass("active");
+        mPrevbtn.css({"display": "none", "opacity": "0"});
+        mNextbtn.css("display", "block");
+    });
+}
+
+/* To operate slider with nav(dots) */
+
+function mSlideNav() {
+
+    jQuery(document).on("click", ".multi-section-slider .slider-nav span", function () {
+        mViewItem = jQuery(this).parents(".multi-section-slider").attr("data-items");
+        mActiveIndex = jQuery(this).index();
+        mParentWidth = jQuery(this).parents(".multi-section-slider").width();
+        mItemLength = jQuery(this).parents(".multi-section-slider").find(".item").size();
+        mItemWidth = mParentWidth / mViewItem;
+        mItemsWidth = mItemWidth * mItemLength;
+        mLeftValue = mActiveIndex * mParentWidth;
+        if ((mLeftValue + mParentWidth) > mItemsWidth) {
+            mLeftValue = mItemsWidth - mParentWidth;
+        }
+        jQuery(this).parents(".multi-section-slider").find(".slider").stop(true, true).animate({"margin-left":
"-" + mLeftValue + "px"}, 600);
+        jQuery(this).addClass("active");
+        jQuery(this).parents(".multi-section-slider").find(".slider-nav").find("span").not(jQuery(this)).removeClass("active");
+    });
+}
+
+/* To operate slider with next button */
+
+function mSlideNext() {
+    jQuery(".multi-section-slider .slider-nav").find(".next").click(function () {
+        mViewItem = jQuery(this).parents(".multi-section-slider").attr("data-items");
+        mActiveIndex = jQuery(this).parents(".multi-section-slider").find(".slider-nav").find("span.active").index();
+        mParentWidth = jQuery(this).parents(".multi-section-slider").width();
+        mItemLength = jQuery(this).parents(".multi-section-slider").find(".item").size();
+        mItemWidth = mParentWidth / mViewItem;
+        mItemsWidth = mItemWidth * mItemLength;
+        mInitItem = mActiveIndex;
+        mInitItem++;
+        mLeftValue = mInitItem * mParentWidth;
+        if ((mLeftValue + mParentWidth) > mItemsWidth) {
+            mLeftValue = mItemsWidth - mParentWidth;
+        }
+        jQuery(this).parents(".multi-section-slider").find(".slider").stop(true, true).animate({"margin-left":
"-" + mLeftValue + "px"}, 600);
+        jQuery(this).parents(".multi-section-slider").find(".slider-nav .we-navs span").not(".slider-nav
.we-navs span:eq(" + mInitItem + ")").removeClass("active");
+        jQuery(this).parents(".multi-section-slider").find(".slider-nav .we-navs span:eq("
+ mInitItem + ")").addClass("active");
+    });
+}
+
+/* To operate slider with prev button */
+
+function mSlidePrev() {
+    jQuery(".multi-section-slider .slider-nav").find(".prev").click(function () {
+        mViewItem = jQuery(this).parents(".multi-section-slider").attr("data-items");
+        mActiveIndex = jQuery(this).parents(".multi-section-slider").find(".slider-nav").find("span.active").index();
+        mParentWidth = jQuery(this).parents(".multi-section-slider").width();
+        mItemLength = jQuery(this).parents(".multi-section-slider").find(".item").size();
+        mItemWidth = mParentWidth / mViewItem;
+        mItemsWidth = mItemWidth * mItemLength;
+        mInitItem = mActiveIndex;
+        mInitItem--;
+        mLeftValue = mInitItem * mParentWidth;
+        jQuery(this).parents(".multi-section-slider").find(".slider").stop(true, true).animate({"margin-left":
"-" + mLeftValue + "px"}, 600);
+        jQuery(this).parents(".multi-section-slider").find(".slider-nav .we-navs span").not(".slider-nav
.we-navs span:eq(" + mInitItem + ")").removeClass("active");
+        jQuery(this).parents(".multi-section-slider").find(".slider-nav .we-navs span:eq("
+ mInitItem + ")").addClass("active");
+    });
+}
+
+/* to check and hide/show prevbtn and nextbtn*/
+
+function mCheckNav() {
+    jQuery(document).on("click", ".multi-section-slider span, .multi-section-slider .prev,
.multi-section-slider .next", function () {
+        mViewItem = jQuery(this).parents(".multi-section-slider").attr("data-items");
+        mActiveIndex = jQuery(this).parents(".multi-section-slider").find(".slider-nav").find("span.active").index();
+        mPrevbtn = jQuery(this).parents(".multi-section-slider").find(".slider-nav").find(".prev");
+        mNextbtn = jQuery(this).parents(".multi-section-slider").find(".slider-nav").find(".next");
+        mItemLength = jQuery(this).parents(".multi-section-slider").find(".item").size();
+        mTotalNav = Math.ceil(mItemLength / mViewItem);
+        mItemLength = mTotalNav;
+        if (mActiveIndex === 0) {
+            mPrevbtn.animate({"opacity": "0"}, 150);
+            mNextbtn.animate({"opacity": "1"}, 100);
+            mNextbtn.css({"display": "block"});
+            setTimeout(function () {
+                mPrevbtn.css({"display": "none"});
+            }, 150);
+        } else if (mActiveIndex >= (mItemLength - 1)) {
+            mPrevbtn.animate({"opacity": "1"}, 100);
+            mNextbtn.animate({"opacity": "0"}, 150);
+            mPrevbtn.css({"display": "block"});
+            setTimeout(function () {
+                mNextbtn.css({"display": "none"});
+            }, 150);
+        } else {
+            mPrevbtn.animate({"opacity": "1"}, 100);
+            mNextbtn.animate({"opacity": "1"}, 100);
+            mNextbtn.css({"display": "block"});
+            mPrevbtn.css({"display": "block"});
+
+        }
+    });
+}
+
+function mSwipeTouch() {
+    jQuery('.multi-section-slider').each(function () {
+        jQuery(this).on('swipeleft', function () {
+            if (mActiveIndex !== (mItemLength - 1)) {
+                jQuery(this).children('.slider-nav').find('.next').trigger('click');
+            }
+        });
+        jQuery(this).on('swiperight', function () {
+            if (mActiveIndex !== 0) {
+                jQuery(this).children('.slider-nav').find('.prev').trigger('click');
+            }
+        });
+    });
+}
+
+function swipeTouch() {
+    jQuery('.we-slider').each(function () {
+        jQuery(this).on('swipeleft', function () {
+            if (activeIndex !== (itemLength - 1)) {
+                jQuery(this).children('.slider-nav').find('.next').trigger('click');
+            }
+        });
+        jQuery(this).on('swiperight', function () {
+            if (activeIndex !== 0) {
+                jQuery(this).children('.slider-nav').find('.prev').trigger('click');
+            }
+        });
+    });
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/js/top-form.js
----------------------------------------------------------------------
diff --git a/site/js/top-form.js b/site/js/top-form.js
new file mode 100644
index 0000000..b8d2e7c
--- /dev/null
+++ b/site/js/top-form.js
@@ -0,0 +1,145 @@
+var $ = jQuery;
+
+$(document).ready(function () {
+    /*
+     * Trigger top-form from "Contact Form/Contact Us"
+     */
+//    var selector = $('.get-started .v-middle:eq(2)');
+//    selector.children('p').find('a').addClass('trigger-top-form');
+//    function triggerTopForm() {
+//        var selector = $('.get-started .v-middle a');
+//        if (selector > -1) {
+//            for (i = 0; i < 3; i++) {
+//                console.log(22);
+//                var innerText = selector[i].innerText;
+//                var matchText_0 = "CONTACT FORM";
+//                var matchText_1 = "INQUIRIES";
+//                if ((innerText.indexOf(matchText_0) > -1) || (innerText.indexOf(matchText_1)
> -1)) {
+//                    var triggerForm = selector[i];
+//                    $(triggerForm).addClass('trigger-top-form');
+//                }
+//            }
+//        }
+//    }
+//    triggerTopForm();
+
+    /*
+     * Top-form UI/UX effects
+     */
+    $('.trigger-top-form, .top-form-container .close-btn').on('click', function () {
+        if ($('body').hasClass('form-active')) {
+            $('body').removeClass('form-active');
+            $('.marketo-form-embed').validationEngine('hideAll');
+        }
+        else {
+            $('body').addClass('form-active');
+        }
+    });
+
+
+    /*
+     *  Top form Material design UI/UX effects
+     */
+    $(document).on('change', '.top-form select, .marketo-form-embed select', function ()
{
+        $(this).addClass('used').siblings('.placeHolder').addClass('placeholderfix');
+    });
+
+    $(document).on('blur', 'input, textarea', function () {
+        if ($(this).val())
+            $(this).addClass('used');
+        else
+            $(this).removeClass('used');
+    });
+
+    /*
+     * SelectBoxIt Initialization for Select Lists
+     */
+    $('.top-form select, .marketo-form-embed select, .grid-customers select').selectBoxIt();
+
+    /*
+     * Listen to change/create events to make sure our validation on select elements works
with SelectBoxIt
+     */
+    $('.marketo-form-embed select').on('change create', function (ev, obj) {
+        obj.dropdown.attr('value', $(this).val());
+    });
+
+
+    /*
+     * Test code for Second-level-nav
+     */
+    jQuery(window).load(function () {
+        jQuery(window).on("ready, resize", function () {
+            if (jQuery('.fixed-links').length > 0) {
+                var stickyOffset = '';
+                if (jQuery('.fixed-links')) {
+                    var sticky = jQuery('.fixed-links');
+
+                    /* Sticky height fix on resonsive */
+                    sticky.parent().css({'min-height': 'initial'});
+                    //console.log(sticky.parent());
+                    //console.log(sticky.parent().outerHeight());
+                    var stickyHeight = sticky.parent().outerHeight();
+                    sticky.parent().css({'min-height': stickyHeight});
+
+                    sticky.removeClass('stick');
+                    stickyOffset = jQuery('.fixed-links').offset().top;
+
+
+                    var scroll = jQuery(window).scrollTop();
+                    if (scroll >= stickyOffset) {
+                        sticky.addClass('stick');
+                    }
+                    else {
+                        sticky.removeClass('stick');
+                    }
+                }
+
+                /* Remove sticky on responsive() & apply it back on scroll */
+                jQuery(window).scroll(function () {
+                    var scroll = jQuery(window).scrollTop();
+                    if (scroll >= stickyOffset) {
+                        sticky.addClass('stick');
+                    }
+                    else {
+                        sticky.removeClass('stick');
+                    }
+                });
+            }
+
+
+
+            /*
+             * Active links on page ready
+             */
+            jQuery(".fixed-links li").siblings('li').find('li.active').removeClass("active");
+            if (jQuery(".fixed-anchor").length) {
+                var nav_height = jQuery('.fixed-anchor').outerHeight();
+                var scrollPos = jQuery(document).scrollTop() + nav_height;
+                if (jQuery('.fixed-anchor').length) {
+                    jQuery('.fixed-links li a').each(function () {
+                        var currLink = jQuery(this);
+                        var refElement = jQuery(currLink.attr("href"));
+                        if (refElement.length) {
+                            if (refElement.position().top <= scrollPos && refElement.position().top
+ refElement.outerHeight() > scrollPos) {
+                                jQuery('.fixed-links li').removeClass("active");
+                                currLink.parent().addClass("active");
+                            }
+                        }
+                   else {
+                       currLink.parent().removeClass("active");
+                   }
+                        if (!jQuery(".fixed-links li").hasClass("active")) {
+                            var thisElement = jQuery(".fixed-links li:eq(0)").children();
+                            var thisId = jQuery(thisElement.attr("href"));
+                            var topPosition = thisId.position().top - jQuery(window).scrollTop();
+                            if (topPosition > nav_height) {
+                                jQuery('.fixed-links li:eq(0)').addClass("active");
+                            }
+                        }
+                    });
+
+                }
+            }
+        }).resize();
+    });
+});
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/news/index.html
----------------------------------------------------------------------
diff --git a/site/news/index.html b/site/news/index.html
index 60dd4c0..bfb15b2 100644
--- a/site/news/index.html
+++ b/site/news/index.html
@@ -1,19 +1,61 @@
 ---
-layout: news
-title: News
-permalink: /news/
-author: all
+layout: default
+title: Apache Metron Community
 ---
 
-{% for post in site.posts %}
-  {% include news_item.html %}
-{% endfor %}
+<section class="hero-second-level no-padding">
+    <div class="bg-img">
+        <img src="/img/metron_datacenter.jpg" alt="UNLOCK THE POWER OF YOUR DATA" style="width:
100%; left: 0px;">
+    </div>
+    <div class="v-middle-wrapper">
+        <div class="v-middle-inner">
+            <div class="v-middle">
+              <h1>real-time big data security </h1>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="no-padding">
+      <div class="fixed-anchor" style="min-height: 99px;">
+        <div class="fixed-links" style="top: 63px; transition: top 0.5s ease;">
+            <ul>
+                <li class="active"><a href="#talks">Talks</a></li>
+                <li class=""><a href="#news">News</a></li>
+            </ul>   
+        </div>
+    </div>  
+</section>
+
+<section class="info-block  events-section feature darken" id="talks">
+    <div class="text-center">
+      <h2>Talks</h2>
+    </div>    
+    <div class="hover-btn text-center">
+        <p> Talks deliverd on OpenSoc and Metron at different forums</p>
+        <a class="button-default" href="https://cwiki.apache.org/confluence/display/METRON/Tech+Talks"
target="_blank">See the Videos</a>
+    </div>
+</section>
+
+<section class="info-block events-section feature" id="news">
+    <div class="text-center">
+      <h2>News</h2>
+    </div>
+        <div class="hover-btn text-center">
+            <p> Follow us on ...</br>
+                 <a href="https://twitter.com/ApacheMetron" class="twitter-follow-button"
data-show-count="false" data-size="large" data-dnt="true">Follow @ApacheMetron</a>
+    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,
'script', 'twitter-wjs');</script>
+            </span>
+
+            <p> Tweet us on ... </br>
+            <a href="https://twitter.com/intent/tweet?screen_name=ApacheMetron" class="twitter-mention-button"
data-size="large" data-dnt="true">Tweet to @ApacheMetron</a>
+<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,
'script', 'twitter-wjs');</script>
+
+        </div>
+</section>
+
+
+
 
-<p></p>
 
-<h2>Metron Twitter</h2>
 
-<p>The official <a href="https://twitter.com/apachemetron">@ApacheMetron</a>
-Twitter account pushes announcements about Metron. If you give a talk about
-Metron, let us know and we'll tweet it out and add it to the news section
-of the website.</p>


Mime
View raw message