index.html 11.6 KB
Newer Older
1
2
3
4
5
6
7
<!DOCTYPE html>
<html>

<head>

    <meta charset="UTF-8"/>

8
    <title>The GAFAM poster campaign toolkit</title>
9
    <meta name="description" content="We collect, maintain and care for localization of material from the LQDN GAFAM campaign. CC0 licensed and a friendly community.">
10
    <meta name="keywords" content="gafam, poster, sticker, campaign, information, translation, localization, toolkit">
11

12
    <meta property="og:title" content="The GAFAM poster campaign toolkit"/>
13
14
15
    <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"/>

16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
    <!-- Let browser know website is optimized for mobile -->
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <!-- Load whole application -->

    <!-- Development -->
    <script type="text/javascript" src="./static/assets/commons.bundle.js"></script>
    <script type="text/javascript" src="./static/assets/app.bundle.js"></script>

    <!-- Production -->
    <!--
    <script type="text/javascript" src="./static/assets/commons.bundle.min.js"></script>
    <script type="text/javascript" src="./static/assets/app.bundle.min.js"></script>
    -->

</head>

<body>

35
    <a class="github-fork-ribbon" href="https://github.com/gafam/www.gafam.info" title="Fork me on GitHub">Fork me on GitHub</a>
36
37
38
39
40
41

    <section class="hero is-info site-header">
        <div class="hero-body columns">
            <div class="column is-9">
                <div class="container header-container">
                    <h1 class="title is-spaced">
42
                        The GAFAM poster campaign toolkit
43
44
45
                    </h1>
                    <p class="subtitle">
                        We collect, maintain and care for localization of material from the
46
                        <strong><a href="https://wiki.laquadrature.net/QSPTAG#Campagne_de_dons_2017">LQDN GAFAM</a></strong> campaign.
47
48
49
50
51
52
53
54
55
56
57
                        <br/>
                        CC0 licensed and a friendly community.
                    </p>
                </div>
            </div>
            <div class="column is-3">
                <img src="static/img/gafam-pictograms.jpg"/>
            </div>
        </div>
    </section>

The GAFAM tech collective's avatar
The GAFAM tech collective committed
58
    <section class="section" id="call-for-help">
59
        <div class="container">
60
61
62
63
64
65
66
67
            <h3 class="title">
                A call for help
            </h3>
            <div class="columns is-variable is-8">
                <div class="column is-6">
                    <p class="content is-spaced">
                        We wrote down the original French texts and its translations
                        to the English language from the GAFAM campaign poster texts
68
                        <a href="https://twitter.com/laquadrature/status/942764007286591490">published by La Quadrature du Net</a> and
69
                        <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.
70
71
                    </p>
                    <p class="content is-spaced">
72
73
74
75
                        <strong>
                            Now, we are looking for contributors helping out with
                            translations into more languages.
                        </strong>
76
77
78
79
80
81
82
83
84
85
86
87
                    </p>
                    <p>
                        We really appreciate your help. Thanks in advance!
                    </p>
                </div>
                <div class="column is-6">
                    <img src="static/img/gafam-english.jpg"/>
                </div>
            </div>
        </div>
    </section>

The GAFAM tech collective's avatar
The GAFAM tech collective committed
88
    <section class="section" id="resources">
89
90
91
92
93
94
95
96
        <div class="container">
            <h3 class="title">
                Resources
            </h3>
            <p class="content is-spaced">
                The resources and materials we have collected so far.
                On the left side, you will find the PDF file originally
                published by LQDN. On the right side, all translation
97
                files from the <a href="https://github.com/gafam/gafam-poster-translations">GitHub repository</a> will be displayed.
98
99
                As of now, we have French, English and German so there
                are many languages to go for!
100
            </p>
101
102
103
104
105
106
107
108
109
        <div class="columns">

        <div class="column is-4">
        <div class="card">
          <header class="card-header">
            <div class="card-header-title">
            <div class="columns" style="width: 100%">
                <div class="column is-7">
                    <div class="tags has-addons">
110
111
                      <span class="tag is-medium is-primary">Language</span>
                      <span class="tag is-medium">French</span>
112
113
114
115
                    </div>
                </div>
                <div class="column is-5">
                    <div class="tags has-addons">
116
117
                      <span class="tag is-medium is-link">Format</span>
                      <span class="tag is-medium">PDF</span>
118
119
120
121
122
123
124
                    </div>
                </div>
            </div>
            </div>
          </header>
          <div class="card-image">
            <figure class="image">
125
                <a class="level-right" href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf"><img src="static/img/gafam-french.jpg"/></a>
126
127
128
129
130
131
132
133
134
135
136
            </figure>
          </div>
          <div class="card-content">
            <div class="media">
              <div class="media-left">
                <figure class="image is-48x48">
                    <img src="static/img/lqdn-logo.jpg"/>
                </figure>
              </div>
              <div class="media-content">
                <p class="title is-4">La Quadrature du Net</p>
137
                <p class="subtitle is-6"><a href="https://twitter.com/laquadrature">@laquadrature</a></p>
138
139
140
141
142
143
144
145
              </div>
            </div>

            <div class="content">
              By popular demand, the PDFs of the campaign posters.
              LQDN has already covered Paris and counts on you to cover the rest of the country and the world!
              The posters were printed on A3 colored paper, but do as you please! CC0
              <br/><br/>
146
              <a class="level-right" href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf">Download as PDF</a>
147
              <br/>
148
              Source: <a href="https://twitter.com/laquadrature/status/942764007286591490"><time datetime="2017-12-18">6:30 AM - 18 Dec 2017</time></a>
149
150
151
152
153
            </div>
          </div>
        </div>
        </div>

154
155
156
157
158
159
        <div class="column is-8">
        <div class="card">
          <header class="card-header">
            <div class="card-header-title">
            <div class="columns" style="width: 100%">
                <div class="column is-7">
160
161
162
163
                    <div class="tags has-addons2">
                      <span class="tag is-medium is-primary">Languages</span>
                      <span class="tag is-medium">French</span>
                      <span class="tag is-medium">English</span>
164
                      <span class="tag is-medium">German</span>
165
166
167
168
                    </div>
                </div>
                <div class="column is-5">
                    <div class="tags has-addons">
169
170
                      <span class="tag is-medium is-link">Format</span>
                      <span class="tag is-medium">gettext PO</span>
171
172
173
174
175
176
                    </div>
                </div>
            </div>
            </div>
          </header>
          <div class="card-content">
177
            <div class="github-gafam-poster-translations"></div>
178
179
180
181
          </div>
        </div>
        </div>

182
183
184
185
        </div>
        </div>
    </section>

The GAFAM tech collective's avatar
The GAFAM tech collective committed
186
    <section class="section" id="contribute">
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
        <div class="container">
            <h3 class="title">
                Contribute
            </h3>
        <div class="columns">

            <div class="column is-6">
                <img src="static/img/gafam-paris.jpg"/>
            </div>

            <div class="column is-6">
                Adding a translation is really easy, it's just about downloading
                a template file, editing a few lines and sending it back to us:
                <br/><br/>
                <ol>
                    <li class="content is-spaced">
                        Download the translation template file
204
                        <a href="https://github.com/gafam/gafam-poster-translations/blob/master/po/gafam.pot">gafam.pot</a>
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
                        to your computer.
                    </li>
                    <li class="content is-spaced">
                        Rename the file using the language code of choice,
                        e.g. "pt.po" for translating into the Portuguese language.
                        <p class="is-size-7">
                        You might want to have a look at the
                        list of <a href="https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes">ISO 639-1 codes</a> and the <a href="https://en.wikipedia.org/wiki/ISO_639_macrolanguage">ISO 639 macrolanguage</a> as a reference.
                        </p>
                    </li>
                    <li class="content is-spaced">
                        Edit the ".po" file you just created and perform the
                        translation by assigning appropriate values to all
                        "msgstr" variables.
                        You might want to use either the
220
                        <a href="https://github.com/gafam/gafam-poster-translations/blob/master/po/fr.po">French original</a>
221
                        or the
222
                        <a href="https://github.com/gafam/gafam-poster-translations/blob/master/po/en.po">English</a>
223
                        or
224
                        <a href="https://github.com/gafam/gafam-poster-translations/blob/master/po/de.po">German</a>
225
                        translations
226
227
228
229
230
231
232
233
                        as reference.
                        <br/>
                        <p class="is-size-7">
                        Please use the UTF-8 character encoding when editing
                        the translation file.
                        </p>
                    </li>
                    <li class="content is-spaced">
234
235
236
                        Send the file containing the translated texts to <a href="mailto:translators@gafam.info?subject=[GAFAM] New translation for ...">translators@gafam.info</a>.
                        <br/><br/>
                        If you know your way around Git, we also appreciate receiving
237
                        pull requests to the translation file repository on GitHub, <a href="https://github.com/gafam/gafam-poster-translations">gafam-poster-translations</a>.
238
239
240
241
242
                    </li>
                    <li class="content is-spaced">
                        Thank you so much for helping to spread the word.
                        As soon as we have stickers, we will
                        definitively get a bunch of them to you!
243
244
245
246
247
248
249
                    </li>
                </ol>
            </div>

        </div>
    </section>

250
251
252
253
    <footer class="footer">
      <div class="container">
        <div class="content has-text-centered">
          <p>
254
            <strong>The GAFAM poster campaign toolkit</strong> by <a href="mailto:hello@gafam.info">The GAFAM tech collective</a>.
255
256
            <br/>
            The website content is licensed
257
258
            <a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0</a>
            and <a href="https://github.com/gafam/www.gafam.info">available on GitHub</a>.
259
260
261
262
263
          </p>
        </div>
      </div>
    </footer>

264
265
266
</body>

</html>