From cadee0ff370da33f852eca7ed8ef2e7f1aab8d8e Mon Sep 17 00:00:00 2001
From: Martin Wright <martin@mysociety.org>
Date: Tue, 3 Apr 2018 15:49:52 +0100
Subject: [PATCH] replace the gender balance promo with one for democratic
 commons

---
 views/country.erb       | 16 +++++-----------
 views/sass/_custom.scss | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/views/country.erb b/views/country.erb
index eb3022ee5..3e1498b75 100644
--- a/views/country.erb
+++ b/views/country.erb
@@ -41,19 +41,13 @@
   </div>
 </div>
 
-<div class="page-section page-section--green page-section--gender-balance-promo">
+<div class="page-section page-section--green page-section--demo-commons-promo">
   <div class="container">
 
-    <div class="gender-balance-promo">
-      <h3>Help us collect gender information for <%= @page.country.name %> by playing our fiendishly addictive online game, Gender Balance!</h3>
-      <p>Swipe your way through politicians in a flash, and work your way up our leaderboard.</p>
-      <p><a href="http://gender-balance.org" class="button button--primary">Play Gender Balance now</a></p>
-
-      <a href="http://gender-balance.org" class="gender-balance-promo__demo">
-        <div class="screenshot-wrapper">
-          <img src="/images/screencast.gif" width="232" height="330" alt="Gender-Balance app preview">
-        </div>
-      </a>
+    <div class="demo-commons-promo">
+      <h3>Part of the Democratic Commons</h3>
+      <p>A growing community of individuals and organisations working to make information on every politician in the world freely available to all, through Wikidata.</p>
+      <p><a href="https://www.mysociety.org/democracy/democratic-commons/">Help gather the data, use it for your own projects — or give us feedback </a></p>
     </div>
 
   </div>
diff --git a/views/sass/_custom.scss b/views/sass/_custom.scss
index 0cd7c00f8..12703abb1 100644
--- a/views/sass/_custom.scss
+++ b/views/sass/_custom.scss
@@ -176,6 +176,20 @@
     }
 }
 
+.page-section--demo-commons-promo {
+    @media (min-width: $medium_screen) {
+        padding: 3em 0;
+    }
+}
+
+.demo-commons-promo {
+    //Bare-bones promo for now, there's room for a logo or graphics when they exist
+    max-width: 40em; // avoid silly long lines
+    a {
+        text-decoration: underline;
+    }
+}
+
 // My kingdom for a parent selector in CSS!
 // Add some extra margin above the promo section because the screencast
 // sticks out and it feels a bit tight against the previous section.
@@ -184,6 +198,7 @@
         margin-top: 2em;
         padding: 3em 0;
     }
+
 }
 
 .gender-balance-promo {