forked from thoughtbot/presskit
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
269 lines (224 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
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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hacker Garage A.C Press Kit e Identidad</title>
<link href="stylesheets/base.css" rel="stylesheet" type="text/css" />
<script src="//use.typekit.net/gnk7llu.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body class="index">
<div class="page-wrap">
<header>
<div class="main-content-wrap">
<h1 class="page-heading">Hacker Garage Press Kit e Identidad</h1>
</div>
</header>
<div class="nav-wrap">
<nav>
<ul>
<li>
<a href="/#whatis">Qué es Hacker Garage</a>
</li>
<li>
<a href="/#history">Historia</a>
</li>
<li>
<a href="/#operation">Operación y Sustento</a>
</li>
<li>
<a href="/#events">Eventos</a>
</li>
<li>
<a href="/#usage-guidelines">Uso de identidad</a>
</li>
<li>
<a href="/#contact">Contacto</a>
</li>
</ul>
</nav>
</div>
<div class="main-content-wrap">
<section class="intro">
<p>
El propósito de esta guía es dar un mensaje claro sobre el proyecto Hacker Garage para medios de comunicación, proveer fotografías y elementos autorizados por la asociación. Además de asegurar que se mantenga consistencia através de la identidad de Hacker Garage, ya sea que los elementos sean usados de manera interna o externa.
</p>
<a class="button--kickstarter" href="assets/presskit.pdf">Hacker Garage 4.0 y nuestra camapaña en kickstarter</a>
<a class="button--download-assets" target="_blank" href="assets/hg-identidad.zip">Descargar Elementos de identidad</a>
</section>
<section id="whatis">
<h2>¿Qué es Hacker Garage?</h2>
<p>
Hacker Garage es un <b>Hackerspace</b>, un espacio de trabajo y creación colaborativa operado completamente por voluntarios y mantenido por las contribuciones de la comunidad. Se encuentra localizado en la ciudad de Guadalajara, Jalisco, México. Es un punto de referencia a nivel nacional como hackerspace y proyecto colaborativo.
<br>
</br>
Es sede de decenas de eventos de comunidades relacionados a los temas de tecnología, innovación y emprendimiento.
<br>
</br>
Ofrece espacio y herramientas de manera libre para que aficionados y curiosos puedan crear principalmente con tecnología. Por mencionar algunos:
<ul>
<li>Taller de electrónica</li>
<li>Taller de carpintería</li>
<li>Impresoras 3D</li>
<li>Cortadora y plancha de vinilo</li>
<li>Soldadora eléctrica</li>
<li>Internet de alta velocidad</li>
<li>Salas de juntas</li>
<li>Salones de usos múltiples para conferencias y presentaciones</li>
</ul>
</p>
<!-- <p>
El imagotipo de Hacker Garage combina los dos elementos visuales más importantes de nuestra identidad, el logotipo ("Hacker Garage") y el isotipo (engrane). Los ejemplos debajo ilustran los elementos gráficos que hacen el imagotipo único.
<br>
</br>
Para mantener la consistencia a través de las diversas aplicaciones de la identida solo trs configuraciones son permitidas. La versión "horizontal" es la preferida. En situaciones en la que esta configuración no tenga la escala o impaco adecuados , configuraciones alternativas son permitidas.
<br>
</br>
Los elementos del imagotipo de Hacker Garage no deben ser separados. La posición, tamaño, color,junto con otras proporciones y relaciones espaciales están predefinidas y no deben ser alteradas.
</p>
<h4>The Signature (Default Horizontal)</h4>
<img src="images/signature.svg" alt="thoughtbot logo horizontal with symbol and wordmark" />
</div>
<div class="sans-logotype">
<h4>Sans-Logotype</h4>
<img src="images/sans-logotype.svg" alt="thoughtbot logo with symbol only" />
</div>
<div class="stacked-vertical">
<h4>Stacked Vertical</h4>
<img src="images/stacked-vertical.svg" alt="thoughtbot logo vertical with symbol and wordmark" />
</div> -->
</section>
<section id="history">
<h2>Historia</h2>
<p>
La historia de Hacker Garage no comienza con Hacker Garage, sino con el periodo antes de su fundación. Alrededor de 2008 – 2009 se dio en México un crecimiento exponencial de comunidades tecnológicas y de emprendimiento. Fue la junta de muchos factores: la formación de comunidades y eventos como Tequila Valley, los Barcamps y los SuperHappyDevHouses; la rápida adopción de Twitter que permitió conversaciones públicas al respecto; al igual que la popularización de ideas y conceptos como UX, Lean Startup, Hackaton y Makerspace, que comenzaron a formar parte del vocabulario y de la cultura de emprendedores y hackers en nuestro país.
<h3>2010- 2012</h3>
<p>Así fue como a finales 2010, a raíz de un SuperHappyDevHouse, un grupo de personas con una pasión por la tecnología y con ganas de crear cosas se reunieron, con la idea de tener un espacio permanente donde poder hacer eventos, impartir talleres, reunirse en comunidades. La idea se materializó en febrero de 2011, donde con un presupuesto de 6,000 pesos al mes reunidos entre todos, rentaron un pequeño espacio en la calle Justo Sierra. A pesar de que el lugar sólo daba para unas 15 o 20 personas en total, se mantuvo activo con pláticas, hackatones y talleres.
Después de haber validado la idea, a los pocos meses de haber comenzado Hacker Garage tuvo su segunda casa, un lugar más amplio que permitía escalar. Ahí se alojaron startups como Ovia (ahora WePow), Software Allies, 2bits e Inovaz, y nacieron eventos como Hackers & Founders, Beer & Code, Social Gamers y Startup Cycle. Muchas más comunidades como RubyGDL, Drupal y GeekGirls empezaron a tener reuniones regulares, y el lugar comenzaba a consolidarse como el punto de reunión para todas las comunidades.</p>
<h3>2013</h3>
<p>
En mayo del 2013 se pasó a la que sería la tercera casa del Hacker Garage, justo al lado de la anterior. El salto fue posible al número de personas que creían en el proyecto y que decidieron de manera voluntaria aportar para cubrir la renta y costos de operación. La remodelación permitió mejorar las áreas de coworking, así como un mayor espacio para los eventos. Empresas como Fraguala, 4D Reality e Illutio se integraron a nuestras oficinas, y muchas más comunidades comenzaron a hacer uso de los espacios de Hacker Garage.
</p>
<h3>2014</h3>
<p>A inicios de 2014 Hacker Garage se consolidó como Asociación Civil, con el propósito de afianzar su misión como hub de las comunidades tecnológicas, y habilitador social. Más personas se integraron al comité organizador, y con nuevas energías hubo un crecimiento en eventos y mejora continua del lugar. También 2014 marcó la llegada de comunidades como MakersGDL, Tech Women y Drone Project, y hubo cada vez más eventos como hackatones y talleres.
</p>
<h3>2015</h3>
<p>Desde entonces, Hacker Garage ha continuado en crecimiento, y ha impactado a más personas a través de los eventos que ahí se realizan. En 2015 la comunidad de MakersGDL se integró al proyecto de Hacker Garage, convirtiéndose este en un makerspace además de hackerspace para proveer herramientas de manufactura y prototipado como impresoras 3D y carpintería. También durante 2015 año se inauguró HG Zacatecas, como parte de una red de hackerspaces que busca adoptar el modelo y replicar el impacto en su región. Al finalizar el año también se anunció un cambio importante en la estructura HG con la eliminación de las membresías obligatorias para trabajar y usar las herramientas dele espacio, convirtiéndose en un lugar abierto para todos con el espíritu de colaboración y de trabajo por un bien común.
</p>
<h3>2016</h3>
<p>Durante 2016 el trabajo de Hacker Garage se centró en el desarrollo de eventos y proyectos que impactaran y activaran a la comunidad creadora de Guadalajara, realizando por primera vez el "Community Day" con motivo del quinto aniversario de Hacker Garage se realizó un día entero de conferencias y talleres simultaneos organizados por voluntarios de distintas comunidades que nacieron y crecieron en el espacio. En noviembre de 2016 Hacker Garage evolucionó una vez más cambiando de sede a la calle Miguel Lerdo de Tejada 2186 a sólo 4 cuadras de su anterior casa, un espacio mejor ubicado y con espacio pensados en el crecimiento del ecosistema de creadores, comunidades y proyectos de base tecnológica en Guadalajara.
</p>
</p>
</section>
<section id="operation">
<h2>Operación y sustentabilidad de Hacker Garage</h2>
<h4>Sustentabilidad</h4>
<p>
Hacker Garage es mantenido completamente por las aportaciones en forma monetaria, en especie y trabajo de voluntarios, empresas y miembros que creen en la filosofía detrás del proyecto.
Actualmente Hacker Garage tiene un costo de operación mensual mínimo de 40,000 pesos mexicanos al mes.
</p>
<h4>Programa de Membresías</h4>
<p>
Los espacios y herramientas de hackeragarage, a diferencia de espacios como co-working spaces pueden ser utilizados de manera gratuita por visitantes e invitados. Las personas que visitan o son invitados a Hacker Garage deben registrarse al llegar y tener un miembro de Hacker Garage que los apadrine y se responsabilice por sus estancia.
</p>
<p>
Para volverse miembro y tener acceso ilimitado sin necesidad de registro o "padrinos" es necesario pagar una membresía con un costo mensual de $500mxn sin cuotas de inscripción o cancelación. El programa es "para quien quiere aportar a la comunidad y puede permitírselo".
</p>
<h4>
Comité Organizador
</h4>
<p>
Hacker Garage tiene un comité organizador conformado por volutarios que aportan su tiempo y esfuerzo para que el proyecto se mantenga en pie y crezca. Actualmente el comité lo conforman 8 personas de diversos perfiles:
<ul>
<li>Antonio Cárdenas</li>
<li>Darius Lau</li>
<li>Hans Ramírez</li>
<li>Irving Acuña "Ice"</li>
<li>Juan Porras</li>
<li>Luis Alfonso de la Cruz "Cyber"</li>
<li>Oscar Ruíz "Dvlooper"</li>
<li>Rubén Medellín "Chubas"</li>
</ul>
</p>
<!-- <p>
The symbol and the individual elements of the symbol should not be altered or modified unless the modified version is being used for approved internal use.
</p>
<p>
The importance of this cannot be stressed strongly enough; modification or re-treatment of the thoughtbot symbol will detract from the integrity of the thoughtbot signature and, more importantly, the value of the thoughtbot brand.
</p>
<img src="images/symbol.svg" alt="Ralph symbol" /> -->
</section>
<section id="events">
<h2>Eventos</h2>
<p>
Hacker Garage organiza diversos eventos que fomentan la <i>cultura hacker</i>, una cultura de creación y aprendizaje continuo.
</p>
<h3>Hacker Garage Community Day</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KhKmXWzY5hg" frameborder="0" allowfullscreen></iframe>
<h3>Hacker Garage DevHouse</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/3TIMUaOOi-Q" frameborder="0" allowfullscreen></iframe>
<p>
Por otra parte Hacker Garage es un punto de reunión frecuente para comunidades. El calendario de estas actividades es público en nuestro sitio web. <a href="https://Hacker Garage.mx/calendario">Hacker Garage.mx/calendario</a>
</p>
</section>
<section id="usage-guidelines">
<h2>Uso de identidad</h2>
<p>
El imagotipo de Hacker Garage combina los dos elementos visuales más importantes de nuestra identidad, el logotipo ("Hacker Garage") y el isotipo (engrane). Los ejemplos debajo ilustran los elementos gráficos que hacen el imagotipo único.
<br>
</br>
Para mantener la consistencia a través de las diversas aplicaciones de la identida solo trs configuraciones son permitidas. La versión "horizontal" es la preferida. En situaciones en la que esta configuración no tenga la escala o impaco adecuados , configuraciones alternativas son permitidas.
<br>
</br>
Los elementos del imagotipo de Hacker Garage no deben ser separados. La posición, tamaño, color,junto con otras proporciones y relaciones espaciales están predefinidas y no deben ser alteradas.
<h4>Imagotipo horizontal (predeterminado)</h4>
<img src="images/hg-horizontal.svg" alt="thoughtbot logo with symbol only" />
<div class="sans-logotype">
<h4>Isotipo (engrane)</h4>
<img width="180" src="images/hg-alone.svg" alt="thoughtbot logo with symbol only" />
<div class="stacked-vertical">
<h4>Uso en predeterminado y en contraste</h4>
<img src="images/formats-hg.svg" alt="Aplicacion normal y en contraste" />
</p>
<h3>No</h3>
<ul>
<li>
Uses la imagen de Hacker Garage para publicitar un evento que no está relacionado a Hacker Garage.
</li>
<li>
Cambies el color del logotipo o isotipo. No agregues gradientes o modifiques la relación de sus elementos.
</li>
</ul>
<h3>De preferencia</h3>
<ul>
<li>
Usa del imagotipo horizontal a colores.
</li>
<li>
Sólo usa la versión alterna (en blanco) cuando la versión por default tenga problemas de contraste con el fondo en que está siendo usado.
</li>
<li>
Usa el isotipo (engrane) sin el logotipo sólo en branding interno o en cercanía con nuestro nombre u otro branding identificable.
</li>
</ul>
</section>
<section id="contact">
<h2>Contacto</h2>
<p>
Si escribes sobre nosotros o tienes cualquier duda sobre Hacker Garage envíanos un correo a <a href="mailto:info@Hacker Garage.mx">info@Hacker Garage.mx </a>.
</p>
<h3>Nuestras redes sociales</h3>
<a href="https://www.facebook.com/Hacker Garage/">Facebook </a>
<br>
<a href="https://twitter.com/Hacker Garage">Twitter </a>
</section>
</div>
</div>
<script src="javascripts/nav-active-class.js" type="text/javascript"></script>
<script src="javascripts/smooth-scroll.js" type="text/javascript"></script>
<script src="javascripts/sticky-nav.js" type="text/javascript"></script>
</body>
</html>