SAMZA-1898: New UI layout for the Samza website

- This is still a work in progress! Author: Angela Murrell <[email protected]> Reviewers: Jagadish<[email protected]> Closes apache#635 from amurrell/master
voronenko-da · Sep 21, 2018 · b8058af · b8058af
1 parent dec1639
commit b8058af
Show file tree

Hide file tree

Showing 118 changed files with 6,982 additions and 225 deletions.
diff --git a/.gitignore b/.gitignore
@@ -30,4 +30,5 @@ out/
 *.patch
 **.pyc
 samza-shell/src/main/visualizer/plan.json
-**/hs_err_pid*.log
+**/hs_err_pid*.log
+.vscode/
diff --git a/build.gradle b/build.gradle
@@ -67,6 +67,8 @@ rat {
     '**/bootstrap.min.css',
     '**/bootstrap.min.js',
     '**/build/**',
+    '**/google-fonts.css',
+    '**/ionicons.min.css',
     '**/font-awesome.min.css',
     '**/jquery-1.11.1.min.js',
     '**/jquery.tablesorter.min.js',

diff --git a/docs/_case-studies/TEMPLATE.md b/docs/_case-studies/TEMPLATE.md
@@ -0,0 +1,32 @@
+---
+exclude_from_loop: true # useful for drafts
+layout: case-study # the layout to use
+hide_title: true # so we have control in case-study layout, but can still use page
+title: Totally awesome use-case of samza by Company # title of case study page
+study_domain: company.com # just the domain, not the protocol
+menu_title: Company # what shows up in the menu
+excerpt_separator: <!--more-->
+---
+<!--
+   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.
+-->
+
+Testing the excerpt
+
+<!--more-->
+
+
+Markdown content goes here
diff --git a/docs/_case-studies/digitalsmiths.md b/docs/_case-studies/digitalsmiths.md
@@ -0,0 +1,31 @@
+---
+layout: case-study # the layout to use
+hide_title: true # so we have control in case-study layout, but can still use page
+title: Totally awesome use-case of samza by DigitalSmiths # title of case study page
+study_domain: digitalsmiths.com # just the domain, not the protocol
+menu_title: DigitalSmiths # what shows up in the menu
+excerpt_separator: <!--more-->
+---
+<!--
+   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.
+-->
+
+Writing a brief sentence, that is different from the same blurb on the powered-by section, that prepares readers for the case study is a good idea.
+
+<!--more-->
+
+
+Markdown content goes here
diff --git a/docs/_case-studies/fortscale.md b/docs/_case-studies/fortscale.md
@@ -0,0 +1,30 @@
+---
+layout: case-study # the layout to use
+hide_title: true # so we have control in case-study layout, but can still use page
+title: Totally awesome use-case of samza by FortScale # title of case study page
+study_domain: fortscale.com # just the domain, not the protocol
+menu_title: FortScale # what shows up in the menu
+excerpt_separator: <!--more-->
+---
+<!--
+   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.
+-->
+
+Testing the excerpt
+
+<!--more-->
+
+Markdown content goes here
diff --git a/docs/_case-studies/index.md b/docs/_case-studies/index.md
@@ -0,0 +1,49 @@
+---
+layout: page
+title: Case Studies
+exclude_from_loop: true
+---
+<!--
+   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.
+-->
+
+Explore the many use-cases of the Samza Framework via our case-studies.
+
+<ul class="case-studies">
+
+  {% for company in site.case-studies %}
+    {% if company.exclude_from_loop %}
+        {% continue %}
+    {% endif %}
+    <li>
+      <a href="{{ company.url }}" title="{{ company.menu_title }}">
+        <span style="background-image: url('https://logo.clearbit.com/{{ company.study_domain }}?size=256');"></span>
+      </a>
+      <div class="study-detail">
+        <a href="https://{{ company.study_domain }}" class="external-link" rel="nofollow">
+          <i class="icon ion-md-share-alt"></i> {{ company.menu_title }}
+        </a>
+        {% if company.excerpt %}
+        <div class="study-description">
+        {{ company.excerpt }}
+        </div>
+        {% endif %}
+        <a class="btn" href="{{ company.url }}">View Case Study</a>
+      </div>
+    </li>
+  {% endfor %}
+
+</ul>
diff --git a/docs/_case-studies/intuit.md b/docs/_case-studies/intuit.md
@@ -0,0 +1,31 @@
+---
+layout: case-study # the layout to use
+hide_title: true # so we have control in case-study layout, but can still use page
+title: Totally awesome use-case of samza by Intuit # title of case study page
+study_domain: intuit.com # just the domain, not the protocol
+menu_title: Intuit # what shows up in the menu
+excerpt_separator: <!--more-->
+---
+<!--
+   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.
+-->
+
+Testing the excerpt
+
+<!--more-->
+
+
+Markdown content goes here
diff --git a/docs/_case-studies/linkedin.md b/docs/_case-studies/linkedin.md
@@ -0,0 +1,30 @@
+---
+layout: case-study # the layout to use
+hide_title: true # so we have control in case-study layout, but can still use page
+title: Totally awesome use-case of samza by LinkedIn # title of case study page
+study_domain: linkedin.com # just the domain, not the protocol
+menu_title: LinkedIn # what shows up in the menu
+excerpt_separator: <!--more-->
+---
+<!--
+   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.
+-->
+
+Testing the excerpt
+
+<!--more-->
+
+Markdown content goes here
diff --git a/docs/_case-studies/netflix.md b/docs/_case-studies/netflix.md
@@ -0,0 +1,30 @@
+---
+layout: case-study # the layout to use
+hide_title: true # so we have control in case-study layout, but can still use page
+title: Totally awesome use-case of samza by Netflix # title of case study page
+study_domain: netflix.com # just the domain, not the protocol
+menu_title: Netflix # what shows up in the menu
+excerpt_separator: <!--more-->
+---
+<!--
+   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.
+-->
+
+Testing the excerpt
+
+<!--more-->
+
+Markdown content goes here
diff --git a/docs/_case-studies/optimizely.md b/docs/_case-studies/optimizely.md
@@ -0,0 +1,58 @@
+---
+layout: case-study
+hide_title: true # so we have control in case-study layout, but can still use page
+title: Real Time Session Aggregation at Optimizely
+study_domain: optimizely.com
+menu_title: Optimizely
+excerpt_separator: <!--more-->
+---
+<!--
+   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.
+-->
+
+Testing the excerpt
+
+<!--more-->
+
+Optimizely is a world’s leading experimentation platform, enabling businesses to deliver continuous experimentation and personalization across websites, mobile apps and connected devices. At Optimizely, billions of events are tracked on a daily basis. Session metrics are among the key metrics provided to their end user in real time. Prior to introducing Samza for realtime computation, the engineering team at Optimizely used HBase to store and serve experimentation data, and Druid for personalization data including session metrics. As business requirements evolved, the Druid-based solution became more and more challenging.
+
+-   Long delays in session metrics caused by M/R jobs
+-   Reprocessing of events due to inability to incrementally update Druid index
+-   Difficulties in scaling dimensions and cardinality
+-   Queries expanding long time periods are expensive
+
+The engineering team at Optimizely decided to move away from Druid and focus on HBase as the store, and introduced stream processing to pre-aggregate and deduplicate session events. They evaluated multiple stream processing platforms and chose Samza as their stream processing platform. In their solution, every session event is tagged with an identifier for up to 30 minutes; upon receiving a session event, the Samza job updates session metadata and aggregates counters for the session that is stored in a local RocksDB state store. At the end of each one-minute window, aggregated session metrics are ingested to HBase. With the new solution
+
+-   The median query latency was reduced from 40+ ms to 5 ms
+-   Session metrics are now available in realtime
+-   HBase query response time is improved due to reduced write-rate
+-   HBase storage requirement are drastically reduced
+-   Lower development effort thanks to out-of-the-box Kafka integration
+
+Here is a testimonial from Optimizely
+
+“At Optimizely, we have built the world’s leading experimentation platform, which ingests billions of click-stream events a day from millions of visitors for analysis. Apache Samza has been a great asset to Optimizely's Event ingestion pipeline allowing us to perform large scale, real time stream computing such as aggregations (e.g. session computations) and data enrichment on a multiple billion events / day scale. The programming model, durability and the close integration with Apache Kafka fit our needs perfectly” said Vignesh Sukumar, Senior Engineering Manager at Optimizely”
+
+In addition, stream processing is also applied to other use cases such as data enrichment, event stream partitioning and metrics processing at Optimizely.
+
+Key Samza features: *Stateful processing*, *Windowing*, *Kafka-integration*, *Scalability*, *Fault-tolerant*
+
+More information
+
+-   [https://medium.com/engineers-optimizely/from-batching-to-streaming-real-time-session-metrics-using-samza-part-1-aed2051dd7a3](https://medium.com/engineers-optimizely/from-batching-to-streaming-real-time-session-metrics-using-samza-part-1-aed2051dd7a3)
+
+-   [https://medium.com/engineers-optimizely/from-batching-to-streaming-real-time-session-metrics-using-samza-part-2-b596350a7820](https://medium.com/engineers-optimizely/from-batching-to-streaming-real-time-session-metrics-using-samza-part-2-b596350a7820)
+
diff --git a/docs/_case-studies/redfin.md b/docs/_case-studies/redfin.md
@@ -0,0 +1,30 @@
+---
+layout: case-study # the layout to use
+hide_title: true # so we have control in case-study layout, but can still use page
+title: Totally awesome use-case of samza by Redfin # title of case study page
+study_domain: redfin.com # just the domain, not the protocol
+menu_title: Redfin # what shows up in the menu
+excerpt_separator: <!--more-->
+---
+<!--
+   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.
+-->
+
+Testing the excerpt
+
+<!--more-->
+
+Markdown content goes here
diff --git a/docs/_case-studies/state.md b/docs/_case-studies/state.md
@@ -0,0 +1,31 @@
+---
+layout: case-study # the layout to use
+hide_title: true # so we have control in case-study layout, but can still use page
+title: Totally awesome use-case of samza by State # title of case study page
+study_domain: state.com # just the domain, not the protocol
+menu_title: State # what shows up in the menu
+excerpt_separator: <!--more-->
+---
+<!--
+   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.
+-->
+
+Testing the excerpt
+
+<!--more-->
+
+
+Markdown content goes here