-
Notifications
You must be signed in to change notification settings - Fork 3
/
about.html
145 lines (138 loc) · 8.88 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Trazos</title>
<link rel="stylesheet" href="css/result.css">
<link rel="stylesheet" href="css/about.css">
<link rel="stylesheet" href="css/jquery.fullPage.css">
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:700,300' rel='stylesheet' type='text/css'>
</head>
<body>
<header id="desktopHeader">
<a href="/board" class="boton dibujar">¡A dibujar!</a>
<nav>
<a href="#quienes-somos">Quiénes somos</a>
<a href="#donde-venimos">De dónde venimos</a>
<a href="#donde-venimos">A donde vamos</a>
<a href="#contactanos">Contáctanos</a>
</nav>
</header>
<div id="fullpage">
<section data-anchor="introducción" id="intro">
<img class="logo" src="img/trazos-logo.png" alt="Logo de trazos" />
<h2>es una plataforma web para dibujo colectivo</h2>
<div class="texto">
<p>
Como plataforma colaborativa, nos permite conectarnos a una página web en la que podemos dibujar con otras personas y animar esos dibujos en vivo.
</p>
<p>
A través del dibujo de trazos digitales animados en tiempo simultáneo, Trazos Club abre amplias posibilidades para el trabajo artístico interdisciplinario, para abordar diversos contenidos propios del ámbito escolar. A la vez, por su carácter intuitivo, es accesible a un público amplio, favoreciendo la apropiación de los lenguajes expresivos por parte de la comunidad.
</p>
<p>
Trazos Club es parte de una propuesta de creación de tecnologías de software libre, proyectos artísticos y educativos colaborativos: el proyecto Andiamo que responde a la necesidad de generar una solución tecnológica mediante sistemas de colaboración en tiempo real, a través de los estándares para la web 2.0.
</p>
<p class="link">
<a href="https://andiamo.live" target="_blank">
<img src="img/logo-andiamo.png" alt="Andiamo Live" />
<br>
+info de este proyecto y tutoriales en Andiamo.live
</a>
</p>
</p>
</div>
<a href="/board" class="boton dibujar mobile">¡A dibujar!</a><br />
<a href="#quienes-somos">
<img src="img/botonAbajo.png" alt="siguiente sección" />
</a>
</section>
<section data-anchor="quienes-somos" id="quienesSomos">
<h2>QUIÉNES SOMOS</h2>
<div class="colLeft">
<h1>Trazos.club</h1>
<p>
es un proyecto<br />
ideado por
<a href="http://andrescolubri.net/" target="_blank">Andrés Colubri</a>
&
<a href="http://marcelarapallo.com.ar" target="_blank">Marcela Rapallo</a>
</p>
<p class="second-tier">quienes forman actualmente el equipo junto a
<a href="https://gastonlozano.com/" target="_blank" style="display: inline;">
Gaston Lozano</a>, programador, y
<a href="https://www.behance.net/mang" target="_blank" style="display: inline;">
Manuel Gache</a>, quien diseña la identidad del proyecto.
</p>
<a href="#contactanos" id="btnContactar" class="boton">
Contactar
</a>
</div>
<div class="colRight">
<p>Participaron en la programación del proyecto en sus primeros pasos: Leandro Garber, Leslie Watkins y Nahuel Coppero.</p><p style="margin-top: 20px;">Trazos Club también es un proyecto detrás del cual hay una comunidad de personas de diferentes edades que se conectan a dibujar desde diferentes lugares del mundo. Además, se utiliza en proyectos artísticos, en ámbitos educativos, en la cotidianidad de quienes se conectan entre sí a través de la plataforma, y de todas las personas que se suman semanalmente a las jams de dibujo organizadas por el equipo de Trazos Club.</p><p style="margin-top: 20px;">
Queremos agradecer especialmente a quienes han participado y apoyado el proyecto: Myriam Beutelspacher, Bianca Racioppe, Ana Laura Califa, Lau Castro, Nahuel Cañada, la Universidad Nacional de las Artes y el Club Cultural Matienzo.
</p>
<p></p>
</div>
<div class="clear"></div>
</section>
<section data-anchor="donde-venimos" id="dondeVenimos">
<div class="columna">
<img src="img/deDondeVenimos.png" alt="De donde venimos" />
<h2>¿De dónde venimos?</h2>
<p>
<ul>
<li>
El proyecto surgió del trabajo conjunto de Andrés Colubri y Marcela Rapallo
en el desarrollo de tecnologías libres para dibujo en vivo y <a href="https://www.youtube.com/watch?v=9IcbwkoXfTs" target="_blank">obras teatrales y performáticas</a> con las plataformas <a href="http://www.moldeo.org/" target="_blank">Moldeo</a> y <a href="https://github.com/andiamo/andiamo" target="_blank">Andiamo</a>. También del trabajo de
Andrés Colubri en el desarrollo de <a href="https://processing.org/" target="_blank">Processing</a>, y de los proyectos pedagógicos
de Marcela Rapallo centrados en el <a href="https://www.youtube.com/playlist?list=PLLA0_JIKZmaL7rd19wnZEepKbU2FPlbaX" target="_blank">dibujo en escena</a>
y el <a href="https://www.youtube.com/watch?v=LBqEtj6JOlU" target="_blank">dibujo colectivo</a>.
</li>
<li>
El primer prototipo de trazos.club se realizó gracias a ser seleccionado por el
Programa Universidad, Diseño y Desarrollo Productivo del Ministerio de Educación
de la Nación, como proyecto de desarrollo de la <a href="http://una.edu.ar/">UNA (Universidad Nacional de las
Artes de Argentina)</a>, contando con la dirección académica de Gabriel Gendin y la
colaboración de un equipo interdisciplinario de estudiantes y profesores de las
diferentes unidades académicas de la Universidad.
</li>
</ul>
</p>
</div>
<div class="columna">
<img src="img/aDondeVamos.png" alt="A donde vamos" />
<h2>¿A dónde vamos?</h2>
<p>
<strong>Trazos.club</strong>, tal como se presenta hoy, es el comienzo de un
proyecto más grande que estamos ideando los miembros del equipo, que crecerá tomando
la forma de un Club de dibujo virtual, un lugar de encuentro con actividades de dibujo
colectivo animado en vivo. Hoy la plataforma es un primer prototipo, una semilla,
del proyecto a gran escala que deseamos concretar.
</p>
</div>
</section>
<section data-anchor="contactanos" id="contacto">
<h2>Contanos tu experiencia</h2>
<form method="post" action="/sendMail">
<fieldset>
<input type="text" placeholder="Nombre" name="nombre" />
<input type="text" placeholder="Email" name="email" class="email" />
<input type="text" placeholder="Asunto" name="asunto" />
<textarea name="mensaje" placeholder="Mensaje"></textarea>
<button id="btnEnviar" type="button" class="boton">Enviar</button>
</fieldset>
</form>
<footer>
<!-- <a href="#" target="_blank"><img src="img/redes_sociales/twitter.png" alt="twitter" /></a>
<a href="#" target="_blank"><img src="img/redes_sociales/facebook.png" alt="facebook" /></a>
<a href="#" target="_blank"><img src="img/redes_sociales/behance.png" alt="behance" /></a>
<a href="#" target="_blank"><img src="img/redes_sociales/instagram.png" alt="instagram" /></a> -->
<a href="#introducción" class="flecha"><img src="img/redes_sociales/flecha.png" alt="subir" /></a>
</footer>
</section>
</div>
<script src="../js/lib/jquery.min.js"></script>
<script src="../js/lib/jquery.fullPage.min.js" charset="utf-8"></script>
<script src="../js/trazos/about.js" charset="utf-8"></script>
</body>
</html>