Wording, Image renaming

htdocs/index.html

@@ -7,13 +7,15 @@
 
     <title>The GAFAM poster campaign toolkit</title>
     <meta name="description"
-          content="We collect, maintain and care for localization of material from the LQDN GAFAM campaign. CC0 licensed and a friendly community.">
+          content="We collect, maintain and promote translations of material from the GAFAM poster campaign by La Quadrature du
+                        Net. CC0 licensed and a friendly community.">
     <meta name="keywords" content="gafam, poster, sticker, campaign, information, translation, localization, toolkit">
 
     <meta property="og:title" content="The GAFAM poster campaign toolkit"/>
     <meta property="og:description"
-          content="We collect, maintain and care for localization of material from the LQDN GAFAM campaign. CC0 licensed and a friendly community."/>
-    <meta property="og:image" content="https://gafam.info/static/img/gafam-english.jpg"/>
+          content="We collect, maintain and promote translations of material from the GAFAM poster campaign by La Quadrature du
+                        Net. CC0 licensed and a friendly community."/>
+    <meta property="og:image" content="https://gafam.info/static/img/gafam-poster-ces2018-small.jpg"/>
 
     <!-- Let browser know website is optimized for mobile -->
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
@@ -37,6 +39,7 @@
 <a class="github-fork-ribbon" href="https://github.com/gafam/www.gafam.info" title="Fork me on GitHub">Fork me on
     GitHub</a>
 
+<!-- Hero header -->
 <section class="hero is-info site-header">
     <div class="hero-body columns">
         <div class="column is-9">
@@ -46,7 +49,7 @@
                 </h1>
 
                 <p class="subtitle">
-                    We collect, maintain and care for localization of material from the
+                    We collect, maintain and promote translations of material from the
                     <strong><a href="https://wiki.laquadrature.net/QSPTAG#Campagne_de_dons_2017">LQDN GAFAM</a></strong>
                     campaign.
                     <br/>
@@ -60,10 +63,11 @@
     </div>
 </section>
 
-<section class="section" id="call-for-help">
+<!-- Looking for more translations -->
+<section class="section" id="more-translations-needed">
     <div class="container">
         <h3 class="title">
-            A call for help
+            Looking for more translations!
         </h3>
 
         <div class="columns is-variable is-8">
@@ -76,20 +80,15 @@
                     <a href="https://github.com/gafam/gafam-poster-translations">put them on GitHub</a> using the <a
                         href="https://en.wikipedia.org/wiki/Gettext">GNU gettext</a> format.
                 </p>
-
                 <p class="content is-spaced">
                     <strong>
-                        Now, we are looking for contributors helping out with
-                        translations into more languages.
+                        Now, we are looking for <a href="#contribute">contributors</a>
+                        adding more translations into different languages.
                     </strong>
                 </p>
-
-                <p>
-                    We really appreciate your help. Thanks in advance!
-                </p>
             </div>
             <div class="column is-6">
-                <img src="static/img/gafam-english.jpg"/>
+                <img src="static/img/gafam-poster-ces2018.jpg"/>
             </div>
         </div>
     </div>
@@ -135,9 +134,11 @@
                     </header>
                     <div class="card-image">
                         <figure class="image">
-                            <a class="level-right"
-                               href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf"><img
-                                    src="static/img/gafam-french.jpg"/></a>
+                            <div style="width:100%;text-align:center;">
+                            <a href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf">
+                                <img class="resource-card-image" src="static/img/gafam-french-card.gif"/>
+                            </a>
+                            </div>
                         </figure>
                     </div>
                     <div class="card-content">
@@ -214,7 +215,7 @@
         <div class="columns">
 
             <div class="column is-6">
-                <img src="static/img/gafam-paris.jpg"/>
+                <img src="static/img/gafam-poster-paris.jpg"/>
             </div>
 
             <div class="column is-6">

src/css/main.css

@@ -16,3 +16,8 @@
 .github-gafam-poster-translations {
     height: 44em;
 }
+.resource-card-image {
+    width: 75% !important;
+    margin-left: 3em;
+}
+