Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 11.5 KB
Newer Older
The GAFAM tech collective's avatar
Simple HTML page based on jQuery, Bulma, Font Awesome and webpack  
The GAFAM tech collective committed
1
2
3
4
5
6
7 
<!DOCTYPE html>
<html>

<head>

    <meta charset="UTF-8"/>
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
8 
    <title>The GAFAM poster campaign toolkit</title>
The GAFAM tech collective's avatar
Simple HTML page based on jQuery, Bulma, Font Awesome and webpack  
The GAFAM tech collective committed
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.">
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
10 
    <meta name="keywords" content="gafam, poster, sticker, campaign, information, translation, localization, toolkit">
The GAFAM tech collective's avatar
Simple HTML page based on jQuery, Bulma, Font Awesome and webpack  
The GAFAM tech collective committed
11
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
12 
    <meta property="og:title" content="The GAFAM poster campaign toolkit"/>
The GAFAM tech collective's avatar
Make embedding on IM a richer experience (add og:image)    
The GAFAM tech collective committed
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"/>
The GAFAM tech collective's avatar
Simple HTML page based on jQuery, Bulma, Font Awesome and webpack  
The GAFAM tech collective committed
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>
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
35 
    <a class="github-fork-ribbon" href="https://github.com/gafam/www.gafam.info" title="Fork me on GitHub">Fork me on GitHub</a>
The GAFAM tech collective's avatar
Simple HTML page based on jQuery, Bulma, Font Awesome and webpack  
The GAFAM tech collective committed
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">
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
42 
                        The GAFAM poster campaign toolkit
The GAFAM tech collective's avatar
Simple HTML page based on jQuery, Bulma, Font Awesome and webpack  
The GAFAM tech collective committed
43
44
45 
                    </h1>
                    <p class="subtitle">
                        We collect, maintain and care for localization of material from the
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
46 
                        <strong><a href="https://wiki.laquadrature.net/QSPTAG#Campagne_de_dons_2017">LQDN GAFAM</a></strong> campaign.
The GAFAM tech collective's avatar
Simple HTML page based on jQuery, Bulma, Font Awesome and webpack  
The GAFAM tech collective committed
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
Add anchor labels    
The GAFAM tech collective committed
58 
    <section class="section" id="call-for-help">
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
59 
        <div class="container">
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
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
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
68 
                        <a href="https://twitter.com/laquadrature/status/942764007286591490">published by La Quadrature du Net</a> and
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
69
70
71 
                        <a href="https://github.com/gafam/gafam-l10n">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">
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
72
73
74
75 
                        <strong>
                            Now, we are looking for contributors helping out with
                            translations into more languages.
                        </strong>
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
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
Add anchor labels    
The GAFAM tech collective committed
88 
    <section class="section" id="resources">
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
89
90
91
92
93
94
95
96
97 
        <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
                files from the <a href="https://github.com/gafam/gafam-l10n">GitHub repository</a> will be displayed.
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
98
99 
                As of now, we have French, English and German so there
                are many languages to go for!
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
100 
            </p>
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
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">
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
110
111 
                      <span class="tag is-medium is-primary">Language</span>
                      <span class="tag is-medium">French</span>
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
112
113
114
115 
                    </div>
                </div>
                <div class="column is-5">
                    <div class="tags has-addons">
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
116
117 
                      <span class="tag is-medium is-link">Format</span>
                      <span class="tag is-medium">PDF</span>
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
118
119
120
121
122
123
124 
                    </div>
                </div>
            </div>
            </div>
          </header>
          <div class="card-image">
            <figure class="image">
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
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>
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
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>
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
137 
                <p class="subtitle is-6"><a href="https://twitter.com/laquadrature">@laquadrature</a></p>
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
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/>
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
146 
              <a class="level-right" href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf">Download as PDF</a>
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
147 
              <br/>
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
148 
              Source: <a href="https://twitter.com/laquadrature/status/942764007286591490"><time datetime="2017-12-18">6:30 AM - 18 Dec 2017</time></a>
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
149
150
151
152
153 
            </div>
          </div>
        </div>
        </div>
The GAFAM tech collective's avatar
Embed resources of gafam-l10n repository from GitHub    
The GAFAM tech collective committed
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">
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
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>
The GAFAM tech collective's avatar
Add translations into German    
The GAFAM tech collective committed
164 
                      <span class="tag is-medium">German</span>
The GAFAM tech collective's avatar
Embed resources of gafam-l10n repository from GitHub    
The GAFAM tech collective committed
165
166
167
168 
                    </div>
                </div>
                <div class="column is-5">
                    <div class="tags has-addons">
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
169
170 
                      <span class="tag is-medium is-link">Format</span>
                      <span class="tag is-medium">gettext PO</span>
The GAFAM tech collective's avatar
Embed resources of gafam-l10n repository from GitHub    
The GAFAM tech collective committed
171
172
173
174
175
176
177
178
179
180
181 
                    </div>
                </div>
            </div>
            </div>
          </header>
          <div class="card-content">
            <div class="gafam-l10n"></div>
          </div>
        </div>
        </div>
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
182
183
184
185 
        </div>
        </div>
    </section>
The GAFAM tech collective's avatar
Add anchor labels    
The GAFAM tech collective committed
186 
    <section class="section" id="contribute">
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221 
        <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
                        <a href="https://github.com/gafam/gafam-l10n/blob/master/po/gafam.pot">gafam.pot</a>
                        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
                        <a href="https://github.com/gafam/gafam-l10n/blob/master/po/fr.po">French original</a>
                        or the
The GAFAM tech collective's avatar
Add translations into German    
The GAFAM tech collective committed
222
223
224
225 
                        <a href="https://github.com/gafam/gafam-l10n/blob/master/po/en.po">English</a>
                        or
                        <a href="https://github.com/gafam/gafam-l10n/blob/master/po/de.po">German</a>
                        translations
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
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">
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
234
235
236
237
238
239
240
241
242 
                        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
                        pull requests to the translation file repository on GitHub, <a href="https://github.com/gafam/gafam-l10n">gafam-l10n</a>.
                    </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!
The GAFAM tech collective's avatar
Add sections for introduction and contributions    
The GAFAM tech collective committed
243
244
245
246
247
248
249 
                    </li>
                </ol>
            </div>

        </div>
    </section>
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
250
251
252
253 
    <footer class="footer">
      <div class="container">
        <div class="content has-text-centered">
          <p>
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
254 
            <strong>The GAFAM poster campaign toolkit</strong> by <a href="mailto:hello@gafam.info">The GAFAM tech collective</a>.
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
255
256 
            <br/>
            The website content is licensed
The GAFAM tech collective's avatar
Wording, Emphasis, Cleanup    
The GAFAM tech collective committed
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>.
The GAFAM tech collective's avatar
Add first content (GAFAM French PDFs) and footer    
The GAFAM tech collective committed
259
260
261
262
263 
          </p>
        </div>
      </div>
    </footer>
The GAFAM tech collective's avatar
Simple HTML page based on jQuery, Bulma, Font Awesome and webpack  
The GAFAM tech collective committed
264
265
266 
</body>

</html>