You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@beam.apache.org by da...@apache.org on 2016/10/27 22:55:24 UTC

[3/6] incubator-beam-site git commit: [BEAM-501] New skin proposal

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/apache.png
----------------------------------------------------------------------
diff --git a/v2/images/apache.png b/v2/images/apache.png
new file mode 100644
index 0000000..769fb14
Binary files /dev/null and b/v2/images/apache.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/beam-logo.png
----------------------------------------------------------------------
diff --git a/v2/images/beam-logo.png b/v2/images/beam-logo.png
new file mode 100644
index 0000000..a77a22c
Binary files /dev/null and b/v2/images/beam-logo.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/beam_logo_navbar.png
----------------------------------------------------------------------
diff --git a/v2/images/beam_logo_navbar.png b/v2/images/beam_logo_navbar.png
new file mode 100644
index 0000000..8f60c6f
Binary files /dev/null and b/v2/images/beam_logo_navbar.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/beam_logo_s.png
----------------------------------------------------------------------
diff --git a/v2/images/beam_logo_s.png b/v2/images/beam_logo_s.png
new file mode 100644
index 0000000..3aee781
Binary files /dev/null and b/v2/images/beam_logo_s.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/bg.png
----------------------------------------------------------------------
diff --git a/v2/images/bg.png b/v2/images/bg.png
new file mode 100644
index 0000000..878a84f
Binary files /dev/null and b/v2/images/bg.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/book.png
----------------------------------------------------------------------
diff --git a/v2/images/book.png b/v2/images/book.png
new file mode 100644
index 0000000..9b9c25b
Binary files /dev/null and b/v2/images/book.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/check.gif
----------------------------------------------------------------------
diff --git a/v2/images/check.gif b/v2/images/check.gif
new file mode 100644
index 0000000..28bb999
Binary files /dev/null and b/v2/images/check.gif differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/cloud.png
----------------------------------------------------------------------
diff --git a/v2/images/cloud.png b/v2/images/cloud.png
new file mode 100644
index 0000000..c265d2b
Binary files /dev/null and b/v2/images/cloud.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/container.png
----------------------------------------------------------------------
diff --git a/v2/images/container.png b/v2/images/container.png
new file mode 100644
index 0000000..37d39dd
Binary files /dev/null and b/v2/images/container.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/enterprise.png
----------------------------------------------------------------------
diff --git a/v2/images/enterprise.png b/v2/images/enterprise.png
new file mode 100644
index 0000000..4aeff24
Binary files /dev/null and b/v2/images/enterprise.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/favicon.ico
----------------------------------------------------------------------
diff --git a/v2/images/favicon.ico b/v2/images/favicon.ico
new file mode 100644
index 0000000..47e6fdb
Binary files /dev/null and b/v2/images/favicon.ico differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/homepage-bg.jpg
----------------------------------------------------------------------
diff --git a/v2/images/homepage-bg.jpg b/v2/images/homepage-bg.jpg
new file mode 100644
index 0000000..bfe5d6d
Binary files /dev/null and b/v2/images/homepage-bg.jpg differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/images/puzzle.png
----------------------------------------------------------------------
diff --git a/v2/images/puzzle.png b/v2/images/puzzle.png
new file mode 100644
index 0000000..e517262
Binary files /dev/null and b/v2/images/puzzle.png differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/index.md
----------------------------------------------------------------------
diff --git a/v2/index.md b/v2/index.md
new file mode 100644
index 0000000..6438361
--- /dev/null
+++ b/v2/index.md
@@ -0,0 +1,42 @@
+---
+layout: v2home
+---
+<div>
+<center>
+<div class="banner--text">
+<br/>
+<div class="banner--text">
+<div class="container-fluid">
+
+<b>Beam 0.1.0-incubating has been released! (15/6/16)</b><br/>
+
+This is the first release of Apache Beam.
+
+</div>
+</div>
+<p><a class="btn btn-large btn-success" href="download.html">Download</a>&nbsp; &nbsp; &nbsp;<a href="javascript:var w = window.open('')">Release Notes</a></p>
+</div>
+</div>
+</div>
+</center>
+</div>
+<div>
+<center>
+<div class="banner--text">
+<br/>
+<div class="banner--text">
+<div class="container-fluid">
+
+<b>The Beam team is proud to announce the launch of our brand new website! (23/6/16)</b><br/>
+
+We are delighted to officially announce the launch of our new website.
+Our goal is to provide a clear and up to date message about Apache Beam, with a modern
+look and feel.<br/><br/>
+We hope you like it. For any questions, suggestions, feedbacks, or comments please send an e-mail
+to the <a href="community.html">mailing list</a> !
+
+</div>
+</div>
+</div>
+</center>
+</div>

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/ajax-loader.gif
----------------------------------------------------------------------
diff --git a/v2/slick/ajax-loader.gif b/v2/slick/ajax-loader.gif
new file mode 100644
index 0000000..e0e6e97
Binary files /dev/null and b/v2/slick/ajax-loader.gif differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/config.rb
----------------------------------------------------------------------
diff --git a/v2/slick/config.rb b/v2/slick/config.rb
new file mode 100644
index 0000000..81f5ae3
--- /dev/null
+++ b/v2/slick/config.rb
@@ -0,0 +1,10 @@
+css_dir = "."
+sass_dir = "."
+images_dir = "."
+fonts_dir = "fonts"
+relative_assets = true
+
+output_style = :compact
+line_comments = false
+
+preferred_syntax = :scss
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/fonts/slick.eot
----------------------------------------------------------------------
diff --git a/v2/slick/fonts/slick.eot b/v2/slick/fonts/slick.eot
new file mode 100644
index 0000000..2cbab9c
Binary files /dev/null and b/v2/slick/fonts/slick.eot differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/fonts/slick.svg
----------------------------------------------------------------------
diff --git a/v2/slick/fonts/slick.svg b/v2/slick/fonts/slick.svg
new file mode 100644
index 0000000..b36a66a
--- /dev/null
+++ b/v2/slick/fonts/slick.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="slick" horiz-adv-x="512">
+<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph unicode="&#8594;" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8592;" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8226;" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#97;" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
+</font></defs></svg>

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/fonts/slick.ttf
----------------------------------------------------------------------
diff --git a/v2/slick/fonts/slick.ttf b/v2/slick/fonts/slick.ttf
new file mode 100644
index 0000000..9d03461
Binary files /dev/null and b/v2/slick/fonts/slick.ttf differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/fonts/slick.woff
----------------------------------------------------------------------
diff --git a/v2/slick/fonts/slick.woff b/v2/slick/fonts/slick.woff
new file mode 100644
index 0000000..8ee9972
Binary files /dev/null and b/v2/slick/fonts/slick.woff differ

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/slick-theme.css
----------------------------------------------------------------------
diff --git a/v2/slick/slick-theme.css b/v2/slick/slick-theme.css
new file mode 100644
index 0000000..69d50b7
--- /dev/null
+++ b/v2/slick/slick-theme.css
@@ -0,0 +1,203 @@
+@charset "UTF-8";
+/* Slider */
+.slick-loading .slick-list
+{
+    background: #fff url('./ajax-loader.gif') center center no-repeat;
+}
+
+/* Icons */
+@font-face
+{
+    font-family: 'slick';
+    font-weight: normal;
+    font-style: normal;
+
+    src: url('./fonts/slick.eot');
+    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+}
+/* Arrows */
+.slick-prev,
+.slick-next
+{
+    font-size: 0;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    margin-top: -10px\9; /*lte IE 8*/
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+
+    cursor: pointer;
+
+    color: transparent;
+    border: none;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus
+{
+    color: transparent;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before
+{
+    opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before
+{
+    opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before
+{
+    font-family: 'slick';
+    font-size: 20px;
+    line-height: 1;
+
+    opacity: .75;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev
+{
+    left: -25px;
+}
+[dir='rtl'] .slick-prev
+{
+    right: -25px;
+    left: auto;
+}
+.slick-prev:before
+{
+    content: '\u2190';
+}
+[dir='rtl'] .slick-prev:before
+{
+    content: '\u2192';
+}
+
+.slick-next
+{
+    right: -25px;
+}
+[dir='rtl'] .slick-next
+{
+    right: auto;
+    left: -25px;
+}
+.slick-next:before
+{
+    content: '\u2192';
+}
+[dir='rtl'] .slick-next:before
+{
+    content: '\u2190';
+}
+
+/* Dots */
+.slick-slider
+{
+    margin-bottom: 30px;
+}
+
+.slick-dots
+{
+    position: absolute;
+
+    display: block;
+
+    width: 100%;
+    padding: 0;
+
+    list-style: none;
+
+    text-align: center;
+}
+.slick-dots li
+{
+    position: relative;
+
+    display: inline-block;
+
+    width: 20px;
+    height: 20px;
+    margin: 0 5px;
+    padding: 0;
+
+    cursor: pointer;
+}
+.slick-dots li button
+{
+    font-size: 0;
+    line-height: 0;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 5px;
+
+    cursor: pointer;
+
+    color: transparent;
+    border: 0;
+    outline: none;
+    background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus
+{
+    outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before
+{
+    opacity: 1;
+}
+.slick-dots li button:before
+{
+    font-family: 'slick';
+    font-size: 6px;
+    line-height: 20px;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 20px;
+    height: 20px;
+
+    content: '\u2022';
+    text-align: center;
+
+    opacity: .25;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before
+{
+    opacity: .75;
+    color: black;
+}

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/slick-theme.less
----------------------------------------------------------------------
diff --git a/v2/slick/slick-theme.less b/v2/slick/slick-theme.less
new file mode 100644
index 0000000..41dd0db
--- /dev/null
+++ b/v2/slick/slick-theme.less
@@ -0,0 +1,168 @@
+@charset "UTF-8";
+
+// Default Variables
+
+@slick-font-path: "./fonts/";
+@slick-font-family: "slick";
+@slick-loader-path: "./";
+@slick-arrow-color: white;
+@slick-dot-color: black;
+@slick-dot-color-active: @slick-dot-color;
+@slick-prev-character: "\u2190";
+@slick-next-character: "\u2192";
+@slick-dot-character: "\u2022";
+@slick-dot-size: 6px;
+@slick-opacity-default: 0.75;
+@slick-opacity-on-hover: 1;
+@slick-opacity-not-active: 0.25;
+
+/* Slider */
+.slick-loading .slick-list{
+    background: #fff url('./ajax-loader.gif') center center no-repeat;
+}
+
+/* Icons */
+@font-face{
+    font-family: 'slick';
+    font-weight: normal;
+    font-style: normal;
+
+    src: url('./fonts/slick.eot');
+    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+}
+
+/* Arrows */
+
+.slick-prev,
+.slick-next {
+    position: absolute;
+    display: block;
+    height: 20px;
+    width: 20px;
+    line-height: 0px;
+    font-size: 0px;
+    cursor: pointer;
+    background: transparent;
+    color: transparent;
+    top: 50%;
+    margin-top: -10px~'\9'; /*lte IE 8*/
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+    padding: 0;
+    border: none;
+    outline: none;
+    &:hover, &:focus {
+        outline: none;
+        background: transparent;
+        color: transparent;
+        &:before {
+            opacity: @slick-opacity-on-hover;
+        }
+    }
+    &.slick-disabled:before {
+        opacity: @slick-opacity-not-active;
+    }
+}
+
+.slick-prev:before, .slick-next:before {
+    font-family: @slick-font-family;
+    font-size: 20px;
+    line-height: 1;
+    color: @slick-arrow-color;
+    opacity: @slick-opacity-default;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev {
+    left: -25px;
+    &[dir="rtl"] {
+        left: auto;
+        right: -25px;
+    }
+    &:before {
+        content: @slick-prev-character;
+        &[dir="rtl"] {
+            content: @slick-next-character;
+        }
+    }
+}
+
+.slick-next {
+    right: -25px;
+    &[dir="rtl"] {
+        left: -25px;
+        right: auto;
+    }
+    &:before {
+        content: @slick-next-character;
+        &[dir="rtl"] {
+            content: @slick-prev-character;
+        }
+    }
+}
+
+/* Dots */
+
+.slick-slider {
+    margin-bottom: 30px;
+}
+
+.slick-dots {
+    position: absolute;
+    bottom: -45px;
+    list-style: none;
+    display: block;
+    text-align: center;
+    padding: 0;
+    width: 100%;
+    li {
+        position: relative;
+        display: inline-block;
+        height: 20px;
+        width: 20px;
+        margin: 0 5px;
+        padding: 0;
+        cursor: pointer;
+        button {
+            border: 0;
+            background: transparent;
+            display: block;
+            height: 20px;
+            width: 20px;
+            outline: none;
+            line-height: 0px;
+            font-size: 0px;
+            color: transparent;
+            padding: 5px;
+            cursor: pointer;
+            &:hover, &:focus {
+                outline: none;
+                &:before {
+                    opacity: @slick-opacity-on-hover;
+                }
+            }
+            &:before {
+                position: absolute;
+                top: 0;
+                left: 0;
+                content: @slick-dot-character;
+                width: 20px;
+                height: 20px;
+                font-family: @slick-font-family;
+                font-size: @slick-dot-size;
+                line-height: 20px;
+                text-align: center;
+                color: @slick-dot-color;
+                opacity: @slick-opacity-not-active;
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+            }
+        }
+        &.slick-active button:before {
+            color: @slick-dot-color-active;
+            opacity: @slick-opacity-default;
+        }
+    }
+}

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/slick-theme.scss
----------------------------------------------------------------------
diff --git a/v2/slick/slick-theme.scss b/v2/slick/slick-theme.scss
new file mode 100644
index 0000000..bea73ae
--- /dev/null
+++ b/v2/slick/slick-theme.scss
@@ -0,0 +1,190 @@
+@charset "UTF-8";
+
+// Default Variables
+
+$slick-font-path: "./fonts/" !default;
+$slick-font-family: "slick" !default;
+$slick-loader-path: "./" !default;
+$slick-arrow-color: white !default;
+$slick-dot-color: black !default;
+$slick-dot-color-active: $slick-dot-color !default;
+$slick-prev-character: "\u2190" !default;
+$slick-next-character: "\u2192" !default;
+$slick-dot-character: "\u2022" !default;
+$slick-dot-size: 6px !default;
+$slick-opacity-default: 0.75 !default;
+$slick-opacity-on-hover: 1 !default;
+$slick-opacity-not-active: 0.25 !default;
+
+@function slick-image-url($url) {
+    @if function-exists(image-url) {
+        @return image-url($url);
+    }
+    @else {
+        @return url($slick-loader-path + $url);
+    }
+}
+
+@function slick-font-url($url) {
+    @if function-exists(font-url) {
+        @return font-url($url);
+    }
+    @else {
+        @return url($slick-font-path + $url);
+    }
+}
+
+/* Slider */
+
+.slick-list {
+    .slick-loading & {
+        background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
+    }
+}
+
+/* Icons */
+@if $slick-font-family == "slick" {
+    @font-face {
+        font-family: "slick";
+        src: slick-font-url("slick.eot");
+        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
+        font-weight: normal;
+        font-style: normal;
+    }
+}
+
+/* Arrows */
+
+.slick-prev,
+.slick-next {
+    position: absolute;
+    display: block;
+    height: 20px;
+    width: 20px;
+    line-height: 0px;
+    font-size: 0px;
+    cursor: pointer;
+    background: transparent;
+    color: transparent;
+    top: 50%;
+    margin-top: -10px\9; /*lte IE 8*/
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+    padding: 0;
+    border: none;
+    outline: none;
+    &:hover, &:focus {
+        outline: none;
+        background: transparent;
+        color: transparent;
+        &:before {
+            opacity: $slick-opacity-on-hover;
+        }
+    }
+    &.slick-disabled:before {
+        opacity: $slick-opacity-not-active;
+    }
+}
+
+.slick-prev:before, .slick-next:before {
+    font-family: $slick-font-family;
+    font-size: 20px;
+    line-height: 1;
+    color: $slick-arrow-color;
+    opacity: $slick-opacity-default;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev {
+    left: -25px;
+    [dir="rtl"] & {
+        left: auto;
+        right: -25px;
+    }
+    &:before {
+        content: $slick-prev-character;
+        [dir="rtl"] & {
+            content: $slick-next-character;
+        }
+    }
+}
+
+.slick-next {
+    right: -25px;
+    [dir="rtl"] & {
+        left: -25px;
+        right: auto;
+    }
+    &:before {
+        content: $slick-next-character;
+        [dir="rtl"] & {
+            content: $slick-prev-character;
+        }
+    }
+}
+
+/* Dots */
+
+.slick-slider {
+    margin-bottom: 30px;
+}
+
+.slick-dots {
+    position: absolute;
+    bottom: -45px;
+    list-style: none;
+    display: block;
+    text-align: center;
+    padding: 0;
+    width: 100%;
+    li {
+        position: relative;
+        display: inline-block;
+        height: 20px;
+        width: 20px;
+        margin: 0 5px;
+        padding: 0;
+        cursor: pointer;
+        button {
+            border: 0;
+            background: transparent;
+            display: block;
+            height: 20px;
+            width: 20px;
+            outline: none;
+            line-height: 0px;
+            font-size: 0px;
+            color: transparent;
+            padding: 5px;
+            cursor: pointer;
+            &:hover, &:focus {
+                outline: none;
+                &:before {
+                    opacity: $slick-opacity-on-hover;
+                }
+            }
+            &:before {
+                position: absolute;
+                top: 0;
+                left: 0;
+                content: $slick-dot-character;
+                width: 20px;
+                height: 20px;
+                font-family: $slick-font-family;
+                font-size: $slick-dot-size;
+                line-height: 20px;
+                text-align: center;
+                color: $slick-dot-color;
+                opacity: $slick-opacity-not-active;
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+            }
+        }
+        &.slick-active button:before {
+            color: $slick-dot-color-active;
+            opacity: $slick-opacity-default;
+        }
+    }
+}

http://git-wip-us.apache.org/repos/asf/incubator-beam-site/blob/9a04037f/v2/slick/slick.css
----------------------------------------------------------------------
diff --git a/v2/slick/slick.css b/v2/slick/slick.css
new file mode 100644
index 0000000..e7f5607
--- /dev/null
+++ b/v2/slick/slick.css
@@ -0,0 +1,119 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+
+    -moz-box-sizing: border-box;
+         box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}
\ No newline at end of file