Logo files and project materials

This closes apache#13
tvalentyn · May 2, 2016 · 3b54e40 · 3b54e40
2 parents 4af810e + 713f080
commit 3b54e40
Show file tree

Hide file tree

Showing 119 changed files with 693 additions and 77 deletions.
diff --git a/_config.yml b/_config.yml
@@ -39,3 +39,6 @@ collections:
 
 # Things to ignore in the build
 exclude: ['README.md', 'Gemfile.lock', 'Gemfile']
+
+# Downloads directory
+downloads: downloads
diff --git a/_data/logos.yml b/_data/logos.yml
@@ -0,0 +1,8 @@
+sizes: [100, 200, 500, 1000]
+colors:
+  full-color: "Full color"
+  3-color: "Three color"
+  bw: "Black and white"
+types: ['nameless', 'name-bottom', 'name-right']
+logo-location: '/images/logos'
+archive-file: logos.zip
diff --git a/_includes/header.html b/_includes/header.html
@@ -2,16 +2,16 @@
   <div class="container">
     <div class="navbar-header">
       <a href="/" class="navbar-brand" >
-        <img alt="Brand" src="{{ "/images/beam_logo_navbar.png" | prepend: site.baseurl }}">
+        <img alt="Brand" style="height: 25px" src="{{ "/images/beam_logo_navbar.png" | prepend: site.baseurl }}">
       </a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
           <ul class="dropdown-menu">
+            <li class="dropdown-header">Guides</li>
             <li><a href="{{ site.baseurl }}/getting_started/">Getting Started</a></li>
-            <li><a href="{{ site.baseurl }}/presentation-materials/">Presentation Materials</a></li>
             <li role="separator" class="divider"></li>
             <li class="dropdown-header">Technical Documentation</li>
             <li><a href="{{ site.baseurl }}/capability-matrix/">Capability Matrix</a></li>
@@ -24,8 +24,6 @@
           <ul class="dropdown-menu">
             <li class="dropdown-header">Community</li>
             <li><a href="{{ site.baseurl }}/mailing_lists/">Mailing Lists</a></li>
-            <li><a href="https://goo.gl/ps8twC">Technical Docs</a></li>
-            <li><a href="https://goo.gl/nk5OM0">Technical Vision</a></li>
             <li><a href="{{ site.baseurl }}/team/">Apache Beam Team</a></li>
             <li><a href="{{ site.baseurl }}/public-meetings/">Public Meetings</a></li>
             <li role="separator" class="divider"></li>
@@ -36,6 +34,14 @@
           </ul>
         </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">Project <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="{{ site.baseurl }}/presentation-materials/">Presentation Materials</a></li>
+            <li><a href="{{ site.baseurl }}/material/">Logos and design</a></li>
+            <li><a href="http://apache.org/licenses/LICENSE-2.0.html">License</a></li>
+          </ul>
+        </li>
       </ul>
     </div><!--/.nav-collapse -->
   </div>

diff --git a/_pages/material.md b/_pages/material.md
@@ -0,0 +1,60 @@
+---
+layout: page
+title: "Apache Beam Material"
+permalink: /material/
+---
+
+This page contains project material for the Apache Beam project.
+
+## Project logos
+You can download [this archive]({{ site.baseurl }}/{{ site.downloads }}/{{ site.data.logos.archive-file }})
+containing all of the logos or download the logos individually.
+
+### Scalable Vector Graphics (SVG)
+These [SVG files](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics) can
+be resized easily and are suitable for print or web use. Click on the logo to
+download it.
+
+{% for color in site.data.logos.colors %}
+#### {{ color[1] }}
+<div class="row">
+<div class="col-md-2">
+</div>
+{% for type in site.data.logos.types %}
+<div class="col-md-2">
+<div class="row">
+<a href="{{ site.baseurl }}{{ site.data.logos.logo-location }}/{{ color[0] }}/{{ type }}/beam-logo-{{ color[0] }}-{{ type }}.svg" role="button"><img style="height: 60px" src="{{ site.baseurl }}{{ site.data.logos.logo-location }}/{{ color[0] }}/{{ type }}/beam-logo-{{ color[0] }}-{{ type }}.svg"></a>
+</div><br>
+</div>
+{% endfor %}
+</div>
+{% endfor %}
+
+
+### Portable Network Graphics (PNG)
+These [PNG files](https://en.wikipedia.org/wiki/Portable_Network_Graphics) are
+available in a number of fixed sizes and are optimized for web use.
+
+{% for color in site.data.logos.colors %}
+#### {{ color[1] }}
+<div class="row">
+<div class="col-md-2">
+</div>
+{% for type in site.data.logos.types %}
+<div class="col-md-2">
+<div class="row">
+<img style="height: 60px" src="{{ site.data.logos.logo-location }}/{{ color[0] }}/{{ type }}/beam-logo-{{ color[0] }}-{{ type }}.svg">
+</div><br>
+<div class="row">
+{% for size in site.data.logos.sizes %}
+<a href="{{ site.data.logos.logo-location }}/{{ color[0] }}/{{ type }}/beam-logo-{{ color[0] }}-{{ type }}-{{ size }}.png">{{ size }}x{{ size }}</a>
+{% unless forloop.last %},{% endunless %}
+{% endfor %}
+</div>
+</div>
+{% endfor %}
+</div>
+{% endfor %}
+
+## Colors and fonts
+The Apache Beam project uses predefined colors and fonts. [This document]({{ site.baseurl }}/{{ site.downloads }}/palette.pdf) has more information.
diff --git a/_posts/2016-02-22-beam-has-a-logo0.markdown → ...2016-02-25-python-sdk-now-public.markdown b/_posts/2016-02-22-beam-has-a-logo0.markdown → ...2016-02-25-python-sdk-now-public.markdown
diff --git a/content/beam/capability/2016/03/17/capability-matrix.html b/content/beam/capability/2016/03/17/capability-matrix.html
@@ -35,16 +35,16 @@
   <div class="container">
     <div class="navbar-header">
       <a href="/" class="navbar-brand" >
-        <img alt="Brand" src="/images/beam_logo_navbar.png">
+        <img alt="Brand" style="height: 25px" src="/images/beam_logo_navbar.png">
       </a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
           <ul class="dropdown-menu">
+            <li class="dropdown-header">Guides</li>
             <li><a href="/getting_started/">Getting Started</a></li>
-            <li><a href="/presentation-materials/">Presentation Materials</a></li>
             <li role="separator" class="divider"></li>
             <li class="dropdown-header">Technical Documentation</li>
             <li><a href="/capability-matrix/">Capability Matrix</a></li>
@@ -57,8 +57,6 @@
           <ul class="dropdown-menu">
             <li class="dropdown-header">Community</li>
             <li><a href="/mailing_lists/">Mailing Lists</a></li>
-            <li><a href="https://goo.gl/ps8twC">Technical Docs</a></li>
-            <li><a href="https://goo.gl/nk5OM0">Technical Vision</a></li>
             <li><a href="/team/">Apache Beam Team</a></li>
             <li><a href="/public-meetings/">Public Meetings</a></li>
             <li role="separator" class="divider"></li>
@@ -69,6 +67,14 @@
           </ul>
         </li>
         <li><a href="/blog">Blog</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="/presentation-materials/">Presentation Materials</a></li>
+            <li><a href="/material/">Logos and design</a></li>
+            <li><a href="http://apache.org/licenses/LICENSE-2.0.html">License</a></li>
+          </ul>
+        </li>
       </ul>
     </div><!--/.nav-collapse -->
   </div>

diff --git a/content/beam/capability/2016/04/03/presentation-materials.html b/content/beam/capability/2016/04/03/presentation-materials.html
@@ -35,16 +35,16 @@
   <div class="container">
     <div class="navbar-header">
       <a href="/" class="navbar-brand" >
-        <img alt="Brand" src="/images/beam_logo_navbar.png">
+        <img alt="Brand" style="height: 25px" src="/images/beam_logo_navbar.png">
       </a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
           <ul class="dropdown-menu">
+            <li class="dropdown-header">Guides</li>
             <li><a href="/getting_started/">Getting Started</a></li>
-            <li><a href="/presentation-materials/">Presentation Materials</a></li>
             <li role="separator" class="divider"></li>
             <li class="dropdown-header">Technical Documentation</li>
             <li><a href="/capability-matrix/">Capability Matrix</a></li>
@@ -57,8 +57,6 @@
           <ul class="dropdown-menu">
             <li class="dropdown-header">Community</li>
             <li><a href="/mailing_lists/">Mailing Lists</a></li>
-            <li><a href="https://goo.gl/ps8twC">Technical Docs</a></li>
-            <li><a href="https://goo.gl/nk5OM0">Technical Vision</a></li>
             <li><a href="/team/">Apache Beam Team</a></li>
             <li><a href="/public-meetings/">Public Meetings</a></li>
             <li role="separator" class="divider"></li>
@@ -69,6 +67,14 @@
           </ul>
         </li>
         <li><a href="/blog">Blog</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="/presentation-materials/">Presentation Materials</a></li>
+            <li><a href="/material/">Logos and design</a></li>
+            <li><a href="http://apache.org/licenses/LICENSE-2.0.html">License</a></li>
+          </ul>
+        </li>
       </ul>
     </div><!--/.nav-collapse -->
   </div>

diff --git a/...thon/sdk/2016/02/25/beam-has-a-logo0.html → ...sdk/2016/02/25/python-sdk-now-public.html b/...thon/sdk/2016/02/25/beam-has-a-logo0.html → ...sdk/2016/02/25/python-sdk-now-public.html
@@ -13,7 +13,7 @@
   <link rel="stylesheet" href="/css/theme.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
   <script src="/js/bootstrap.min.js"></script>
-  <link rel="canonical" href="http://beam.incubator.apache.org/beam/python/sdk/2016/02/25/beam-has-a-logo0.html">
+  <link rel="canonical" href="http://beam.incubator.apache.org/beam/python/sdk/2016/02/25/python-sdk-now-public.html">
   <link rel="alternate" type="application/rss+xml" title="Apache Beam (incubating)" href="http://beam.incubator.apache.org/feed.xml">
   <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
@@ -35,16 +35,16 @@
   <div class="container">
     <div class="navbar-header">
       <a href="/" class="navbar-brand" >
-        <img alt="Brand" src="/images/beam_logo_navbar.png">
+        <img alt="Brand" style="height: 25px" src="/images/beam_logo_navbar.png">
       </a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
           <ul class="dropdown-menu">
+            <li class="dropdown-header">Guides</li>
             <li><a href="/getting_started/">Getting Started</a></li>
-            <li><a href="/presentation-materials/">Presentation Materials</a></li>
             <li role="separator" class="divider"></li>
             <li class="dropdown-header">Technical Documentation</li>
             <li><a href="/capability-matrix/">Capability Matrix</a></li>
@@ -57,8 +57,6 @@
           <ul class="dropdown-menu">
             <li class="dropdown-header">Community</li>
             <li><a href="/mailing_lists/">Mailing Lists</a></li>
-            <li><a href="https://goo.gl/ps8twC">Technical Docs</a></li>
-            <li><a href="https://goo.gl/nk5OM0">Technical Vision</a></li>
             <li><a href="/team/">Apache Beam Team</a></li>
             <li><a href="/public-meetings/">Public Meetings</a></li>
             <li role="separator" class="divider"></li>
@@ -69,6 +67,14 @@
           </ul>
         </li>
         <li><a href="/blog">Blog</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="/presentation-materials/">Presentation Materials</a></li>
+            <li><a href="/material/">Logos and design</a></li>
+            <li><a href="http://apache.org/licenses/LICENSE-2.0.html">License</a></li>
+          </ul>
+        </li>
       </ul>
     </div><!--/.nav-collapse -->
   </div>

diff --git a/content/beam/update/website/2016/02/22/beam-has-a-logo.html b/content/beam/update/website/2016/02/22/beam-has-a-logo.html
@@ -35,16 +35,16 @@
   <div class="container">
     <div class="navbar-header">
       <a href="/" class="navbar-brand" >
-        <img alt="Brand" src="/images/beam_logo_navbar.png">
+        <img alt="Brand" style="height: 25px" src="/images/beam_logo_navbar.png">
       </a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
           <ul class="dropdown-menu">
+            <li class="dropdown-header">Guides</li>
             <li><a href="/getting_started/">Getting Started</a></li>
-            <li><a href="/presentation-materials/">Presentation Materials</a></li>
             <li role="separator" class="divider"></li>
             <li class="dropdown-header">Technical Documentation</li>
             <li><a href="/capability-matrix/">Capability Matrix</a></li>
@@ -57,8 +57,6 @@
           <ul class="dropdown-menu">
             <li class="dropdown-header">Community</li>
             <li><a href="/mailing_lists/">Mailing Lists</a></li>
-            <li><a href="https://goo.gl/ps8twC">Technical Docs</a></li>
-            <li><a href="https://goo.gl/nk5OM0">Technical Vision</a></li>
             <li><a href="/team/">Apache Beam Team</a></li>
             <li><a href="/public-meetings/">Public Meetings</a></li>
             <li role="separator" class="divider"></li>
@@ -69,6 +67,14 @@
           </ul>
         </li>
         <li><a href="/blog">Blog</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="/presentation-materials/">Presentation Materials</a></li>
+            <li><a href="/material/">Logos and design</a></li>
+            <li><a href="http://apache.org/licenses/LICENSE-2.0.html">License</a></li>
+          </ul>
+        </li>
       </ul>
     </div><!--/.nav-collapse -->
   </div>

diff --git a/content/blog/index.html b/content/blog/index.html
@@ -36,16 +36,16 @@
   <div class="container">
     <div class="navbar-header">
       <a href="/" class="navbar-brand" >
-        <img alt="Brand" src="/images/beam_logo_navbar.png">
+        <img alt="Brand" style="height: 25px" src="/images/beam_logo_navbar.png">
       </a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
           <ul class="dropdown-menu">
+            <li class="dropdown-header">Guides</li>
             <li><a href="/getting_started/">Getting Started</a></li>
-            <li><a href="/presentation-materials/">Presentation Materials</a></li>
             <li role="separator" class="divider"></li>
             <li class="dropdown-header">Technical Documentation</li>
             <li><a href="/capability-matrix/">Capability Matrix</a></li>
@@ -58,8 +58,6 @@
           <ul class="dropdown-menu">
             <li class="dropdown-header">Community</li>
             <li><a href="/mailing_lists/">Mailing Lists</a></li>
-            <li><a href="https://goo.gl/ps8twC">Technical Docs</a></li>
-            <li><a href="https://goo.gl/nk5OM0">Technical Vision</a></li>
             <li><a href="/team/">Apache Beam Team</a></li>
             <li><a href="/public-meetings/">Public Meetings</a></li>
             <li role="separator" class="divider"></li>
@@ -70,6 +68,14 @@
           </ul>
         </li>
         <li><a href="/blog">Blog</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="/presentation-materials/">Presentation Materials</a></li>
+            <li><a href="/material/">Logos and design</a></li>
+            <li><a href="http://apache.org/licenses/LICENSE-2.0.html">License</a></li>
+          </ul>
+        </li>
       </ul>
     </div><!--/.nav-collapse -->
   </div>
@@ -124,7 +130,7 @@ <h3 id="a-classpost-link-hrefbeamcapability20160317capability-matrixhtmlclarifyi
 
 <hr />
 
-<h3 id="a-classpost-link-hrefbeampythonsdk20160225beam-has-a-logo0htmldataflow-python-sdk-is-now-publica"><a class="post-link" href="/beam/python/sdk/2016/02/25/beam-has-a-logo0.html">Dataflow Python SDK is now public!</a></h3>
+<h3 id="a-classpost-link-hrefbeampythonsdk20160225python-sdk-now-publichtmldataflow-python-sdk-is-now-publica"><a class="post-link" href="/beam/python/sdk/2016/02/25/python-sdk-now-public.html">Dataflow Python SDK is now public!</a></h3>
 <p><i>Feb 25, 2016 •  James Malone [<a href="https://twitter.com/chimerasaurus">@chimerasaurus</a>]
 </i></p>
 
@@ -134,7 +140,7 @@ <h3 id="a-classpost-link-hrefbeampythonsdk20160225beam-has-a-logo0htmldataflow-p
 <!-- Render a "read more" button if the post is longer than the excerpt -->
 
 <p>
-<a class="btn btn-default btn-sm" href="/beam/python/sdk/2016/02/25/beam-has-a-logo0.html#read-more" role="button">
+<a class="btn btn-default btn-sm" href="/beam/python/sdk/2016/02/25/python-sdk-now-public.html#read-more" role="button">
 Read more&nbsp;<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
 </a>
 </p>