Skip to content

GitLab

Commit d3175196 authored by The GAFAM tech collective's avatar The GAFAM tech collective
Browse files

Add sections "How to reproduce?" and "What else?"

parent a3accf53
Hide whitespace changes
Inline Side-by-side
CHANGES.rst
View file @ d3175196
......@@ -17,6 +17,8 @@ in progress
- Improve responsiveness
- Improve wording
- Add "About" section to both index.html and README.rst
- Add sections "How to reproduce?" and "What else?"
2018-01-12 0.2.0
----------------
......
htdocs/index.html
View file @ d3175196
......@@ -111,6 +111,104 @@
</div>
</section>
<!-- How to reproduce -->
<section class="section" id="reproduce">
<div class="container">
<h3 class="title">
How to reproduce?
</h3>
<p class="content is-spaced">
Read all about how to print the posters locally.
<ol>
<li class="content is-spaced">
Get access to a laser printer. Please don't use Inkjets as they will
draw too much ink for filling the black areas. Really, don't do it.
</li>
<li class="content is-spaced">
Get some colored paper which fits your printer. You will need red, white, blue, yellow and green.
</li>
<li class="content is-spaced">
<p>
Choose one of the <a href="#resources">design resources</a> below which fulfills
your needs regarding format and language and download it to your computer.
</p>
<p>
<a class="button is-link" href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf">
<i class="fa fa-file-pdf-o" aria-hidden="true"></i>
&nbsp;
French posters in PDF format
</a>
<a class="button is-link" href="https://wiki.laquadrature.net/images/f/f2/LQDNgafamEN.pdf">
<i class="fa fa-file-pdf-o" aria-hidden="true"></i>
&nbsp;
English posters in PDF format
</a>
</p>
</li>
<li class="content is-spaced">
<p>
Follow these steps to prepare for and perform printing.
</p>
<div class="columns is-variable is-8">
<div class="column is-4">
<div class="card">
<div class="card-image">
<img src="static/img/gafam-poster-printing-1.jpg"/>
</div>
<div class="card-content">
<div class="content">
Make multiple staples of N sheets each for each color.
Then, put them together in the sequence of red, white, blue, yellow and green.
</div>
</div>
</div>
</div>
<div class="column is-4">
<div class="card">
<div class="card-image">
<img src="static/img/gafam-poster-printing-2.jpg"/>
</div>
<div class="card-content">
<div class="content">
This looks good.
<br/>
Now, put this whole staple into your printer in a way that the red
sheets will be picked up first.
</div>
</div>
</div>
</div>
<div class="column is-4">
<div class="card">
<div class="card-image">
<img src="static/img/gafam-poster-printing-3.jpg"/>
</div>
<div class="card-content">
<div class="content">
Send print jobs of N duplicates for each page of
the multipage poster document PDF file.
<br/><br/>
Ready.
</div>
</div>
</div>
</div>
</div>
</li>
<li class="content is-spaced">
Go ahead, disseminate the printouts in your local neighbourhood and send pictures. Cheers!
</li>
</ol>
</p>
</div>
</section>
<!-- Resources -->
<section class="section" id="resources">
<div class="container">
......@@ -395,6 +493,40 @@
</div>
</section>
<!-- What else? -->
<section class="section" id="what-else">
<div class="container">
<h3 class="title">
What else?
</h3>
<div class="columns is-variable2 i2s-2">
<div class="column is-5">
<img src="static/img/gafa-batx.jpg"/>
</div>
<div class="column is-7">
<p class="content is-spaced">
While the original poster campaign by LQDN is all about
<a href="https://fr.wikipedia.org/wiki/GAFAM">GAFAM</a> (<a href="https://twitter.com/hashtag/GAFAM">#GAFAM</a>),
the resources around it have been released
to the public domain (<a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0</a>).
</p>
<p class="content is-spaced">
<strong>
In this spirit, we encourage the community to apply the same to
BATX
(<a href="https://fr.wikipedia.org/wiki/BATX">Wikipedia</a>, <a href="https://twitter.com/hashtag/BATX">Twitter</a>)
and
NATU
(<a href="http://magazine.pickandpow.com/en/gafa-natu-the-king-is-dead-long-life-to-the-ki/">[1]</a>,
<a href="https://www.challenges.fr/challenges-soir/netflix-airbnb-tesla-et-uber-sont-elles-survalorisees_415028">[2]</a>).
</strong>
</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment