more reusable partners section

_src/_assets/styles/_page-enterprise.scss

@@ -4,7 +4,12 @@
 // bigchaindb.com
 //
 .page-enterprise {
-
+    .section--partners {
+        @extend .background--darker;
+        .partner {
+            pointer-events: none;
+        }
+    }
 }
 
 .hero--enterprise {

_src/_assets/styles/_page-front.scss

@@ -5,7 +5,7 @@
 //
 
 .page-front {
-    .section-partners {
+    .section--partners {
         @extend .background--darker
     }
 }

_src/_assets/styles/_sections/_section-partners.scss

@@ -1,4 +1,4 @@
-.section-partners {
+.section--partners {
     .grid__col {
         padding-right: $gutter-space;
     }

_src/_includes/sections/section-partners.html

@@ -1,26 +1,70 @@
-<section class="section section-partners">
+<!--
+//////////////////////////////////
+HEADS UP!
+
+By default, this section spits out all partners added to the `_partners` collection.
+You can limit those on a per-page basis by defining a partners.logos array in the YAML front
+matter like so:
+
+partners:
+    title: "Proudly Trusted By"
+    description: "La la la"
+    logos:
+        - innogy
+        - mongodb
+        - microsoft
+//////////////////////////////////
+-->
+
+<section class="section section--partners">
     <div class="row">
         <header class="section-header">
-            <h1 class="section-title">Partners</h1>
+            <h1 class="section-title">
-            <p class="section-description">We are proud to partner and collaborate with</p>
+                {% if page.partners.title %}
+                    {{ page.partners.title }}
+                {% else %}
+                    Partners
+                {% endif %}
+            </h1>
+            <p class="section-description">
+                {% if page.partners.description %}
+                    {{ page.partners.description }}
+                {% else %}
+                    We are proud to partner and collaborate with
+                {% endif %}
+            </p>
         </header>
     </div>
 
     <div class="row row--wide">
         <article class="grid grid--full grid-small--half grid-medium--fit grid-medium--columns grid--justifycenter grid--gutters">
 
-            {% assign partners_sorted = (site.partners | sort: 'date')  %}
+            {% if page.partners.logos %}
+                {% assign partners_sorted = page.partners.logos  %}
+            {% else %}
+                {% assign partners_sorted = (site.partners | sort: 'date')  %}
+            {% endif %}
+
+            {% assign partners_page = page.partners %}
 
             {% for partner in partners_sorted %}
-
                 <div class="grid__col grid__col--1">
 
-                    <a class="partner" href="{{ partner.link }}">
+                    {% if page.partners.logos %}
-                        <svg class="partner__logo partner__logo--{{ partner.slug }}" aria-labelledby="title">
+                    <span class="partner">
-                            <title>{{ partner.title }}</title>
+                        <svg class="partner__logo partner__logo--{{ partner }}" aria-labelledby="title">
-                            <use xlink:href="/assets/img/sprite.svg#logo-{{ partner.slug }}"></use>
+                            <title>{{ partner }}</title>
+                            <use xlink:href="/assets/img/sprite.svg#logo-{{ partner }}"></use>
                         </svg>
-                    </a>
+                    </span>
+                    {% else %}
+                        <a class="partner" href="{{ partner.link }}">
+                            <svg class="partner__logo partner__logo--{{ partner.slug }}" aria-labelledby="title">
+                                <title>{{ partner.title }}</title>
+                                <use xlink:href="/assets/img/sprite.svg#logo-{{ partner.slug }}"></use>
+                            </svg>
+                        </a>
+                    {% endif %}
 
                 </div>
 

_src/enterprise.html

@@ -29,6 +29,10 @@ intro:
       description: "Real-time data triggers business logic"
     - title: "Share the Story"
       description: "Trust and identity out-of-the-box with verifiable audit trails, provenance and tracking"
+
+partners:
+    title: "Proudly Trusted By"
+    description: "La la la"
 ---
 
 <header class="hero hero--enterprise">
@@ -74,40 +78,7 @@ intro:
     </div>
 </section>
 
-<section class="section section--enterprisepartners background--darker">
+{% include sections/section-partners.html %}
-    <div class="row">
-        <header class="section-header">
-            <h1 class="section-title">Proudly trusted by</h1>
-            <p class="section-description">La la la.</p>
-        </header>
-    </div>
-
-    <div class="row row--wide">
-        <article class="grid grid--full grid-small--half grid-medium--fit grid-medium--columns grid--justifycenter grid--gutters">
-
-            {% assign partners_sorted = (site.partners | sort: 'date')  %}
-
-            {% for partner in partners_sorted %}
-
-                <div class="grid__col grid__col--1">
-
-                    <a class="partner" href="{{ partner.link }}">
-                        <svg class="partner__logo partner__logo--{{ partner.slug }}" aria-labelledby="title">
-                            <title>{{ partner.title }}</title>
-                            <use xlink:href="/assets/img/sprite.svg#logo-{{ partner.slug }}"></use>
-                        </svg>
-                    </a>
-
-                </div>
-
-            {% endfor %}
-
-        </article>
-
-    </div>
-
-    </div>
-</section>
 
 <section class="section section--enterpriseedition background--photo">
     <div class="row row--wide">