replace the gender balance promo with one for democratic commons

everypolitician · Apr 3, 2018 · cadee0f · cadee0f
1 parent 07e8737
commit cadee0f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git 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
@@ -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 {