-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
130 lines (123 loc) · 14.3 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
<!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="https://empaperem.cat/befreit.jpg">
<meta property="og:image:width" content="780" />
<meta property="og:image:height" content="390" />
<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="https://empaperem.cat/befreit.jpg">
<link rel="icon" href="printer.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="main.css">
<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="https://empaperem.cat/cartells">Cartells</a></li>
</ul>
</section>
</nav>
<header class="header" id="home">
<section class="container">
<h1 class="title" style="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="https://empaperem.cat/cartells" title="Empaperem">Descarrega't els cartells</a>
</section>
</header>
<div class="backgrounder">
<section class="container bg" id="utilities">
<h3 class="title" style="text-align: center">Descarrega l'arxiu PDF i imprimeix-lo a casa</h3>
<p class="description" style="text-align: center">Descarrega't el cartell. 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="cdr.pdf"><img style="max-width:220px; margin-bottom:30px" alt="JO SÓC CDR" src="cdr.png"> </a>
<br> <a class="button" href="cdr.pdf" title="Descarrega" download>Descarrega </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="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>
<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://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</body>
</html>