From 7ee013a8fe2a7dd1ec51128159caabe7cc78eb3f Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 6 Apr 2018 11:33:52 +0200
Subject: [PATCH] consistent get started CTA sections

---
 _src/_assets/styles/_page-features.scss       |  5 ++---
 _src/_assets/styles/_page-guides.scss         | 14 --------------
 _src/_assets/styles/_sections.scss            |  2 +-
 .../_sections/_section-cta-community.scss     |  4 ----
 .../styles/_sections/_section-getstarted.scss | 13 +++++++++++++
 .../sections/section-cta-community.html       | 12 ------------
 .../sections/section-getstarted.html          | 18 ++++++++++++++++++
 _src/_layouts/guide.html                      | 19 +------------------
 _src/features.html                            |  8 +-------
 9 files changed, 36 insertions(+), 59 deletions(-)
 delete mode 100644 _src/_assets/styles/_sections/_section-cta-community.scss
 create mode 100644 _src/_assets/styles/_sections/_section-getstarted.scss
 delete mode 100644 _src/_includes/sections/section-cta-community.html
 create mode 100644 _src/_includes/sections/section-getstarted.html

diff --git a/_src/_assets/styles/_page-features.scss b/_src/_assets/styles/_page-features.scss
index 8167030..ddfe2d1 100644
--- a/_src/_assets/styles/_page-features.scss
+++ b/_src/_assets/styles/_page-features.scss
@@ -1,7 +1,6 @@
 .page-features {
-    .section-cta {
-        background: url('../img/nosprite/starbase-drivers.svg') no-repeat center bottom;
-        background-size: contain;
+    .section--getstarted {
+        background-color: $body-bg;
     }
 }
 
diff --git a/_src/_assets/styles/_page-guides.scss b/_src/_assets/styles/_page-guides.scss
index d33970e..fc958bd 100644
--- a/_src/_assets/styles/_page-guides.scss
+++ b/_src/_assets/styles/_page-guides.scss
@@ -212,20 +212,6 @@ li.toc-h3 {
     display: none;
 }
 
-.section--getstarted {
-    padding-bottom: 0;
-
-    .section-header {
-        margin-bottom: -($spacer * 3.5);
-        position: relative;
-        z-index: 10;
-
-        .btn {
-            margin-top: $spacer * 2;
-        }
-    }
-}
-
 .image--create-transfer {
     max-width: calc(100% + 1rem) !important; //stylelint-disable-line declaration-no-important
     margin-left: -1rem;
diff --git a/_src/_assets/styles/_sections.scss b/_src/_assets/styles/_sections.scss
index 3007fc3..25e5ddd 100644
--- a/_src/_assets/styles/_sections.scss
+++ b/_src/_assets/styles/_sections.scss
@@ -86,7 +86,7 @@
 // Specific sections
 //
 @import '_sections/section-cta-whitepaper';
-@import '_sections/section-cta-community';
 @import '_sections/section-cta-services';
 @import '_sections/section-partners';
 @import '_sections/section-blog';
+@import '_sections/section-getstarted';
diff --git a/_src/_assets/styles/_sections/_section-cta-community.scss b/_src/_assets/styles/_sections/_section-cta-community.scss
deleted file mode 100644
index e4503fd..0000000
--- a/_src/_assets/styles/_sections/_section-cta-community.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.section-cta--community {
-    background-image: url('../img/photo2.jpg');
-    background-position: center top;
-}
diff --git a/_src/_assets/styles/_sections/_section-getstarted.scss b/_src/_assets/styles/_sections/_section-getstarted.scss
new file mode 100644
index 0000000..e98459d
--- /dev/null
+++ b/_src/_assets/styles/_sections/_section-getstarted.scss
@@ -0,0 +1,13 @@
+.section--getstarted {
+    padding-bottom: 0;
+
+    .section-header {
+        margin-bottom: -($spacer * 3.5);
+        position: relative;
+        z-index: 10;
+
+        .btn {
+            margin-top: $spacer * 2;
+        }
+    }
+}
diff --git a/_src/_includes/sections/section-cta-community.html b/_src/_includes/sections/section-cta-community.html
deleted file mode 100644
index 10a6833..0000000
--- a/_src/_includes/sections/section-cta-community.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<section class="section section-cta section-cta--community background--photo text-center">
-    <div class="row">
-        <header class="section-header">
-            <h1 class="section-title">Get involved</h1>
-            <p class="section-description">There are many ways you can contribute to the BigchainDB project.</p>
-        </header>
-
-        <a class="btn btn-primary" href="/community/">
-            Community
-        </a>
-    </div>
-</section>
diff --git a/_src/_includes/sections/section-getstarted.html b/_src/_includes/sections/section-getstarted.html
new file mode 100644
index 0000000..af32ff0
--- /dev/null
+++ b/_src/_includes/sections/section-getstarted.html
@@ -0,0 +1,18 @@
+<section class="section section--getstarted background--darker">
+    <div class="row row--wide">
+        <header class="section-header">
+            <h1 class="section-title">Get to know the BigchainDB universe</h1>
+            <div class="section-description">
+                <p>Explore drivers, tools & a lot more documentation.</p>
+                <a class="btn btn-primary" href="/getstarted/">Get started</a>
+            </div>
+        </header>
+    </div>
+    <aside class="starbase starbase--server">
+        <div class="row row--wide">
+            <figure class="starbase__image">
+                <img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
+            </figure>
+        </div>
+    </aside>
+</section>
diff --git a/_src/_layouts/guide.html b/_src/_layouts/guide.html
index 4abae90..55db1d3 100644
--- a/_src/_layouts/guide.html
+++ b/_src/_layouts/guide.html
@@ -47,21 +47,4 @@ layout: base
     </div>
 </section>
 
-<section class="section section--getstarted background--darker">
-    <div class="row row--wide">
-        <header class="section-header">
-            <h1 class="section-title">Get to know the BigchainDB universe</h1>
-            <div class="section-description">
-                <p>Explore drivers, tools & a lot more documentation.</p>
-                <a class="btn btn-primary" href="/getstarted/">Get started</a>
-            </div>
-        </header>
-    </div>
-    <aside class="starbase starbase--server">
-        <div class="row row--wide">
-            <figure class="starbase__image">
-                <img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
-            </figure>
-        </div>
-    </aside>
-</section>
+{% include sections/section-getstarted.html %}
diff --git a/_src/features.html b/_src/features.html
index 8beff24..901d25f 100644
--- a/_src/features.html
+++ b/_src/features.html
@@ -38,12 +38,6 @@ features:
        text: "Roll out your own public or private networks for specific industry use cases."
        icon: "icon-lock"
 
-cta:
-    title: Get started
-    description: Explore drivers, tools & documentation
-    button: Get started
-    button_link: /developers/getstarted
-
 quotes: set2
 js: page-features.min.js
 ---
@@ -188,4 +182,4 @@ js: page-features.min.js
     </div>
 </section>
 
-{% include sections/section-cta.html %}
+{% include sections/section-getstarted.html %}