-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (141 loc) · 9.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="./index_files/logotipo-75w.png" />
<title>Vientos Coop</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,900" rel="stylesheet">
<link rel="stylesheet" href="new-design.css">
</head>
<body>
<section id="portrait">
<div class="cuadrito">
<img src="./index_files/logotipo-300w-2x.png" alt="" class="spin">
<img src="./index_files/texto logo-01.png" alt="" class="vientos-name">
</div>
<div class="rectangulo">
<h4>Red de Colaboración y Apoyo Mutuo</h4>
<div id="btns-portrait">
<a href="https://blog.vientos.coop" target="_blank" class="aqua-btn">Blog</a>
<a href="https://app.vientos.coop" target="_blank" class="aqua-btn">< App ></a>
<a href="/nosotrxs.html" class="aqua-btn" target="_blank">Nosotrxs</a>
</div>
</div>
</section>
<section id="why">
<h1>¿Por qué esta plataforma?</h1>
<p>Estamos convecidxs de que las personas queremos, podemos y necesitamos auto-organizarnos en grupos que colaboren entre sí para satisfacer necesidades, resolver problemas, afrontar retos y realizar nuestras aspiraciones. </p>
<p>Hemos desarrollado una herramienta digital para conectar los inspiradores proyectos y procesos que diversas comunidades desarrollan hoy.</p>
<input type="checkbox" id="why-toggle">
<div id="more-why">
<p>Queremos poner a su disponibilidad una plataforma de código libre que sirva para catalizar y facilitar los brotes de solidaridad y apoyo mutuo que vivimos en las calles, escuelas, casas, barrios, comunidades en línea, etc.</p>
<p>Pensamos que estos grupos floreceremos más prosperamente si estamos en constante encuentro, retroalimentación e intercambio. Aspiramos a tejer una red descentralizada de polinización colectiva para compartir espacios, tiempos, saberes, servicios, valores, sentires, recursos, voluntades, ideas y cuanto más podamos imaginar.</p>
</div>
<label for="why-toggle" class="green-btn">Ver</label>
</section>
<section id="participate">
<h1>¿Cómo puedo participar?</h1>
<a href="https://app.vientos.coop" target="_blank" class="green-btn">< App ></a>
<div class="dos">
<div class="izq">
<img src="./index_files/Vientos cut D.png" alt="">
<span><b>Descubre</b> y <b>colabora</b> con proyectos</span>
</div>
<div class="der">
<img src="./index_files/Vientos cut B.png" alt="">
<span><b>Registra</b> tu proyecto y <b>publica</b> sus propuestas</span>
</div>
</div>
</section>
<section id="how">
<h1>¿Cómo funciona?</h1>
<a href="https://app.vientos.coop" target="_blank" class="green-btn">< App ></a>
<div class="dos">
<div class="izq">
<img src="./index_files/Vientos cut A.png" alt="">
<span><b>Explora</b> proyectos, sus necesidades y sus capacidades</span>
</div>
<div class="der">
<img src="./index_files/Vientos cut C.png" alt="">
<span><b>Encuentra</b> proyectos cercanos e <b>interactua</b> con propuestas de todo tipo</span>
</div>
</div>
</section>
<section id="community">
<h1>¿Quiénes forman parte de esta plataforma?</h1>
<h3>(Proyectos en la plataforma)</h3>
<p>Somos gente que se organiza en grupos para transformar nuestro entorno, satisfacer nuestras necesidades y realizar nuestras aspiraciones</p>
<a href="https://app.vientos.coop" target="_blank" class="green-btn">< App ></a>
</section>
<section id="us">
<h1>¿Quiénes desarrollan y mantienen la plataforma?</h1>
<p>Somos un equipo mixto y multidisciplinario que se encontró en la ciudad monstruo en el tiempo preciso con aspiraciones e ideales compartidos y que no pudieron evitar trabajar juntxs</p>
<div class="inline">
<a href="https://blog.vientos.coop" target="_blank" class="green-btn">Blog</a>
<a href="/nosotrxs.html" class="green-btn" target="_blank">Nosotrxs</a>
</div>
</section>
<section id="faqs">
<div class="dos">
<div class="izq">
<h2 class="white">Contactx</h2>
<a href="https://facebook.com/vientos.coop" target="_blank">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve"> <image id="image0" width="32" height="32" x="0" y="0"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAQAAACJ4248AAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZ
cwAAAFoAAABaAHAjuH0AAAAHdElNRQfiBRoIIwtHdNfzAAAB+klEQVRYw+2XT2gTQRTGf7vdDUql
KUVpBC8RxYrQINSbaD1EEU96LVj0pnjyKB70oIhQPPkHRCEeBKvUg1EhrUcFRYOIiHvS0EIaZMXa
FKkm+/WQqNUOasO0eNjvtDt8s+83772dYWCeJJDcM1L/mHRrqzR+SpotSBrRL6rclHqKEvbUCN52
TjqCVC7oj7IH4AEo+v66ew2cPQ2dWYtr+zsADoC3EwbT0Hn4H+atBrptALg/HzuK0HPebFMvhDko
r4PJu1AZgtpra2lo1D+1WQqS5poPX5Qy66UNx6SN26X0c8kvW2vCJsATKXi6MHh0XRrIWO14cwmY
AT4bPJegnlua8OBKfhbaCuA/BueFwZMEbwj4KvlZyd8neRWJqpWsSPnbUr5PGp2Wqo8MDXBCKr6R
7h1qeO+HUq5XSl22BNCKgm/S2m4bAG5r0z6OQnWPhfU3N6JFa/IgfJm1AeBCqR9KHTCxH2q7DJ6r
8OE4vH/Q8E68g5eDUJu2lIEd7RAFkOqD4S2Q/s0SXYGTFyD/ELx24C1MTQE4jg0EfmxEI1JwZ2HD
1Z5JB1Yux0aUBLoMnhXApqUJ3/JfEAPEADFADGBP80/DVZhPRwdILANA/RqMf4LENohKzcEM1Ltg
ptTKxxcJEO6FgRD8o6Cx5mACuAHhKyxdRGL9d5oDI5qNelfPcB8AAAAldEVYdGRhdGU6Y3JlYXRl
ADIwMTgtMDUtMjZUMDg6MzU6MTErMDU6MDAC1ohmAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA1
LTI2VDA4OjM1OjExKzA1OjAwc4sw2gAAAEl0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9z
dmdpbWFnZS9wdWJsaWNfaHRtbC9kb3dubG9hZHMvZmItMDc0OTFfNzIyLnN2Z08ORxsAAAAASUVO
RK5CYII=" />
</svg>
</a>
<a href="https://twitter.com/vientoscoop" target="_blank">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve"> <image id="image0" width="32" height="32" x="0" y="0"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAQAAACJ4248AAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZ
cwAAAFoAAABaAHAjuH0AAAAHdElNRQfiBRoIJgcztW+dAAAC80lEQVRYw+2WX2iVdRjHP29nDs8Z
TSLcWGYXi1PZDKJEZV7kKpz/uoghpVBpuxKsrGgaZf/on5JUEtLNiqK0CxOddRHVWoV6RonVMiil
ENPBplBDd5rH7dPFq+x03Hnfs3nZ+cJ78f7e5/l+v8/ze94fPyijjP87gsIFR4CAu4Fu5ERwWTSB
AlTWQuNiaGqFKR0wcA9kVkDXFTCYAXZAzQI4fQwGG4I81YqLyQCam+HktwQHUAiCKPHJD8C6W+Gx
a6F6HjAv/JqthR3PwK56mJWAupXQVg+D0dXopBe1403teVXntoZrxWK5Wdf+ov987tiYo8MbtL9T
Wz/V9M8aDIzFl0d6+UeaORPmH+nRZe1a8UFhUhh7Ta/+ttdY9P6unc26dHWxgvJIU3do15ejyX/v
0be+0JuSmlhzITmMvbNDs9/FGzj5td5/SINviopfGMCQeNO+AoZP9PhefXejLnta089qqklbjuq5
mngDbyxSNkeK5+0remO/9mwamyw3R48/qpkm7e7W4Wy8gbbqYuIVFy9N2QfLd8ORszCjFxJ1BSkZ
uIrwKQk/QP82YGlsZFh95W26e8t561vjq4vDYI02LYpt/3+34L4NOrT50sVVD2/T6dNLMjBqomqB
bj2luQ8v3cD7tZpoKNnAqIkrs/rCOv3z0MTFz6zVJaui/v2Ikz51A8xuhFTVOLwXoHM7dF0NxY/z
iA4ED+mTLZqbO7Hq+z7W+X9EnnzxJlKrdP1OPfawDrepJ0oTHzqoT6zXYOOExAs6MUuve15fv1ez
38eL5yr0tes12T6+wRsBR0gqS863rU6Tj+jMAX2qUQ/vUR+MFh/4VZ/br1UrShUP8g2Eb7OrYPFq
qDsL6aPQsBymzoSgIcL+QvhxGrz0NuwahnPJcQ3daLtBq7doS7vuPKB9M3RkYZFyv9LTSc28rI9v
12nvTGTgil3JgMrboT4Ht7wC6UmQeg9YA6Zh6BT0zYeeBPz0Gf51FwEHx111GWWUAfwLjyFephwP
TC4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDUtMjZUMDg6Mzg6MDcrMDU6MDBYUjZyAAAAJXRF
WHRkYXRlOm1vZGlmeQAyMDE4LTA1LTI2VDA4OjM4OjA3KzA1OjAwKQ+OzgAAAFN0RVh0c3ZnOmJh
c2UtdXJpAGZpbGU6Ly8vaG9tZS9zdmdpbWFnZS9wdWJsaWNfaHRtbC9kb3dubG9hZHMvdHdpdHRl
ci1iaXJkLXNoYXBlXzcxMi5zdmckrwD/AAAAAElFTkSuQmCC" />
</svg>
</a>
</div>
<div class="der">
<h2 class="white">¡Copiad!</h2>
<a href="https://github.com/vientos" target="_blank">
<svg class="white" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>github</title>
<path d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"></path>
</svg>
</a>
</div>
</div>
</section>
<footer></footer>
</body>
</html>