-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathposter.html
118 lines (118 loc) · 5.99 KB
/
poster.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
<!DOCTYPE html>
<html>
<head>
<title>Cartel de la #RevueltaEscolar</title>
<meta name="description" content="Rellena los campos y descárgate la imagen del cartel.">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<link href="/shared/application.css" media="all" rel="stylesheet" />
<link href="/shared/tool.css?v=7" media="all" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.71/jquery.csv-0.71.min.js"></script>
<script src="/shared/js/html2canvas.min.js"></script>
<script src="/shared/js/canvas2image.js"></script>
<script src="/shared/js/sticky-kit.min.js"></script>
<script src="/shared/application.js?v=1"></script>
</head>
<body class="tool">
<div class="layout">
<div class="setup">
<a href="/" class="back">⬅ Volver</a>
<h1>DESCÁRGATE EL CARTEL:</h1>
<p>Esta herramienta está en fase de pruebas. Rellena los campos y descárgate la imagen. Si tienes algún problema, por favor, contáctanos por <a href="mailto:eixample.respira@gmail.com">correo</a>.</p>
<div class="row">
<label>Idioma:</label>
<div class="shopify-select">
<select data-location>
<option value="https://www.revoltaescolar.cat/en/poster">English</option>
<option value="https://www.revueltaescolar.com/poster" selected>Español</option>
<option value="https://www.revoltaescolar.cat/fr/poster">Français</option>
<option value="https://www.revoltaescolar.cat/poster">Català</option>
</select>
<svg class="shopify-select-icon" viewBox="0 0 24 24"><path d="M21 5.176l-9.086 9.353L3 5.176.686 7.647 12 19.382 23.314 7.647 21 5.176z"></path></svg>
</div>
</div>
<div class="row">
<label>Subtítulo:</label>
<input type="text" data-target=".poster .subtitle" placeholder="cortamos la calle Perú" value="cortamos la calle Perú">
</div>
<div class="row">
<label>Dia:</label>
<input type="text" data-target=".poster .date" placeholder="Viernes 7 de mayo" value="Viernes 7 de mayo">
</div>
<div class="row">
<label>Hora:</label>
<input type="text" data-target=".poster .time" placeholder="16:30 h" value="16:30 h">
</div>
<div class="row">
<label>Localitzación:</label>
<input type="text" data-target=".poster .location" placeholder="Perú entre Diputación y Mayor" value="Perú entre Diputación y Mayor">
</div>
<div class="row">
<label>Duración:</label>
<input type="text" data-target=".poster .duration" placeholder="Duración: 30 minutos" value="Duración: 30 minutos">
</div>
<div class="row">
<label>Logotipo entitades convocantes:</label>
<input type="file" accept="image/*" data-target=".summons-1" data-parent=".summons .images"/>
<input type="file" accept="image/*" data-target=".summons-2" data-parent=".summons .images"/>
<input type="file" accept="image/*" data-target=".summons-3" data-parent=".summons .images"/>
<input type="file" accept="image/*" data-target=".summons-4" data-parent=".summons .images"/>
</div>
<div class="row">
<label>Logotipo entitades que dan apoyo:</label>
<input type="file" accept="image/*" data-target=".support-1" data-parent=".support .images"/>
<input type="file" accept="image/*" data-target=".support-2" data-parent=".support .images"/>
<input type="file" accept="image/*" data-target=".support-3" data-parent=".support .images"/>
<input type="file" accept="image/*" data-target=".support-4" data-parent=".support .images"/>
<div class="checkbox">
<input type="checkbox" data-target=".support-madres" id="madres"/>
<label for="madres">Madres por el Clima</label>
</div>
<div class="checkbox">
<input type="checkbox" data-target=".support-er" id="er" />
<label for="er">Eixample Respira</label>
</div>
</div>
<div class="row">
<a class="download" href="" data-action="download">Descargar</a>
</div>
</div>
<div class="right">
<div class="container">
<div class="poster">
<img class="background" src="/images/base-es.png?v=3">
<div class="text subtitle">cortamos la calle Perú</div>
<div class="text info">
<b><span class="date">Viernes 7 de mayo</span></b><br>
<b><span class="time">16:30 h</span></b><br>
<span class="location">Perú entre Diputación y Mayor</span><br>
<span class="duration">Duración: 30 minutos</span>
</div>
<div class="logos">
<div class="section summons">
<div class="text">Convoca:</div>
<div class="images">
<img src="/images/logo-afa.jpg" class="summons-1">
</div>
</div>
<div class="section support">
<div class="text" style="display: none;">Con el apoyo de:</div>
<div class="images">
<img src="/images/logo-madres-por-el-clima.jpg" class="support-madres" style="display: none;">
<img src="/images/logo-eixample-respira.png" class="support-er" style="display: none;">
</div>
</div>
</div>
<div class="url">
<div class="text">Más información en: <u>www.revueltaescolar.com</u></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>