added final content to deployments page

14 files changed, 74 insertions, 55 deletions

diff --git a/assets/css/alaveteli-org.css b/assets/css/alaveteli-org.css
index aa3874bd4..77ae00b95 100644
--- a/assets/css/alaveteli-org.css
+++ b/assets/css/alaveteli-org.css
@@ -438,15 +438,17 @@ h3 {
         font-size: 1.666666667em; } }
     .deployments__intro h1 span {
       display: block;
-      font-size: 1.8em;
+      font-size: 1.5em;
+      margin-top: 0.25em;
       font-weight: 700;
       line-height: 1em; }
       @media (min-width: 30em) {
         .deployments__intro h1 span {
-          font-size: 2.4em; } }
+          margin-top: 0.15em;
+          font-size: 1.8em; } }
       @media (min-width: 56.88889em) {
         .deployments__intro h1 span {
-          font-size: 3em; } }
+          font-size: 2.4em; } }
   .deployments__intro p {
     font-size: 1em;
     max-width: 23em;
@@ -532,7 +534,11 @@ h3 {
   margin-top: 0;
   margin-bottom: 0.5em;
   font-size: 0.888888889em;
-  text-overflow: ellipsis; }
+  text-overflow: ellipsis;
+  text-overflow: ellipsis;
+  /* Required for text-overflow to do anything */
+  white-space: nowrap;
+  overflow: hidden; }
   @media (min-width: 56.88889em) {
     .deployment__link {
       font-size: 1em; } }
@@ -541,9 +547,12 @@ h3 {
   font-size: 0.888888889em;
   clear: both; }
 
+.deployment__screenshot {
+  border: 1px solid #e4e3dd; }
+
 .deployment--minor .deployment__title {
   padding-top: 0;
-  font-size: 1.3em; }
+  font-size: 1.1em; }
 .deployment--minor .deployment__country {
   font-size: 1em; }
 .deployment--minor .deployment__link {
diff --git a/assets/img/alaveteli-bg.jpg b/assets/img/alaveteli-bg.jpg
new file mode 100644
index 000000000..2c5b45f0a
--- /dev/null
+++ b/assets/img/alaveteli-bg.jpg
diff --git a/assets/img/ask-the-eu.jpg b/assets/img/ask-the-eu.jpg
new file mode 100644
index 000000000..a9aef9c20
--- /dev/null
+++ b/assets/img/ask-the-eu.jpg
diff --git a/assets/img/fyi.jpg b/assets/img/fyi.jpg
new file mode 100644
index 000000000..3a1defe27
--- /dev/null
+++ b/assets/img/fyi.jpg
diff --git a/assets/img/informace-pro-vsechny.jpg b/assets/img/informace-pro-vsechny.jpg
new file mode 100644
index 000000000..47a9cf191
--- /dev/null
+++ b/assets/img/informace-pro-vsechny.jpg
diff --git a/assets/img/ki-mit-tud.jpg b/assets/img/ki-mit-tud.jpg
new file mode 100644
index 000000000..805e81970
--- /dev/null
+++ b/assets/img/ki-mit-tud.jpg
diff --git a/assets/img/marsoum-41.jpg b/assets/img/marsoum-41.jpg
new file mode 100644
index 000000000..64a981e91
--- /dev/null
+++ b/assets/img/marsoum-41.jpg
diff --git a/assets/img/que-sabes.jpg b/assets/img/que-sabes.jpg
new file mode 100644
index 000000000..bdd782a1c
--- /dev/null
+++ b/assets/img/que-sabes.jpg
diff --git a/assets/img/queremos-saber.jpg b/assets/img/queremos-saber.jpg
new file mode 100644
index 000000000..7e5b7be1d
--- /dev/null
+++ b/assets/img/queremos-saber.jpg
diff --git a/assets/img/right-to-know.jpg b/assets/img/right-to-know.jpg
new file mode 100644
index 000000000..c4648b519
--- /dev/null
+++ b/assets/img/right-to-know.jpg
diff --git a/assets/img/tu-derecho-a-saber.jpg b/assets/img/tu-derecho-a-saber.jpg
new file mode 100644
index 000000000..ebf234130
--- /dev/null
+++ b/assets/img/tu-derecho-a-saber.jpg
diff --git a/assets/img/ukraine.jpg b/assets/img/ukraine.jpg
new file mode 100644
index 000000000..0dc1e44a8
--- /dev/null
+++ b/assets/img/ukraine.jpg
diff --git a/assets/sass/alaveteli-org.scss b/assets/sass/alaveteli-org.scss
index b6a6258d5..ca0a08e51 100644
--- a/assets/sass/alaveteli-org.scss
+++ b/assets/sass/alaveteli-org.scss
@@ -522,12 +522,14 @@ h3 {
         margin-bottom: 1em;
         span {
             display: block;
-            font-size: 1.8em;
+            font-size: 1.5em;
+            margin-top: 0.25em;
             @media (min-width: $medium-screen) {
-                font-size: 2.4em;
+                margin-top: 0.15em;
+                font-size: 1.8em;
             }
             @media (min-width: $large-screen) {
-                font-size: 3em;
+                font-size: 2.4em;
             }
             font-weight: 700;
             line-height: 1em;
@@ -643,6 +645,10 @@ h3 {
     margin-bottom: 0.5em;
     font-size: 0.888888889em;
     text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    /* Required for text-overflow to do anything */
+    white-space: nowrap;
+    overflow: hidden;
     @media (min-width: $large-screen) {
         font-size: 1em;
     }
@@ -653,11 +659,15 @@ h3 {
     clear: both;
 }
 
+ .deployment__screenshot {
+    border: 1px solid $colour_borders;
+}
+
 .deployment--minor {
     @extend .deployment;
     .deployment__title {
         padding-top: 0;
-        font-size: 1.3em;
+        font-size: 1.1em;
     }
     .deployment__country {
         font-size: 1em;
diff --git a/deployments.md b/deployments.md
index c8cfa6359..b167e6442 100644
--- a/deployments.md
+++ b/deployments.md
@@ -5,7 +5,7 @@ title: Deployments
 <div class="deployments__intro">
     <div class="container">
     <h1>16+ languages, 16 jurisdictions
-    <span>200,000 requests</span></h1>
+    <span>200,000 requests for information</span></h1>
     <p>Alaveteli can help open up government in any country,
 in any language, and within any legislation</p>
     </div>
@@ -18,49 +18,49 @@ in any language, and within any legislation</p>
             <div class="grid-row">
                 <div class="deployments__unit--major">
                     <div class="deployment--major">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
+                        <img src="{{ site.baseurl }}assets/img/ki-mit-tud.jpg" class="deployment__screenshot" />
                         <h3 class="deployment__title">Ki Mit Tud</h3>
                         <p class="deployment__country">Hungary</p>
                         <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
                         <div class="deployment__description">
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh risus, tincidunt ut dolor ut, dictum vestibulum ligula. In eu vehicula magna. Integer quis blandit purus.</p>
-                            <p>Integer enim erat, aliquet in ornare eget, tristique in nunc. Nunc a quam vel ipsum iaculis consequat. Curabitur ut ultrices lectus. Sed ornare dolor non convallis commodo.</p>
+                            <p>Hungarians have a right, enshrined in their law, to demand information from any tax-funded body. Ki Mit Tud (“Who Knows What?”) radically simplifies that process for the citizen.</p>
+                            <p>Using the Alaveteli platform, Ki Mit Tud was launched in May 2012, and within its first year had processed over 1,000 freedom of information requests.</p>
                         </div>
                     </div>
                 </div><!--
                 --><div class="deployments__unit--major">
                     <div class="deployment--major">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
-                        <h3 class="deployment__title">Ki Mit Tud</h3>
-                        <p class="deployment__country">Hungary</p>
-                        <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
+                        <img src="{{ site.baseurl }}assets/img/fyi.jpg" class="deployment__screenshot" />
+                        <h3 class="deployment__title">FYI </h3>
+                        <p class="deployment__country">New Zealand</p>
+                        <p class="deployment__link"><a href="https://fyi.org.nz/">https://fyi.org.nz/</a></p>
                         <div class="deployment__description">
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh risus, tincidunt ut dolor ut, dictum vestibulum ligula. In eu vehicula magna. Integer quis blandit purus.</p>
-                            <p>Integer enim erat, aliquet in ornare eget, tristique in nunc. Nunc a quam vel ipsum iaculis consequat. Curabitur ut ultrices lectus. Sed ornare dolor non convallis commodo.</p>
+                            <p>New Zealand’s public sector is reportedly among the least corrupt in the world. Nonetheless, Open New Zealand, the organisation behind FYI, believe that a Freedom of Information site can bring benefits.</p>
+                            <p>Like all Alaveteli installs, FYI simplifies the whole process of submitting a request - and publishes requests and their responses online, for all to see. </p>
                         </div>
                     </div>
                 </div><!--
                 --><div class="deployments__unit--major">
                     <div class="deployment--major">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
-                        <h3 class="deployment__title">Ki Mit Tud</h3>
-                        <p class="deployment__country">Hungary</p>
-                        <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
+                        <img src="{{ site.baseurl }}assets/img/tu-derecho-a-saber.jpg" class="deployment__screenshot" />
+                        <h3 class="deployment__title">Tu Derecho A Saber</h3>
+                        <p class="deployment__country">Spain</p>
+                        <p class="deployment__link"><a href="http://tuderechoasaber.es/ ">http://tuderechoasaber.es/ </a></p>
                         <div class="deployment__description">
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh risus, tincidunt ut dolor ut, dictum vestibulum ligula. In eu vehicula magna. Integer quis blandit purus.</p>
-                            <p>Integer enim erat, aliquet in ornare eget, tristique in nunc. Nunc a quam vel ipsum iaculis consequat. Curabitur ut ultrices lectus. Sed ornare dolor non convallis commodo.</p>
+                            <p>Tu Derecho A Saber was launched in 2012, before Spain had passed a Freedom of Information act, and against a background of political dissent.</p>
+                            <p>Spain now has its Right to Know, but Tu Derecho A Saber remains an example of how you can run a site based on Alaveteli, even if your jurisdiction has no such laws in place.</p>
                         </div>
                     </div>
                 </div><!--
                 --><div class="deployments__unit--major">
                     <div class="deployment--major">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
-                        <h3 class="deployment__title">Ki Mit Tud</h3>
-                        <p class="deployment__country">Hungary</p>
-                        <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
+                        <img src="{{ site.baseurl }}assets/img/ask-the-eu.jpg" class="deployment__screenshot" />
+                        <h3 class="deployment__title">Ask the EU</h3>
+                        <p class="deployment__country">Europe</p>
+                        <p class="deployment__link"><a href="http://www.asktheeu.org/">http://www.asktheeu.org/</a></p>
                         <div class="deployment__description">
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh risus, tincidunt ut dolor ut, dictum vestibulum ligula. In eu vehicula magna. Integer quis blandit purus.</p>
-                            <p>Integer enim erat, aliquet in ornare eget, tristique in nunc. Nunc a quam vel ipsum iaculis consequat. Curabitur ut ultrices lectus. Sed ornare dolor non convallis commodo.</p>
+                            <p>AskTheEU doesn’t just cover one country: in theory, it serves over 500 million people: the whole of Europe.</p>
+                            <p>AskTheEU processes requests for any of the European Union bodies, and the site is translated into several languages. It is run by Access Info Europe, in Madrid.</p>
                         </div>
                     </div>
                 </div><!--
@@ -71,50 +71,50 @@ in any language, and within any legislation</p>
             <div class="grid-row">
                 <div class="deployments__unit--minor">
                     <div class="deployment--minor">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
-                        <h3 class="deployment__title">Ki Mit Tud</h3>
-                        <p class="deployment__country">Hungary</p>
-                        <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
+                        <img src="{{ site.baseurl }}assets/img/queremos-saber.jpg" class="deployment__screenshot" />
+                        <h3 class="deployment__title">Queremos Saber</h3>
+                        <p class="deployment__country">Brazil</p>
+                        <p class="deployment__link"><a href="http://queremossaber.org.br/">http://queremossaber.org.br/</a></p>
                     </div>
                 </div><!--
                 --><div class="deployments__unit--minor">
                     <div class="deployment--minor">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
-                        <h3 class="deployment__title">Ki Mit Tud</h3>
-                        <p class="deployment__country">Hungary</p>
-                        <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
+                        <img src="{{ site.baseurl }}assets/img/ukraine.jpg" class="deployment__screenshot" />
+                        <h3 class="deployment__title">Доступ до правди</h3>
+                        <p class="deployment__country">Ukraine</p>
+                        <p class="deployment__link"><a href="https://dostup.pravda.com.ua/">https://dostup.pravda.com.ua/</a></p>
                     </div>
                 </div><!--
                 --><div class="deployments__unit--minor">
                     <div class="deployment--minor">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
-                        <h3 class="deployment__title">Ki Mit Tud</h3>
-                        <p class="deployment__country">Hungary</p>
-                        <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
+                        <img src="{{ site.baseurl }}assets/img/informace-pro-vsechny.jpg" class="deployment__screenshot" />
+                        <h3 class="deployment__title">Info Pro Všechny</h3>
+                        <p class="deployment__country">Czech Republic</p>
+                        <p class="deployment__link"><a href="http://www.infoprovsechny.cz/">http://www.infoprovsechny.cz/</a></p>
                     </div>
                 </div><!--
                 --><div class="deployments__unit--minor">
                     <div class="deployment--minor">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
-                        <h3 class="deployment__title">Ki Mit Tud</h3>
-                        <p class="deployment__country">Hungary</p>
-                        <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
+                        <img src="{{ site.baseurl }}assets/img/right-to-know.jpg" class="deployment__screenshot" />
+                        <h3 class="deployment__title">Right To Know</h3>
+                        <p class="deployment__country">Australia</p>
+                        <p class="deployment__link"><a href="https://www.righttoknow.org.au/">https://www.righttoknow.org.au/</a></p>
                     </div>
                 </div><!--
                 --><div class="deployments__unit--minor">
                     <div class="deployment--minor">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
-                        <h3 class="deployment__title">Ki Mit Tud</h3>
-                        <p class="deployment__country">Hungary</p>
-                        <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
+                        <img src="{{ site.baseurl }}assets/img/que-sabes.jpg" class="deployment__screenshot" />
+                        <h3 class="deployment__title">Que Sabes</h3>
+                        <p class="deployment__country">Uruguay</p>
+                        <p class="deployment__link"><a href="http://www.quesabes.org/">http://www.quesabes.org/</a></p>
                     </div>
                 </div><!--
                 --><div class="deployments__unit--minor">
                     <div class="deployment--minor">
-                        <img src="http://placehold.it/300x200" class="deployment__screenshot" />
-                        <h3 class="deployment__title">Ki Mit Tud</h3>
-                        <p class="deployment__country">Hungary</p>
-                        <p class="deployment__link"><a href="http://kimittud.atlatszo.hu/">http://kimittud.atlatszo.hu/</a></p>
+                        <img src="{{ site.baseurl }}assets/img/marsoum-41.jpg" class="deployment__screenshot" />
+                        <h3 class="deployment__title">Marsoum 41</h3>
+                        <p class="deployment__country">Tunisia</p>
+                        <p class="deployment__link"><a href="http://www.marsoum41.org/en">http://www.marsoum41.org/en</a></p>
                     </div>
                 </div>
             </div>