Add content attributions

CHANGES.rst

@@ -5,6 +5,10 @@ www.gafam.info CHANGES
 
 in progress
 -----------
+
+
+2018-01-14 0.4.0
+----------------
 - Wording, Emphasis, Cleanup
 - Rename repository gafam-l10n to gafam-poster-translations
 - Reformat HTML properly
@@ -18,7 +22,7 @@ in progress
 - Improve wording
 - Add "About" section to both index.html and README.rst
 - Add sections "How to reproduce?" and "What else?"
-
+- Add content attributions
 
 2018-01-12 0.2.0
 ----------------

htdocs/index.html

@@ -530,18 +530,31 @@
 <!-- Footer -->
 <footer class="footer">
     <div class="container">
-        <div class="content has-text-centered">
-            <p>
-                This is
-                <a href="https://gafam.info/">the GAFAM poster campaign toolkit</a>
-                by
-                <a href="mailto:hello@gafam.info">the GAFAM tech collective</a>.
-                <br/>
-                The website content is in the public domain
-                (<a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0</a>)
-                and
-                <a href="https://github.com/gafam/www.gafam.info">available on GitHub</a>.
-            </p>
+        <div class="columns">
+            <div class="column is-5">
+                <div class="content">
+                    <p class="has-emphasized-links">
+                        This is
+                        <a href="https://gafam.info/">the GAFAM poster campaign toolkit</a>
+                        by
+                        <a href="mailto:hello@gafam.info">the GAFAM tech collective</a>.
+                        The content of this web page is in the public domain
+                        (<a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0</a>)
+                        and
+                        <a href="https://github.com/gafam/www.gafam.info">available on GitHub</a>.
+                    </p>
+                    <p class="is-size-7">
+                        Content attributions: Images on this web page are copyright of their respective owners.
+                        They have been taken from, in the order of appearance:
+                        <a href="https://twitter.com/NabeelAdeni/status/943733947921518592">@NabeelAdeni</a>,
+                        <a href="https://twitter.com/linto_ai/status/950756933199314945">@linto_ai</a>,
+                        <a href="https://twitter.com/mauddelavO/status/941602492521111552">@mauddelavO</a>,
+                        <a href="https://twitter.com/vincib/status/946859282498314240">@vincib</a>,
+                        <a href="https://twitter.com/churchill58/status/952437523749404673">@churchill58</a>.
+                        Thanks!
+                    </p>
+                </div>
+            </div>
         </div>
     </div>
 </footer>

src/css/main.css

@@ -29,7 +29,7 @@
     width: 100%;
 }
 
-.footer a {
+.has-emphasized-links a {
     color: black;
     font-weight: bold;
 }