ARROW-3301: [Website] Update Jekyll and Bootstrap 4
Screenshot:
Author: Korn, Uwe <Uwe.Korn@blue-yonder.com>
Author: Wes McKinney <wesm+git@apache.org>
Closes #2607 from xhochy/ARROW-3301 and squashes the following commits:
0e8949aa1 <Wes McKinney> Simple text about advantages of columnar memory layout
2fb70d63a <Korn, Uwe> Remove placeholder text
b92793982 <Korn, Uwe> Add license header to main.js
c83e3db6a <Korn, Uwe> ARROW-3301: Update Jekyll and Bootstrap 4
diff --git a/.gitignore b/.gitignore
index d3c112a..3a88173 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
_site
.sass-cache
+.jekyll-cache
.jekyll-metadata
Gemfile.lock
asf-site
diff --git a/Gemfile b/Gemfile
index e6691a0..a8b1245 100644
--- a/Gemfile
+++ b/Gemfile
@@ -16,10 +16,10 @@
source "https://rubygems.org"
ruby RUBY_VERSION
-gem "jekyll", "3.4.3"
-gem 'jekyll-bootstrap-sass'
-gem 'github-pages'
+gem "jekyll", "3.8.4"
+gem 'bootstrap', '~> 4.1.3'
group :jekyll_plugins do
+ gem "jekyll-assets"
gem "jekyll-feed", "~> 0.6"
gem "jekyll-jupyter-notebook"
end
diff --git a/_config.yml b/_config.yml
index beb4021..b7ec25b 100644
--- a/_config.yml
+++ b/_config.yml
@@ -49,10 +49,7 @@
# The base path where the website is deployed
baseurl:
-gems:
+plugins:
+ - jekyll-assets
- jekyll-feed
- - jekyll-bootstrap-sass
- jekyll-jupyter-notebook
-
-bootstrap:
- assets: true
diff --git a/_includes/blog_entry.html b/_includes/blog_entry.html
index ffcbd7a..f6276d3 100644
--- a/_includes/blog_entry.html
+++ b/_includes/blog_entry.html
@@ -14,11 +14,11 @@
See the License for the specific language governing permissions and
limitations under the License.
{% endcomment %}
- <div class="container">
- <h2>
+ <div class="blog-post" style="margin-bottom: 4rem">
+ <h1>
{{ post.title }}
<a href="{{ post.url }}" class="permalink" title="Permalink">∞</a>
- </h2>
+ </h1>
{% capture discard %}
{% for c in site.data.contributors %}
@@ -38,20 +38,14 @@
{% endfor %}
{% endcapture %}{% assign discard = nil %}
- <div class="panel">
- <div class="panel-body">
- <div>
- <span class="label label-default">Published</span>
- <span class="published">
- <i class="fa fa-calendar"></i>
- {{ post.date | date_to_string }}
- </span>
- </div>
- <div>
- <span class="label label-default">By</span>
- <a href="{{ homepage }}"><i class="fa fa-user"></i> {{ author_name }} ({{ post.author }})</a>
- </div>
- </div>
- </div>
+ <p>
+ <span class="badge badge-secondary">Published</span>
+ <span class="published">
+ {{ post.date | date_to_string }}
+ </span>
+ <br />
+ <span class="badge badge-secondary">By</span>
+ <a href="{{ homepage }}">{{ author_name }} ({{ post.author }})</a>
+ </p>
{{ post.content }}
</div>
diff --git a/_includes/footer.html b/_includes/footer.html
index c3ce968..bf7701d 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -2,4 +2,5 @@
<footer class="footer">
<p>Apache Arrow, Arrow, Apache, the Apache feather logo, and the Apache Arrow project logo are either registered trademarks or trademarks of The Apache Software Foundation in the United States and other countries.</p>
<p>© 2017 Apache Software Foundation</p>
+ {% asset main.js %}
</footer>
diff --git a/_includes/header.html b/_includes/header.html
index b38d3e0..e0f23ec 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,85 +1,83 @@
-<nav class="navbar navbar-default">
- <div class="container-fluid">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#arrow-navbar">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="{{ site.baseurl }}/">Apache Arrow™ </a>
- </div>
+<nav class="navbar navbar-expand-md navbar-dark bg-dark">
+ <a class="navbar-brand" href="{{ site.baseurl }}/">Apache Arrow™ </a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="arrow-navbar">
<ul class="nav navbar-nav">
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown"
- role="button" aria-haspopup="true"
- aria-expanded="false">Project Links<span class="caret"></span>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#"
+ id="navbarDropdownProjectLinks" role="button" data-toggle="dropdown"
+ aria-haspopup="true" aria-expanded="false">
+ Project Links
</a>
- <ul class="dropdown-menu">
- <li><a href="{{ site.baseurl }}/install/">Install</a></li>
- <li><a href="{{ site.baseurl }}/blog/">Blog</a></li>
- <li><a href="{{ site.baseurl }}/release/">Releases</a></li>
- <li><a href="https://issues.apache.org/jira/browse/ARROW">Issue Tracker</a></li>
- <li><a href="https://github.com/apache/arrow">Source Code</a></li>
- </ul>
+ <div class="dropdown-menu" aria-labelledby="navbarDropdownProjectLinks">
+ <a class="dropdown-item" href="{{ site.baseurl }}/install/">Install</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/blog/">Blog</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/release/">Releases</a>
+ <a class="dropdown-item" href="https://issues.apache.org/jira/browse/ARROW">Issue Tracker</a>
+ <a class="dropdown-item" href="https://github.com/apache/arrow">Source Code</a>
+ </div>
</li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown"
- role="button" aria-haspopup="true"
- aria-expanded="false">Community<span class="caret"></span>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#"
+ id="navbarDropdownCommunity" role="button" data-toggle="dropdown"
+ aria-haspopup="true" aria-expanded="false">
+ Community
</a>
- <ul class="dropdown-menu">
- <li><a href="http://mail-archives.apache.org/mod_mbox/arrow-user/">User Mailing List</a></li>
- <li><a href="http://mail-archives.apache.org/mod_mbox/arrow-dev/">Dev Mailing List</a></li>
- <li><a href="https://cwiki.apache.org/confluence/display/ARROW">Developer Wiki</a></li>
- <li><a href="{{ site.baseurl }}/committers/">Committers</a></li>
- <li><a href="{{ site.baseurl }}/powered_by/">Powered By</a></li>
- </ul>
+ <div class="dropdown-menu" aria-labelledby="navbarDropdownCommunity">
+ <a class="dropdown-item" href="http://mail-archives.apache.org/mod_mbox/arrow-user/">User Mailing List</a>
+ <a class="dropdown-item" href="http://mail-archives.apache.org/mod_mbox/arrow-dev/">Dev Mailing List</a>
+ <a class="dropdown-item" href="https://cwiki.apache.org/confluence/display/ARROW">Developer Wiki</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/committers/">Committers</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/powered_by/">Powered By</a>
+ </div>
</li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown"
- role="button" aria-haspopup="true"
- aria-expanded="false">Specification<span class="caret"></span>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#"
+ id="navbarDropdownSpecification" role="button" data-toggle="dropdown"
+ aria-haspopup="true" aria-expanded="false">
+ Specification
</a>
- <ul class="dropdown-menu">
- <li><a href="{{ site.baseurl }}/docs/memory_layout.html">Memory Layout</a></li>
- <li><a href="{{ site.baseurl }}/docs/metadata.html">Metadata</a></li>
- <li><a href="{{ site.baseurl }}/docs/ipc.html">Messaging / IPC</a></li>
- </ul>
+ <div class="dropdown-menu" aria-labelledby="navbarDropdownSpecification">
+ <a class="dropdown-item" href="{{ site.baseurl }}/docs/memory_layout.html">Memory Layout</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/docs/metadata.html">Metadata</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/docs/ipc.html">Messaging / IPC</a>
+ </div>
</li>
-
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown"
- role="button" aria-haspopup="true"
- aria-expanded="false">Documentation<span class="caret"></span>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#"
+ id="navbarDropdownDocumentation" role="button" data-toggle="dropdown"
+ aria-haspopup="true" aria-expanded="false">
+ Documentation
</a>
- <ul class="dropdown-menu">
- <li><a href="{{ site.baseurl }}/docs/python">Python</a></li>
- <li><a href="{{ site.baseurl }}/docs/cpp">C++ API</a></li>
- <li><a href="{{ site.baseurl }}/docs/java">Java API</a></li>
- <li><a href="{{ site.baseurl }}/docs/c_glib">C GLib API</a></li>
- <li><a href="{{ site.baseurl }}/docs/js">Javascript API</a></li>
- </ul>
+ <div class="dropdown-menu" aria-labelledby="navbarDropdownDocumentation">
+ <a class="dropdown-item" href="{{ site.baseurl }}/docs/python">Python</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/docs/cpp">C++ API</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/docs/java">Java API</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/docs/c_glib">C GLib API</a>
+ <a class="dropdown-item" href="{{ site.baseurl }}/docs/js">Javascript API</a>
+ </div>
</li>
<!-- <li><a href="{{ site.baseurl }}/blog">Blog</a></li> -->
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown"
- role="button" aria-haspopup="true"
- aria-expanded="false">ASF Links<span class="caret"></span>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#"
+ id="navbarDropdownASF" role="button" data-toggle="dropdown"
+ aria-haspopup="true" aria-expanded="false">
+ ASF Links
</a>
- <ul class="dropdown-menu">
- <li><a href="http://www.apache.org/">ASF Website</a></li>
- <li><a href="http://www.apache.org/licenses/">License</a></li>
- <li><a href="http://www.apache.org/foundation/sponsorship.html">Donate</a></li>
- <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
- <li><a href="http://www.apache.org/security/">Security</a></li>
- </ul>
+ <div class="dropdown-menu" aria-labelledby="navbarDropdownASF">
+ <a class="dropdown-item" href="http://www.apache.org/">ASF Website</a>
+ <a class="dropdown-item" href="http://www.apache.org/licenses/">License</a>
+ <a class="dropdown-item" href="http://www.apache.org/foundation/sponsorship.html">Donate</a>
+ <a class="dropdown-item" href="http://www.apache.org/foundation/thanks.html">Thanks</a>
+ <a class="dropdown-item" href="http://www.apache.org/security/">Security</a>
+ </div>
</li>
</ul>
- <a href="http://www.apache.org/">
+ <a href="http://www.apache.org/" class="flex-row ml-md-auto">
<img style="float:right;" src="{{ site.baseurl }}/img/asf_logo.svg" width="120px"/>
</a>
</div><!-- /.navbar-collapse -->
diff --git a/_includes/top.html b/_includes/top.html
index af895c9..270b87e 100644
--- a/_includes/top.html
+++ b/_includes/top.html
@@ -13,10 +13,8 @@
<link href="{{ site.baseurl }}/css/main.css" rel="stylesheet">
<link href="{{ site.baseurl }}/css/syntax.css" rel="stylesheet">
- <script src="https://code.jquery.com/jquery-3.2.1.min.js"
- integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
- crossorigin="anonymous"></script>
- <script src="{{ site.baseurl }}/assets/javascripts/bootstrap.min.js"></script>
+ <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
{% if jekyll.environment == 'production' %}
{% include analytics.html %}
{% endif %}
diff --git a/_layouts/default.html b/_layouts/default.html
index d0ff799..21c000c 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,10 +1,14 @@
{% include top.html %}
<body class="wrap">
- <div class="container">
+ <header>
{% include header.html %}
+ </header>
- {{ content }}
+ <div class="container p-lg-4">
+ <main role="main">
+ {{ content }}
+ </main>
{% include footer.html %}
</div>
diff --git a/_layouts/docs.html b/_layouts/docs.html
index 2ef9cf4..65ce345 100644
--- a/_layouts/docs.html
+++ b/_layouts/docs.html
@@ -1,14 +1,17 @@
{% include top.html %}
<body class="wrap">
- <div class="container">
+ <header>
{% include header.html %}
+ </header>
- {{ content }}
-
- <hr></hr>
+ <div class="container p-lg-4">
+ <main role="main">
+ {{ content }}
+ </main>
{% include footer.html %}
</div>
</body>
</html>
+
diff --git a/_layouts/post.html b/_layouts/post.html
index 8b663cd..bc00bd9 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -2,13 +2,17 @@
{% capture homepage %}http://people.apache.org/~{{ page.author }}{% endcapture %}
<body class="wrap">
- <div class="container">
+ <header>
{% include header.html %}
+ </header>
- <h2>
+ <div class="container p-lg-4">
+ <main role="main">
+
+ <h1>
{{ page.title }}
<a href="{{ page.url }}" class="permalink" title="Permalink">∞</a>
- </h2>
+ </h1>
{% capture discard %}
{% for c in site.data.contributors %}
@@ -28,23 +32,18 @@
{% endfor %}
{% endcapture %}{% assign discard = nil %}
- <div class="panel">
- <div class="panel-body">
- <div>
- <span class="label label-default">Published</span>
- <span class="published">
- <i class="fa fa-calendar"></i>
- {{ page.date | date_to_string }}
- </span>
- </div>
- <div>
- <span class="label label-default">By</span>
- <a href="{{ homepage }}"><i class="fa fa-user"></i> {{ author_name }} ({{ page.author }})</a>
- </div>
- </div>
- </div>
+ <p>
+ <span class="badge badge-secondary">Published</span>
+ <span class="published">
+ {{ page.date | date_to_string }}
+ </span>
+ <br />
+ <span class="badge badge-secondary">By</span>
+ <a href="{{ homepage }}">{{ author_name }} ({{ post.author }})</a>
+ </p>
{{ content }}
+ </main>
{% include footer.html %}
</div>
diff --git a/assets/javascript/main.js b/assets/javascript/main.js
new file mode 100644
index 0000000..74a91de
--- /dev/null
+++ b/assets/javascript/main.js
@@ -0,0 +1,18 @@
+// 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.
+
+//= require bootstrap
diff --git a/css/main.scss b/css/main.scss
index e8b2165..c9e24a3 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -1,13 +1,5 @@
---
---
-$container-desktop: 960px;
-$container-large-desktop: $container-desktop;
-$grid-gutter-width: 15px;
-
-$font-family-base: "Droid Serif",Georgia,Helvetica,sans-serif;
-$font-size-base: 14px;
-
-@import "bootstrap-sprockets";
@import "bootstrap";
-@import "font-awesome";
\ No newline at end of file
+@import "font-awesome";
diff --git a/css/syntax.css b/css/syntax.css
index daf76ad..bdb3978 100644
--- a/css/syntax.css
+++ b/css/syntax.css
@@ -1,3 +1,10 @@
+div.highlight {
+ padding: 0.5rem;
+ margin: 1rem;
+}
+pre.highlight {
+ margin: 0;
+}
.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight .cm {
diff --git a/index.html b/index.html
index a5fc534..bcfa972 100644
--- a/index.html
+++ b/index.html
@@ -1,83 +1,72 @@
---
layout: default
---
-<div class="container">
- <div class="jumbotron">
- <h1>Apache Arrow</h1>
- <p class="lead">A cross-language development platform for in-memory data</p>
- <p>
- <a class="btn btn-lg btn-success" style="white-space: normal;" href="mailto:dev-subscribe@arrow.apache.org" role="button">Join Mailing List</a>
- <a class="btn btn-lg btn-primary" style="white-space: normal;" href="{{ site.baseurl }}/install/" role="button">Install ({{site.data.versions['current'].number}} Release - {{site.data.versions['current'].date}})</a>
- </p>
- </div>
- <div class="row">
- <div class="col-xs-12">
- <h4>
- Interested in contributing? Join the <a href="http://mail-archives.apache.org/mod_mbox/arrow-dev/"><strong>mailing list</strong></a> or check out the <a href="https://cwiki.apache.org/confluence/display/ARROW"><strong>developer wiki</strong></a>.
- </h4>
- </div>
- <div class="col-xs-12">
- <h4>
- <a href="{{ site.baseurl }}/blog/"><strong>See Latest News</strong></a>
- </h4>
- </div>
- </div>
- <div class="row">
- <div class="col-xs-12">
- <p>Apache Arrow is a cross-language development platform for in-memory data. It specifies a standardized language-independent columnar memory format for flat and hierarchical data, organized for efficient analytic operations on modern hardware. It also provides computational libraries and zero-copy streaming messaging and interprocess communication. Languages currently supported include C, C++, Java, JavaScript, Python, and Ruby.</p>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4">
- <h2>Fast</h2>
- <p>Apache Arrow™ enables execution engines to take advantage of the latest SIMD (Single input multiple data) operations included in modern processors, for native vectorized optimization of analytical data processing. Columnar layout is optimized for data locality for better performance on modern hardware like CPUs and GPUs.</p>
- <p>The Arrow memory format supports <strong>zero-copy reads</strong> for lightning-fast data access without serialization overhead.</p>
- </div>
- <div class="col-lg-4">
- <h2>Flexible</h2>
- <p>Arrow acts as a new high-performance interface between various systems. It is also focused on supporting a wide variety of industry-standard programming languages. Java, C, C++, Python, Ruby, and JavaScript implementations are in progress and more languages are welcome.
- </p>
- </div>
- <div class="col-lg-4">
- <h2>Standard</h2>
- <p>Apache Arrow is backed by key developers of 13 major open source projects, including Calcite, Cassandra, Drill, Hadoop, HBase, Ibis, Impala, Kudu, Pandas, Parquet, Phoenix, Spark, and Storm making it the de-facto standard for columnar in-memory analytics.</p>
- <p>Learn more about projects that are <a href="{{ site.baseurl }}/powered_by/">Powered By Apache Arrow</a></p>
- </div>
- </div>
- <!-- close "row" div -->
-
- <div class="row">
- <div class="col-xs-12">
- <h2>Performance Advantage of Columnar In-Memory</h2>
- </div>
- <div class="col-lg-offset-2 col-lg-8 col-xs-12">
- <img src="img/simd.png" alt="SIMD" class="img-responsive" />
- </div>
- </div>
-
- <div class="row">
- <div class="col-xs-12">
- <h2>Advantages of a Common Data Layer</h2>
- </div>
- <div class="col-lg-6 col-lg-offset-0 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
- <img src="img/copy.png" alt="common data layer" class="img-responsive" />
- <ul>
- <li>Each system has its own internal memory format</li>
- <li>70-80% computation wasted on serialization and deserialization</li>
- <li>Similar functionality implemented in multiple projects</li>
- </ul>
- </div>
- <div class="col-lg-6 col-lg-offset-0 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
- <img src="img/shared.png" alt="common data layer" class="img-responsive" />
- <ul>
- <li>All systems utilize the same memory format</li>
- <li>No overhead for cross-system communication</li>
- <li>Projects can share functionality (eg, Parquet-to-Arrow reader)</li>
- </ul>
- </div>
- </div>
+<div class="jumbotron">
+ <h1>Apache Arrow</h1>
+ <p class="lead">A cross-language development platform for in-memory data</p>
+ <p>
+ <a class="btn btn-lg btn-success" style="white-space: normal;" href="mailto:dev-subscribe@arrow.apache.org" role="button">Join Mailing List</a>
+ <a class="btn btn-lg btn-primary" style="white-space: normal;" href="{{ site.baseurl }}/install/" role="button">Install ({{site.data.versions['current'].number}} Release - {{site.data.versions['current'].date}})</a>
+ </p>
</div>
-<!-- /container -->
-
-</body>
-</html>
+<h5>
+ Interested in contributing?
+ <small class="text-muted">Join the <a href="http://mail-archives.apache.org/mod_mbox/arrow-dev/"><strong>mailing list</strong></a> or check out the <a href="https://cwiki.apache.org/confluence/display/ARROW"><strong>developer wiki</strong></a>.</small>
+</h5>
+<h5>
+ <a href="{{ site.baseurl }}/blog/"><strong>See Latest News</strong></a>
+</h5>
+<p>
+ Apache Arrow is a cross-language development platform for in-memory data. It specifies a standardized language-independent columnar memory format for flat and hierarchical data, organized for efficient analytic operations on modern hardware. It also provides computational libraries and zero-copy streaming messaging and interprocess communication. Languages currently supported include C, C++, Java, JavaScript, Python, and Ruby.
+</p>
+<hr />
+<div class="row">
+ <div class="col-lg-4">
+ <h2 class="mt-3">Fast</h2>
+ <p>Apache Arrow™ enables execution engines to take advantage of the latest SIMD (Single input multiple data) operations included in modern processors, for native vectorized optimization of analytical data processing. Columnar layout is optimized for data locality for better performance on modern hardware like CPUs and GPUs.</p>
+ <p>The Arrow memory format supports <strong>zero-copy reads</strong> for lightning-fast data access without serialization overhead.</p>
+ </div>
+ <div class="col-lg-4">
+ <h2 class="mt-3">Flexible</h2>
+ <p>Arrow acts as a new high-performance interface between various systems. It is also focused on supporting a wide variety of industry-standard programming languages. Java, C, C++, Python, Ruby, and JavaScript implementations are in progress and more languages are welcome.
+ </p>
+ </div>
+ <div class="col-lg-4">
+ <h2 class="mt-3">Standard</h2>
+ <p>Apache Arrow is backed by key developers of 13 major open source projects, including Calcite, Cassandra, Drill, Hadoop, HBase, Ibis, Impala, Kudu, Pandas, Parquet, Phoenix, Spark, and Storm making it the de-facto standard for columnar in-memory analytics.</p>
+ <p>Learn more about projects that are <a href="{{ site.baseurl }}/powered_by/">Powered By Apache Arrow</a></p>
+ </div>
+</div>
+<hr />
+<div class="row">
+ <div class="col-md-6">
+ <h2>Performance Advantage of Columnar In-Memory</h2>
+ <p class="lead">
+ Columnar memory layout allows applications to avoid unnecessary IO and
+ accelerate analytical processing performance on modern CPUs and GPUs.
+ </p>
+ </div>
+ <div class="col-md-6">
+ <img src="{{ site.baseurl }}/img/simd.png" alt="SIMD" class="img-fluid mx-auto" />
+ </div>
+</div>
+<hr />
+<h2>Advantages of a Common Data Layer</h2>
+<div class="row">
+ <div class="col-md-6">
+ <img src="img/copy.png" alt="common data layer" class="img-fluid mx-auto" />
+ <ul>
+ <li>Each system has its own internal memory format</li>
+ <li>70-80% computation wasted on serialization and deserialization</li>
+ <li>Similar functionality implemented in multiple projects</li>
+ </ul>
+ </div>
+ <div class="col-md-6">
+ <img src="img/shared.png" alt="common data layer" class="img-fluid mx-auto" />
+ <ul>
+ <li>All systems utilize the same memory format</li>
+ <li>No overhead for cross-system communication</li>
+ <li>Projects can share functionality (eg, Parquet-to-Arrow reader)</li>
+ </ul>
+ </div>
+</div>
