index.html 4.95 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>

<head>

    <meta charset="UTF-8"/>

    <title>The GAFAM resource 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.">
    <meta name="keywords" content="gafam, information, localization">

    <!-- 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>

    <a class="github-fork-ribbon" href="https://github.com/gafam/www.gafam.info" target="_blank" title="Fork me on GitHub">Fork me on GitHub</a>

    <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 resource toolkit
                    </h1>
                    <p class="subtitle">
                        We collect, maintain and care for localization of material from the
42
                        <strong><a target="_blank" href="https://wiki.laquadrature.net/QSPTAG#Campagne_de_dons_2017">LQDN GAFAM</a></strong> campaign.
43
44
45
46
47
48
49
50
51
52
53
                        <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>

54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
    <section class="section">
        <div class="container">
        <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">
                      <span class="tag is-medium">Language</span>
                      <span class="tag is-medium is-primary">French</span>
                    </div>
                </div>
                <div class="column is-5">
                    <div class="tags has-addons">
                      <span class="tag is-medium">Format</span>
                      <span class="tag is-medium is-link">PDF</span>
                    </div>
                </div>
            </div>
            </div>
          </header>
          <div class="card-image">
            <figure class="image">
                <a class="level-right" target="_blank" href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf"><img src="static/img/gafam-french.jpg"/></a>
            </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>
                <p class="subtitle is-6"><a target="_blank" href="https://twitter.com/laquadrature">@laquadrature</a></p>
              </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/>
              <a class="level-right" target="_blank" href="https://wiki.laquadrature.net/images/5/50/Lqdn_affiche_gafam.pdf">Download as PDF</a>
              <br/>
              Source: <a target="_blank" href="https://twitter.com/laquadrature/status/942764007286591490"><time datetime="2017-12-18">6:30 AM - 18 Dec 2017</time></a>
            </div>
          </div>
        </div>
        </div>

        </div>
        </div>
    </section>

    <footer class="footer">
      <div class="container">
        <div class="content has-text-centered">
          <p>
            <strong>The GAFAM resource toolkit</strong> by <a href="mailto:hello@gafam.info">The GAFAM tech collective</a>.
            <br/>
            The website content is licensed
            <a target="_blank" href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0</a>
            and <a href="https://github.com/gafam/www.gafam.info" target="_blank">available on GitHub</a>.
          </p>
        </div>
      </div>
    </footer>

127
128
129
</body>

</html>