-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathsuscripcion.html
More file actions
192 lines (166 loc) · 10.4 KB
/
suscripcion.html
File metadata and controls
192 lines (166 loc) · 10.4 KB
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
<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Colaborar con observando</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Primary Meta Tags -->
<title>observando</title>
<meta name="title" content="observando">
<meta name="description" content="Un newsletter sobre cultura, diseño, internet, tecnología y arte. Escrito por Axel Marazzi.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://observando.net/">
<meta property="og:title" content="observando">
<meta property="og:description" content="Un newsletter sobre cultura, diseño, internet, tecnología y arte. Escrito por Axel Marazzi.">
<meta property="og:image" content="https://observando.vercel.app/media/OG.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://observando.net/">
<meta property="twitter:title" content="observando">
<meta property="twitter:description" content="Un newsletter sobre cultura, diseño, internet, tecnología y arte. Escrito por Axel Marazzi.">
<meta property="twitter:image" content="https://observando.vercel.app/media/OG.png">
<title>observando</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://use.typekit.net/fty4tpp.css">
<link rel="icon" type="image/png" href="media/Icon/Icon16.png" sizes="16x16">
<link rel="icon" type="image/png" href="media/Icon/Icon32.png" sizes="32x32">
<link rel="icon" type="image/png" href="media/Icon/Icon64.png" sizes="64x64">
</head>
<body>
<div class="grid-container">
<div class="grid-x grid-padding-x align-justify">
<div class="large-12 cell background">
<a href="index.html" class="logoimg"><img class="logo" src="media/Logo/Icon.svg"></a>
</div>
</div>
<div class="grid-x grid-padding-x align-justify">
<div class="small-8 cell show-for-small-only">
<img src='media/All/Observando-14.png' class="padding41">
</div>
<div class="large-8 medium-8 small-12 cell">
<h1>¿Queres ayudarme a seguir haciendo observando?</h1>
<div class="padding20">
<p>Este newsletter es un producto que amo profundamente y que me dio tantos amigos y oportunidades laborales como nunca lo hubiera imaginado. Con el paso del tiempo lo fui profesionalizando, se fueron suscribiendo muchísimas personas y, de alguna manera, se convirtió en un trabajo. Por eso se me ocurrió darle la posibilidad a quienes disfrutan tanto de leer observando como yo de hacerlo puedan colaborar con el proyecto.</p><br />
<p>En fin. Si querés colaborar de alguna manera podés hacerlo aportando desde $150, el valor de una cerveza, hasta $1.000.000 y permitir que lo escriba desde una cabaña en el Caribe. Soñar no cuesta nada, dicen.</p><br />
<p>Además, al bancar observando tenés acceso a VINO, el newsletter de Idea Millonaria, y a otros correos que mando de vez en cuando fuera de la programación habitual.</p><br />
<p> Y si no querés hacerlo, vas a seguir recibiendo observando como siempre, no te preocupes. Gracias por estar del otro lado. De verdad.</p>
</div>
</div>
<div class="large-4 medium-4 cell hide-for-small-only">
<img src='media/All/Observando-15.png' class="padding41">
</div>
</div>
<div class="grid-x grid-padding-x align-justify padding56">
<div class="large-12 cell">
<p class="h3">¿Cuánto te gustaría aportar por mes?</p>
</div>
<div class="large-auto medium-6 small-6 cell borderbox">
<img src="media/All/Observando-18.png">
<button class="button expanded p " data-open="modal150">ARS 150</button>
</div>
<div class="large-auto medium-6 small-6 cell borderbox">
<img src="media/All/Observando-20.png">
<button class="button expanded p bttnactive" data-open="modal250">ARS 200</button>
</div>
<div class="large-auto medium-6 small-6 cell borderbox padding40">
<img src="media/All/Observando-16.png">
<button class="button expanded p" data-open="modal500">ARS 300</button>
</div>
<div class="large-auto medium-6 small-6 cell borderbox padding40">
<img src="media/All/Observando-17.png">
<button class="button expanded p" data-open="modal1000">ARS 500</button>
</div>
<div class="large-auto medium-6 small-6 cell borderbox padding40">
<img src="media/All/Observando-19.png">
<button class="button expanded p" data-open="modal10000">ARS 1.000</button>
</div>
</div>
<div class="grid-x grid-padding-x align-justify titulo">
<div class="large-12 cell">
<p>Si vivís en el exterior podés hacerlo a través de <a href="https://www.patreon.com/axelmarazzi" target="_blank">Patreon</a> o <a href="https://paypal.me/amarazzi" target="_blank">PayPal</a>.</p>
</div>
</div>
<div class="grid-x grid-padding-x align-justify padding120 paddingfoo">
<div class="large-12 cell pfoo">
</div>
<div class="cell auto padding20">
<p class="h5 gris">© observando 2021</p>
</div>
<div class="cell auto padding20">
<a href="#" class="float-right h5 gris" data-open="creditos">Créditos</a>
</div>
</div>
</div>
<div class="tiny reveal modalstyle" id="modal150" data-reveal>
<img src="media/All/Observando-18.png">
<h1 class="h4">ARS 150</h1>
<h2 class="h6 padding41">Elegí un método de pago</h2>
<a class="button expanded p bttnmodal" href="http://mbbx.co/hRgma1Y">Pagar con tarjeta de débito</a>
<a class="button expanded p bttnmodal" href="https://www.mercadopago.com/mla/debits/new?preapproval_plan_id=4c835cf02aa34372866aa7022cfe797d">Pagar con MercadoPago</a>
<button class="close-button medium" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="tiny reveal modalstyle" id="modal250" data-reveal>
<img src="media/All/Observando-20.png">
<h1 class="h4">ARS 200</h1>
<h2 class="h6 padding41">Elegí un método de pago</h2>
<a class="button expanded p bttnmodal" href="http://mbbx.co/rcTfF5a">Pagar con tarjeta de débito</a>
<a class="button expanded p bttnmodal" href="https://www.mercadopago.com/mla/debits/new?preapproval_plan_id=14fb3961ae5542d8ab443ff974097e1b">Pagar con MercadoPago</a>
<button class="close-button medium" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="tiny reveal modalstyle" id="modal500" data-reveal>
<img src="media/All/Observando-16.png">
<h1 class="h4">ARS 300</h1>
<h2 class="h6 padding41">Elegí un método de pago</h2>
<a class="button expanded p bttnmodal" href="http://mbbx.co/qbsXtP5">Pagar con tarjeta de débito</a>
<a class="button expanded p bttnmodal" href="https://www.mercadopago.com/mla/debits/new?preapproval_plan_id=6ac8bd06be254890a74d6a46b1364744">Pagar con MercadoPago</a>
<button class="close-button medium" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="tiny reveal modalstyle" id="modal1000" data-reveal>
<img src="media/All/Observando-17.png">
<h1 class="h4">ARS 500</h1>
<h2 class="h6 padding41">Elegí un método de pago</h2>
<a class="button expanded p bttnmodal" href="http://mbbx.co/9po8RQk">Pagar con tarjeta de débito</a>
<a class="button expanded p bttnmodal" href="https://www.mercadopago.com/mla/debits/new?preapproval_plan_id=913ac64108294f3284ca2a8caafa15d5">Pagar con MercadoPago</a>
<button class="close-button medium" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="tiny reveal modalstyle" id="modal10000" data-reveal>
<img src="media/All/Observando-19.png">
<h1 class="h4">ARS 1.000</h1>
<h2 class="h6 padding41">Elegí un método de pago</h2>
<a class="button expanded p bttnmodal" href="http://mbbx.co/r2PLzeM">Pagar con tarjeta de débito</a>
<a class="button expanded p bttnmodal" href="https://www.mercadopago.com/mla/debits/new?preapproval_plan_id=f3b8a7f9c9ec4dae90866637ba0b86d0">Pagar con MercadoPago</a>
<button class="close-button medium" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="tiny reveal modalstylecred" id="creditos" data-reveal>
<img src="media/All/Observando-13.png" width="160px">
<h1 class="h2 padding41">Créditos</h1>
<h2 class="p padding41">Este sitio fue diseñado e ilustrado por <a href="https://macarenagc.com/">Macarena Gonzalez Cazón.</a> </h2>
<h2 class="p">Está compuesto en las tipografías Calluna y Acumin Pro.</h2>
<button class="close-button medium" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.min.js"></script>
<script src="js/newsletter.js"></script>
<script src="js/imghero.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>