forked from empaperem/empaperem.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
198 lines (181 loc) · 19.7 KB
/
index.html
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
42
43
44
45
46
47
48
49
50
51
52
53
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!doctype html>
<html lang="ca_ES">
<head>
<title>Empaperem els carrers de llibertat!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Descarrega't un arxiu en pdf, imprimim-lo a casa i empaperem els carrers de llibertat!">
<meta property="og:locale" content="ca_ES">
<meta property="og:type" content="website">
<meta property="og:title" content="Empaperem Catalunya!">
<meta property="og:description" content="Descarrega't aquest arxiu pdf, imprimim-lo a casa i empaperem els carrers de llibertat!" />
<meta property="og:url" content="http://empaperem.cat/">
<meta property="og:site_name" content="Empaperem">
<meta property="og:image" content="http://empaperem.cat/empaperem2.jpg">
<meta property="og:image:width" content="412" />
<meta property="og:image:height" content="231" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@empaperem">
<meta name="twitter:title" content="Empaperem Catalunya!">
<meta name="twitter:description" content="Imprimim aquest cartell a casa i empaperem els carrers de llibertat!">
<meta name="twitter:image" content="http://empaperem.cat/empaperem2.jpg">
<link rel="icon" href="printer.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link href="https://fonts.googleapis.com/css?family=Montserrat:900" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<script src="http://email.tl.fortawesome.com/c/eJxNjcEOgyAQRL9GjoRF2cUDh9bG_0BYaxupBmj6-6W3JnOazHsTXWSMTOLhtAJSI4y6V2bQEoDQgpxsP13RGJzpNszWdoOqu1yPXP2Hy5FYhiOJrdFeo1_IgF4DAQcwikhRRArAixa722o9S9dfOj23vAs3zetf01pjFoSAYFE-i8iO0-lPzpxk8LV9c93v-bf9AriONv8"></script>
<link rel="stylesheet" href="main.css">
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-106544996-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'UA-106544996-2');
</script>
</head>
<body>
<main class="wrapper">
<nav class="navigation">
<section class="container">
<a class="navigation-title" href="/">
<h1 class="title">#Empaperem</h1> </a>
<ul class="navigation-list float-right">
<li class="navigation-item"><a class="navigation-link" href="http://empaperem.cat/agenda">Agenda</a> </li>
<li class="navigation-item"><a class="navigation-link" href="http://empaperem.cat/cartells">Cartells</a></li>
</ul>
</section>
</nav>
<header class="header" id="home">
<section class="container">
<h1 class="title" style="font-family:'Montserrat'; font-weight:900; text-transform:uppercase">#Empaperem</h1>
<p class="description">Organitza't al teu municipi i surt a empaperar els carrers de llibertat!</p>
<a class="button" href="/agenda" title="Empaperem">Consulta l'agenda d'empaperades</a>
</section>
</header>
<section class="container" id="why">
<h3 class="title"><i class="fa fa-print"></i> No calen impremtes!</h3>
<p style="font-size:2rem">Si la policia prohibeix que s'enganxin cartells, <strong>empaperem els carrers</strong>. La resistència col·lectiva és imparable. Fàcil: el descarregues, l'imprimeixes, l'enganxes, t'hi fas una foto i la fas córrer. Cap amenaça és més forta que la llibertat.</p>
<div class="videohome">
<blockquote class="twitter-video" data-lang="en"><p lang="und" dir="ltr">Amigues i amics! Necessitem que ens envieu tants vídeos com pugueu (en horitzontal) imprimint cartells amb el hashtag <a href="https://twitter.com/hashtag/empaperem?src=hash">#empaperem</a>! Gràcies! <a href="https://t.co/RA7zTBdUvM">pic.twitter.com/RA7zTBdUvM</a></p>— #Empaperem (@empaperem) <a href="https://twitter.com/empaperem/status/909417360272093184">September 17, 2017</a></blockquote>
</div>
<div style="text-align: center;border: 1px solid #000;padding-top: 36px; padding-left:20px; padding-right:20px;padding-bottom: 10px;width: 90%;margin: 0 auto;margin-top: 60px;">
<h5><strong>Important</strong>: Fes-ho córrer!</h5>
<p><strong>La teva col·laboració és essencial.</strong> Ajuda a difondre els cartells per Twitter, Whatsapp i Facebook fent click en aquests botons.</p>
<ul class="share-list">
<li class="share-item">
<a class="share-dialog" href="https://www.facebook.com/sharer/sharer.php?u=http://empaperem.cat" title="Empaperem" target="_blank">
<svg class="share-icon share-icon-facebook" version="1.1" viewBox="0 0 512 512">
<g>
<path d="M377,2c0,29.667,0,59.333,0,89c-2.162,0.06-4.323,0.171-6.485,0.173c-16.313,0.015-32.631,0.248-48.938-0.068c-12.828-0.248-26.457,11.102-25.569,25.504c0.859,13.93,0.186,27.954,0.186,41.936c0,12.106,0,12.118,12.264,12.124c20.807,0.01,41.615-0.034,62.422,0.06c2.042,0.009,4.079,0.828,6.119,1.27c0,0.667,0,1.333,0,2c-0.373,1.909-0.873,3.803-1.101,5.73c-2.879,24.288-5.799,48.572-8.484,72.882c-0.419,3.795-2.037,4.477-5.44,4.452c-19.315-0.14-38.633-0.097-57.949-0.056c-9.124,0.019-8.111-1.018-8.113,7.866c-0.02,75.934-0.011,151.868-0.011,227.802c0,6.437,0,12.874,0,19.786c-3.129,0-5.093,0-7.058,0c-30.14,0-60.281-0.011-90.421,0.023c-2.141,0.002-4.282,0.335-6.423,0.515c-0.333,0-0.667,0-1,0c-0.33-1.756-0.935-3.511-0.948-5.269c-0.131-17.308-0.212-34.616-0.217-51.925c-0.021-64.413-0.049-128.826,0.083-193.239c0.009-4.289-0.955-5.762-5.493-5.679c-15.471,0.283-30.949,0.111-46.425,0.112c0-28.667,0-57.333,0-86c14.976-0.034,29.952-0.031,44.927-0.117c6.895-0.04,6.885-0.118,6.901-6.805c0.057-23.97-0.24-47.948,0.283-71.907c0.527-24.116,7.969-45.809,25.44-63.188c15.799-15.715,35.612-24.249,57.23-25.428c34.344-1.872,68.82-1.3,103.241-1.752C376.348,1.798,376.674,1.931,377,2z"></path>
</g>
</svg>
</a>
</li>
<li class="share-item">
<a class="share-dialog" href="https://twitter.com/intent/tweet?text=%23Empaperem%20els%20carrers%20de%20llibertat!%20http%3A%2F%2Fempaperem.cat" title="Empaperem!" target="_blank">
<svg class="share-icon share-icon-twitter" version="1.1" viewBox="0 0 512 512">
<g>
<path d="M340,49c2.667,0,5.333,0,8,0c4.667,0.846,9.333,0.846,14,0c3,0,6,0,9,0c23.222,1.862,42.354,12.474,59.256,27.789c3.053,2.766,6.414,3.124,10.211,2.183c13.285-3.29,26.104-7.918,38.556-13.546c4.697-2.123,9.451-4.125,14.087-6.394c2.14-1.047,4.734-2.936,6.908-0.821c2.008,1.954,0.191,4.442-0.685,6.489c-7.267,16.988-18.382,31.125-32.251,43.199c-1.341,1.167-3.054,1.946-4.248,4.079c14.715-2.513,28.605-6.36,42.186-11.423c2.553-0.952,5.16-2.73,7.979-0.557c0,0.667,0,1.333,0,2c-3.067,7.786-8.694,13.819-14.35,19.607c-9.882,10.114-19.313,20.754-30.77,29.217c-3.06,2.26-3.507,5.348-3.542,8.837c-0.2,19.831-1.537,39.583-5.088,59.116c-4.943,27.193-13.586,53.224-25.255,78.254c-10.608,22.754-23.611,44.031-39.617,63.412c-40.462,48.997-90.847,82.552-152.724,98.377c-14.049,3.593-28.254,5.875-42.655,7.178c-2.667,0-5.333,0-8,0c-1.54-0.937-3.242-0.485-4.863-0.489c-15.758-0.038-31.516-0.038-47.274,0c-1.621,0.004-3.323-0.448-4.863,0.489c-2,0-4,0-6,0c-13.398-1.11-26.629-3.055-39.712-6.345c-28.632-7.201-55.298-19.022-80.92-33.437c-0.725-0.408-1.453-0.826-2.093-1.354c-1.387-1.146-3.285-2.198-2.487-4.383c0.684-1.871,2.647-1.799,4.288-1.819c9.482-0.12,18.97-0.233,28.447-0.005c12.233,0.295,24.154-1.486,35.935-4.526c28.905-6.141,54.981-18.49,80.055-36.398c-8.944-1.607-16.766-2.814-24.309-5.227c-26.129-8.358-46.449-24.093-60.683-47.577c-2.759-4.552-5.273-9.24-7.249-14.22c-2.839-7.151-1.087-10.115,6.58-8.854c9.405,1.547,18.588-0.8,27.878-0.358c1.268,0.06,2.618-0.071,4.132-0.976c-14.562-4.406-27.657-11.068-39.101-20.75c-23.222-19.647-36.641-44.44-39.049-74.927c-0.795-10.063,0.566-10.877,9.833-6.607c9.763,4.499,20.218,6.632,30.678,8.693c1.114,0.239,2.177,0.715,3.335,0.762c0.063,0.003,0.487,0.553,0.485-0.219c-0.002-0.585-0.125,0.306-0.516-0.263c-24.133-18.634-38.329-42.844-42.083-73.256c-2.61-21.147,1.036-41.09,9.82-60.289c2.677-5.852,4.267-6.071,9.053-1.844c14.476,12.786,27.362,27.251,42.301,39.562c25.88,21.325,54.87,36.981,86.323,48.293c25.068,9.015,50.933,14.285,77.432,16.676c3.417,0.308,5.079-0.312,4.452-4.197c-1.984-12.284-0.882-24.55,0.534-36.794c1.204-10.41,4.819-20.117,9.66-29.262c14.407-27.213,36.388-45.472,65.839-54.69C331.164,50.061,335.693,50.193,340,49z"></path>
</g>
</svg>
</a>
</li>
<li class="share-item only-mobile">
<a class="share-dialog" href="whatsapp://send?text=Si%20requisen%20cartells%2C%20empaperem%20els%20carrers.%20La%20resist%C3%A8ncia%20col%C2%B7lectiva%20%C3%A9s%20imparable.%20Descarrega%27t%20els%20cartells%20i%20fes-los%20c%C3%B3rrer%20per%20Whatsapp%2C%20Facebook%20i%20Twitter.%20No%20ens%20callaran!%20http%3A%2F%2Fempaperem.cat%2F%20" title="Share Milligram on Whatsapp" target="_blank">
<svg class="share-icon share-icon-whatsapp" version="1.1" viewBox="0 0 512 512">
<g>
<path d="M256,1c2.667,0,5.333,0,8,0c2,0.812,4,0.812,6,0c2,0,4,0,6,0c1,0.748,2,0.748,3,0c0.667,0,1.333,0,2,0c10.692,1.216,21.453,1.516,32.063,3.808c44.622,9.639,83.973,29.397,118.129,59.784c29.6,26.333,51.218,58.118,65.906,94.687c7.158,17.821,12.273,36.296,14.614,55.439c0.661,5.406,0.307,10.898,1.287,16.283c0,2.667,0,5.333,0,8c-0.812,2-0.812,4,0,6c0,3.667,0,7.333,0,11c-0.812,2-0.812,4,0,6c0,3,0,6,0,9c-1.422,9.497-1.509,19.118-3.467,28.599c-8.318,40.268-25.18,76.457-51.225,108.254c-31.297,38.209-70.427,65.258-117.344,80.745c-20.15,6.652-40.874,10.522-62.141,11.976c-45.284,3.096-88.198-5.62-128.853-25.303c-7.19-3.481-13.082-4.11-20.637-1.633c-24.533,8.043-49.178,15.762-73.802,23.534c-14.615,4.613-29.188,9.362-43.837,13.866C8.265,512.091,4.704,513.266,1,512c0-0.333,0-0.667,0-1c11.836-40.078,26.325-79.272,39.622-118.864c0.212-0.631,0.367-1.295,0.665-1.883c3.648-7.208,2.295-13.418-1.683-20.535c-16.111-28.822-25.667-59.844-29.153-92.751c-5.002-47.219,2.803-92.203,23.336-134.939c11.328-23.577,26.207-44.695,44.272-63.72c32.369-34.089,71.307-56.984,116.361-69.718c14.601-4.127,29.467-6.954,44.73-7.078C239.818,1.507,240.474,1.5,241,1c3,0,6,0,9,0C252,1.812,254,1.812,256,1z"></path>
<path d="M64.255,451.143c4.926-14.547,9.591-28.294,14.237-42.048c3.548-10.504,6.887-21.083,10.714-31.484c1.205-3.275,0.686-5.521-1.191-8.186c-14.663-20.823-25.326-43.563-31.24-68.331c-13.074-54.756-6.209-106.79,22.261-155.644c19.654-33.726,46.867-59.813,80.93-78.644c25.254-13.961,52.334-22.303,81.171-24.971c42.343-3.917,82.409,3.727,119.897,23.714c32.469,17.31,58.736,41.577,78.784,72.536c16.11,24.877,26.553,51.949,30.787,81.208c6.891,47.613-1.319,92.548-25.333,134.431c-16.169,28.2-37.746,51.48-64.571,69.689c-25.271,17.154-52.997,28.701-83.28,33.576c-53.151,8.556-102.716-1.162-148.516-29.573c-2.48-1.538-4.622-1.699-7.43-0.795C116.112,434.786,90.692,442.775,64.255,451.143z"></path>
<path d="M389.224,314.597c-0.499,29.044-17.91,43.708-45.126,51.36c-12.34,3.47-24.32,1.874-36.248-1.895c-22.27-7.036-44.505-14.173-64.575-26.532c-30.13-18.554-53.808-43.758-74.301-72.25c-10.292-14.309-19.953-28.894-25.721-45.793c-9.621-28.188-1.794-59.479,19.622-77.308c4.706-3.917,9.96-5.786,16.059-5.457c3.16,0.171,6.368,0.553,9.484,0.207c6.685-0.741,10.818,2.338,13.282,8.145c6.983,16.458,13.969,32.916,20.788,49.442c2.322,5.628-0.696,10.374-3.523,14.885c-3.639,5.807-8.416,10.749-13.032,15.756c-3.622,3.929-3.973,7.829-1.335,12.186c16.707,27.598,38.381,50.033,67.52,64.632c5.326,2.668,10.763,5.13,16.233,7.49c6.926,2.988,9.569,2.354,14.333-3.366c5.751-6.904,11.443-13.861,17.052-20.881c5.157-6.455,7.479-7.395,14.899-4.253c16.93,7.171,33.358,15.427,49.856,23.529C389.627,307.02,389.436,311.425,389.224,314.597z"></path>
</g>
</svg>
</a>
</li>
</ul>
</div>
</section>
<div class="backgrounder2">
<section class="container backg"> </section>
</div>
<div class="backgrounder">
<section class="container bg" id="utilities">
<h3 class="title">Descarrega l'arxiu PDF i imprimeix-lo a casa</h3>
<p class="description">Tens tres models de cartell en color blanc, fàcil i ràpid. I en diverses llengües. El format del fitxer és <code>PDF</code> i la mida <code>A4</code>. </p>
<div class="example">
<div class="row">
<div class="column" style="text-align:center;margin-bottom:60px">
<a href="empaperem-blanc.pdf"><img style="max-width:170px; margin-bottom:30px" src="empaperem-blanc.png"> </a>
<br> <a class="button" href="empaperem-blanc.pdf" title="Getting Started">Descarrega (Català)</a> </div>
<div class="column" style="text-align:center;margin-bottom:60px">
<a href="empaperemesp.pdf"><img style="max-width:170px; margin-bottom:30px" src="empaperemesp.png"> </a>
<br> <a class="button" href="empaperemesp.pdf" title="Getting Started">Descarrega (Castellano)</a> </div>
<div class="column" style="text-align:center;margin-bottom:60px">
<a href="empaperemaranes.pdf"><img style="max-width:170px; margin-bottom:30px" src="empaperemaranes.png"> </a>
<br> <a class="button" href="empaperemaranes.pdf" title="Getting Started">Descarrega (Occitan)</a> </div>
</div>
<div style="margin-top:80px; text-align:center">
<h3>Encara tenim més cartells</h3>
<p>També tenim cartells d'altres organitzacions i en altres llengües. Posem a la vostra disposició versions low cost dels cartells d'altres organitzacions i en altres llengües perquè els pogueu imprimir a casa gastant molt poca tinta, així en podreu imprimir molts més amb el mateix tòner. Que ningú ens faci callar!</p>
<a class="button" href="http://empaperem.cat/cartells/" title="Empaperem">Veure més cartells</a>
</div>
</div>
</section>
</div>
<section class="container" id="organitza">
<div class="row">
<div class="column">
<blockquote class="twitter-tweet" data-lang="en"><p lang="und" dir="ltr">AGENDA | Ens ajudeu? Informeu-nos de les sortides col·lectives organitzades als vostres municipis i les difondrem. <a href="https://t.co/zpPM8Y8oHO">https://t.co/zpPM8Y8oHO</a></p>— 🖨 #Empaperem (@empaperem) <a href="https://twitter.com/empaperem/status/909812584647237632">September 18, 2017</a></blockquote>
</div>
<div class="column">
<h3>Organitza't per #empaperar</h3>
<h4><code id="comptador">52</code> empaperades actives</h4>
<p>Consulta l'agenda centralitzada i actualitzada de totes les accions d'#empaperem arreu del territori. Envieu-nos un DM al compte de Twitter @empaperem si voleu informar-nos d'una crida i que quedi recollida en aquesta agenda</p>
<a class="button" href="/agenda" title="Empaperem">Consulta l'agenda d'empaperades</a> </section>
</div>
</div>
</section>
<section class="container" id="grids">
<h3 class="title">Participa!</h3>
<p class="description">No tenim por! Fes-te una foto enganxant els cartells i puja-la a Twitter amb el hashtag <a href="https://twitter.com/search?q=%23empaperem&src=typd">#empaperem</a> a Twitter. Recollirem aquí totes les fotografies per demostrar que res pot aturar la veu del poble. No és un referèndum, és una revolució.</p>
<div class="example">
<div class="container">
<div class="row">
<div class="column">
<blockquote class="twitter-tweet" data-lang="en">
<p lang="und" dir="ltr">Jo ja he començat <a href="https://twitter.com/hashtag/Empaperem?src=hash">#Empaperem</a> <a href="https://t.co/vSswd8toCX">pic.twitter.com/vSswd8toCX</a> </p>— laia (@75laia) <a href="https://twitter.com/75laia/status/908804205326069769">September 15, 2017</a>
</blockquote>
</div>
<div class="column">
<blockquote class="twitter-tweet" data-lang="en">
<p lang="und" dir="ltr">Biblioteca Miquel Llongueras, Les Corts! <a href="https://twitter.com/hashtag/empaperem?src=hash">#empaperem</a> <a href="https://twitter.com/hashtag/referendumcatalunya?src=hash">#referendumcatalunya</a> <a href="https://twitter.com/hashtag/Democracia?src=hash">#Democracia</a> <a href="https://t.co/eg0QvcNPRi">pic.twitter.com/eg0QvcNPRi</a> </p>— Josep L. Larriba Pey (@larri64) <a href="https://twitter.com/larri64/status/908798950970404864">September 15, 2017</a>
</blockquote>
</div>
<div class="column">
<blockquote class="twitter-tweet" data-lang="en">
<p lang="und" dir="ltr"><a href="https://twitter.com/hashtag/empaperem?src=hash">#empaperem</a> <a href="https://t.co/yntD6qKIKp">pic.twitter.com/yntD6qKIKp</a> </p>— Pere Salvador Valls (@valls_pere) <a href="https://twitter.com/valls_pere/status/908795872347115520">September 15, 2017</a>
</blockquote>
</div>
</div>
</div>
</div>
<div style="text-align:center; margin-top:70px">
<a class="button" href="https://twitter.com/search?f=tweets&vertical=default&q=%23empaperem%20pic.twitter.com&src=typd
" title="Getting Started">Mira la resta de fotos a Twitter!</a>
</div>
</section>
<footer class="footer">
<section class="container">
<p><a class="twitter-follow-button" href="https://twitter.com/empaperem" data-size="large">Follow @empaperem</a></p>
</section>
</footer>
</main>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script>
$.getJSON( "http://cors.io/?https://spreadsheets.google.com/feeds/list/1sa0MyF1JpxXftMLUYh9JP3e0hmjIFKWY2Mqhanw2wwU/od6/public/values?alt=json", function( json ) {
$( "#comptador" ).html(json.feed.openSearch$totalResults.$t);
});
</script>
</body>
</html>