Skip to content

Commit dae00be

Browse files
committed
feat: add new chapters page
1 parent f6f0b73 commit dae00be

File tree

3 files changed

+955
-0
lines changed

3 files changed

+955
-0
lines changed

chapters/index.html

Lines changed: 380 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,380 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
4+
<head>
5+
<!-- Google Tag Manager -->
6+
<script>(function (w, d, s, l, i) {
7+
w[l] = w[l] || []; w[l].push({
8+
'gtm.start':
9+
new Date().getTime(), event: 'gtm.js'
10+
}); var f = d.getElementsByTagName(s)[0],
11+
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
12+
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
13+
})(window, document, 'script', 'dataLayer', 'GTM-MW9RRK2');</script>
14+
<!-- End Google Tag Manager -->
15+
<meta charset="UTF-8">
16+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
17+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
18+
<title>sysarmy - Chapters</title>
19+
<link rel="shortcut icon" href="../favicon.png" />
20+
<link rel="stylesheet" type="text/css" href="../css/styles.css" />
21+
<link rel="stylesheet" type="text/css" href="styles.css" />
22+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
23+
<meta name='keywords'
24+
content='sysadmin, sistemas, desarrollo, developer, administración de sistemas, administrador de sistemas, linux, cloud, docker, kubernetes' />
25+
<meta name='description' content='sysarmy - Chapters around the world.' />
26+
<meta charset="UTF-8" />
27+
<meta property="fb:admins" content="ajolo" />
28+
<meta property="og:description" content="Chapters de Sysarmy en el mundo." />
29+
<meta property="og:image" content="https://sysarmy.com/images/logo.png" />
30+
<meta property="og:site_name" content="sysarmy" />
31+
<meta property="og:title" content="sysarmy - Chapters" />
32+
<meta property="og:type" content="website" />
33+
<meta property="og:url" content="https://sysarmy.com/chapters" />
34+
35+
<meta name="twitter:card" content="summary_large_image">
36+
<meta name="twitter:site" content="@sysarmy">
37+
<meta name="twitter:creator" content="@sysarmy">
38+
<meta name="twitter:title" content="sysarmy - Chapters">
39+
<meta name="twitter:description" content="Chapters de Sysarmy en el mundo.">
40+
<meta name="twitter:image:src" content="https://sysarmy.com/images/logo.png">
41+
</head>
42+
43+
<body>
44+
<!-- Google Tag Manager (noscript) -->
45+
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MW9RRK2" height="0" width="0"
46+
style="display:none;visibility:hidden"></iframe></noscript>
47+
<!-- End Google Tag Manager (noscript) -->
48+
49+
<header class="terminal-header">
50+
<span class="prompt">~$</span>
51+
<input type="text" class="command-input" readonly placeholder="ls -la chapters/">
52+
<span id="lang-selector">
53+
<span class="lang-option">es</span>
54+
|
55+
<span class="lang-option">
56+
<a href="https://sysarmy.com/en/chapters">en</a>
57+
</span>
58+
</span>
59+
</header>
60+
61+
<section class="hero">
62+
<div class="hero-background"></div>
63+
<div class="hero-background"></div>
64+
<div class="hero-overlay"></div>
65+
<div class="hero-content">
66+
<h1>Chapters</h1>
67+
<p>Nuestra comunidad se extiende por todo el mundo. Encontrá el chapter más cercano a vos y unite a la
68+
comunidad global de sysarmy.</p>
69+
</div>
70+
</section>
71+
72+
<section class="chapters">
73+
<div class="chapters-container">
74+
<div class="chapters-grid">
75+
76+
<!-- Buenos Aires -->
77+
<div class="chapter-card main-chapter">
78+
<div class="chapter-header">
79+
<span class="chapter-flag">🇦🇷</span>
80+
<div class="chapter-info">
81+
<h3>Sysarmy</h3>
82+
<p class="chapter-location">Buenos Aires, Argentina</p>
83+
</div>
84+
</div>
85+
<p>Más de 12 años nucleando profesionales de sistemas en Argentina.</p>
86+
<div class="chapter-social">
87+
<a href="https://sysarmy.com/" class="social-link" target="_blank" title="Web">
88+
<i class="fa-solid fa-earth-americas"></i>
89+
</a>
90+
<a href="https://sysar.my/discord" class="social-link" target="_blank" title="Discord">
91+
<i class="fab fa-discord"></i>
92+
</a>
93+
<a href="https://chat.whatsapp.com/35ImqgMxJEPA0kxYoYxmLi" class="social-link" target="_blank"
94+
title="WhatsApp">
95+
<i class="fa-brands fa-whatsapp"></i>
96+
</a>
97+
<a href="https://www.meetup.com/sysarmy" class="social-link" target="_blank" title="Meetup">
98+
<i class="fab fa-meetup"></i>
99+
</a>
100+
<a href="https://twitter.com/sysarmy" class="social-link" target="_blank" title="Twitter">
101+
<i class="fab fa-twitter"></i>
102+
</a>
103+
<a href="https://instagram.com/sysarmy" class="social-link" target="_blank" title="Instagram">
104+
<i class="fab fa-instagram"></i>
105+
</a>
106+
</div>
107+
</div>
108+
109+
<!-- Sysarmy España -->
110+
<div class="chapter-card">
111+
<div class="chapter-header">
112+
<span class="chapter-flag">🇪🇸</span>
113+
<div class="chapter-info">
114+
<h3>Sysarmy España</h3>
115+
<p class="chapter-location">España</p>
116+
</div>
117+
</div>
118+
<p>Qué mejor que comer tapas hablando de tecnología.</p>
119+
<div class="chapter-social">
120+
<a href="https://discord.com/channels/128531369788833793/1340058226615652382"
121+
class="social-link" target="_blank" title="Discord">
122+
<i class="fab fa-discord"></i>
123+
</a>
124+
<a href="https://t.me/+-3v8tfW3PqoyNjVh" class="social-link" target="_blank" title="Telegram">
125+
<i class="fa-brands fa-telegram"></i>
126+
</a>
127+
</div>
128+
</div>
129+
130+
<!-- Sysarmy Galicia -->
131+
<div class="chapter-card">
132+
<div class="chapter-header">
133+
<span class="chapter-flag">🐙</span>
134+
<div class="chapter-info">
135+
<h3>Sysarmy Galicia</h3>
136+
<p class="chapter-location">Galicia, España</p>
137+
</div>
138+
</div>
139+
<p>Chapter gallego que reúne a profesionales de sistemas en la comunidad autónoma de Galicia.</p>
140+
<div class="chapter-social">
141+
<a href="http://sysarmygalicia.com/" class="social-link" target="_blank" title="Web">
142+
<i class="fa-solid fa-earth-americas"></i>
143+
</a>
144+
<a href="https://www.meetup.com/es-ES/gallegarmy/" class="social-link" target="_blank"
145+
title="Meetup">
146+
<i class="fab fa-meetup"></i>
147+
</a>
148+
<a href="https://t.me/Gallegarmy" class="social-link" target="_blank" title="Telegram">
149+
<i class="fa-brands fa-telegram"></i>
150+
</a>
151+
<a href="https://x.com/sysarmygal" class="social-link" target="_blank" title="Instagram">
152+
<i class="fa-brands fa-twitter"></i>
153+
</a>
154+
</div>
155+
</div>
156+
157+
<!-- Sysarmy Chile -->
158+
<div class="chapter-card">
159+
<div class="chapter-header">
160+
<span class="chapter-flag">🇨🇱</span>
161+
<div class="chapter-info">
162+
<h3>Sysarmy Chile</h3>
163+
<p class="chapter-location">Chile</p>
164+
</div>
165+
</div>
166+
<p>Chapter chileno que reúne a la comunidad de sistemas en territorio trasandino.</p>
167+
<div class="chapter-social">
168+
<a href="https://discord.com/channels/128531369788833793/1178680086854115408"
169+
class="social-link" target="_blank" title="Discord">
170+
<i class="fab fa-discord"></i>
171+
</a>
172+
<a href="https://www.meetup.com/sysarmy-chile/" class="social-link" target="_blank"
173+
title="Meetup">
174+
<i class="fab fa-meetup"></i>
175+
</a>
176+
</div>
177+
</div>
178+
179+
<!-- ScrollArmy -->
180+
<div class="chapter-card">
181+
<div class="chapter-header">
182+
<span class="chapter-flag">🇦🇷</span>
183+
<div class="chapter-info">
184+
<h3>ScrollArmy</h3>
185+
<p class="chapter-location">Pergamino, Argentina</p>
186+
</div>
187+
</div>
188+
<p>Chapter regional en el interior de Buenos Aires, conectando profesionales de sistemas en
189+
Pergamino y alrededores.</p>
190+
<div class="chapter-social">
191+
<a href="https://scrollarmy.com.ar/" class="social-link" target="_blank" title="Web">
192+
<i class="fa-solid fa-earth-americas"></i>
193+
</a>
194+
<a href="https://chat.whatsapp.com/Hvby3P63I5wHVtN2Ne0tyE" class="social-link" target="_blank"
195+
title="WhatsApp">
196+
<i class="fa-brands fa-whatsapp"></i>
197+
</a>
198+
<a href="https://t.me/joinchat/UTFeXEyedP314dvy" class="social-link" target="_blank"
199+
title="Telegram">
200+
<i class="fa-brands fa-telegram"></i>
201+
</a>
202+
<a href="https://discord.com/channels/128531369788833793/943222418917425223" class="social-link"
203+
target="_blank" title="Discord">
204+
<i class="fab fa-discord"></i>
205+
</a>
206+
<a href="https://x.com/scrollarmy" class="social-link" target="_blank" title="Twitter">
207+
<i class="fab fa-twitter"></i>
208+
</a>
209+
<a href="https://www.instagram.com/scrollarmy/" class="social-link" target="_blank"
210+
title="Instagram">
211+
<i class="fab fa-instagram"></i>
212+
</a>
213+
</div>
214+
</div>
215+
216+
<!-- Sysarmy Mendoza -->
217+
<div class="chapter-card">
218+
<div class="chapter-header">
219+
<span class="chapter-flag">🇦🇷</span>
220+
<div class="chapter-info">
221+
<h3>Sysarmy Mendoza</h3>
222+
<p class="chapter-location">Mendoza, Argentina</p>
223+
</div>
224+
</div>
225+
<p>Chapter mendocino que reúne a la comunidad de sistemas en la región de Cuyo.</p>
226+
<div class="chapter-social">
227+
<a href="https://x.com/sysarmyMza" class="social-link" target="_blank" title="Twitter">
228+
<i class="fab fa-twitter"></i>
229+
</a>
230+
</div>
231+
</div>
232+
233+
<!-- Doctarmy -->
234+
<div class="chapter-card">
235+
<div class="chapter-header">
236+
<span class="chapter-flag">🇦🇷</span>
237+
<div class="chapter-info">
238+
<h3>Doctarmy</h3>
239+
<p class="chapter-location">Córdoba, Argentina</p>
240+
</div>
241+
</div>
242+
<p>Chapter cordobés que conecta profesionales de sistemas en la docta ciudad.</p>
243+
<div class="chapter-social">
244+
<a href="https://www.meetup.com/doctarmy-a-sysarmy-chapter/" class="social-link" target="_blank"
245+
title="Meetup">
246+
<i class="fab fa-meetup"></i>
247+
</a>
248+
<a href="https://x.com/doctarmy" class="social-link" target="_blank" title="Twitter">
249+
<i class="fab fa-twitter"></i>
250+
</a>
251+
</div>
252+
</div>
253+
254+
<!-- Sysarmy Colombia -->
255+
<div class="chapter-card">
256+
<div class="chapter-header">
257+
<span class="chapter-flag">🇨🇴</span>
258+
<div class="chapter-info">
259+
<h3>Sysarmy Colombia</h3>
260+
<p class="chapter-location">Colombia</p>
261+
</div>
262+
</div>
263+
<p>Chapter colombiano que nuclea profesionales de sistemas en todo el territorio cafetero.</p>
264+
<div class="chapter-social">
265+
<a href="https://discord.com/channels/128531369788833793/1316158539588435998"
266+
class="social-link" target="_blank" title="Discord">
267+
<i class="fab fa-discord"></i>
268+
</a>
269+
</div>
270+
</div>
271+
272+
<!-- Sysarmy Uruguay -->
273+
<div class="chapter-card">
274+
<div class="chapter-header">
275+
<span class="chapter-flag">🇺🇾</span>
276+
<div class="chapter-info">
277+
<h3>Sysarmy Uruguay</h3>
278+
<p class="chapter-location">Uruguay</p>
279+
</div>
280+
</div>
281+
<p>Chapter uruguayo que nuclea a profesionales de sistemas en todo el país oriental.</p>
282+
<div class="chapter-social">
283+
<a href="https://sysarmy.uy/" class="social-link" target="_blank" title="Web">
284+
<i class="fa-solid fa-earth-americas"></i>
285+
</a>
286+
<a href="https://discord.com/channels/128531369788833793/754030830669660160" class="social-link"
287+
target="_blank" title="Discord">
288+
<i class="fab fa-discord"></i>
289+
</a>
290+
<a href="https://x.com/sysarmyuy" class="social-link" target="_blank" title="Twitter">
291+
<i class="fab fa-twitter"></i>
292+
</a>
293+
</div>
294+
</div>
295+
296+
<!-- Canadarmy -->
297+
<div class="chapter-card">
298+
<div class="chapter-header">
299+
<span class="chapter-flag">🇨🇦</span>
300+
<div class="chapter-info">
301+
<h3>Canadarmy</h3>
302+
<p class="chapter-location">Canadá</p>
303+
</div>
304+
</div>
305+
<p>Chapter canadiense que conecta profesionales de sistemas de habla hispana en Canadá.</p>
306+
<div class="chapter-social">
307+
<a href="https://discord.com/channels/128531369788833793/935577043146526741" class="social-link"
308+
target="_blank" title="Discord">
309+
<i class="fab fa-discord"></i>
310+
</a>
311+
<a href="https://x.com/canadasysarmy" class="social-link" target="_blank" title="Twitter">
312+
<i class="fab fa-twitter"></i>
313+
</a>
314+
</div>
315+
</div>
316+
317+
<!-- Sysarmy México -->
318+
<div class="chapter-card">
319+
<div class="chapter-header">
320+
<span class="chapter-flag">🇲🇽</span>
321+
<div class="chapter-info">
322+
<h3>Sysarmy México</h3>
323+
<p class="chapter-location">México</p>
324+
</div>
325+
</div>
326+
<p>Chapter mexicano que conecta profesionales de sistemas en toda la república azteca.</p>
327+
<div class="chapter-social">
328+
<a href="https://discord.com/channels/128531369788833793/894686799803338793" class="social-link"
329+
target="_blank" title="Discord">
330+
<i class="fab fa-discord"></i>
331+
</a>
332+
<a href="https://www.meetup.com/es/sysarmy-mexico/" class="social-link" target="_blank"
333+
title="Meetup">
334+
<i class="fab fa-meetup"></i>
335+
</a>
336+
</div>
337+
</div>
338+
339+
<!-- Sysarmy UK -->
340+
<div class="chapter-card">
341+
<div class="chapter-header">
342+
<span class="chapter-flag">🇬🇧</span>
343+
<div class="chapter-info">
344+
<h3>Sysarmy UK</h3>
345+
<p class="chapter-location">United Kingdom</p>
346+
</div>
347+
</div>
348+
<p>Chapter británico que conecta profesionales de sistemas de habla hispana en el Reino Unido.</p>
349+
<div class="chapter-social">
350+
<a href="https://discord.com/channels/128531369788833793/1027669684818026546"
351+
class="social-link" target="_blank" title="Discord">
352+
<i class="fab fa-discord"></i>
353+
</a>
354+
</div>
355+
</div>
356+
357+
</div>
358+
</div>
359+
</section>
360+
361+
<section class="nav-back">
362+
<a href="/"><i class="fas fa-arrow-left"></i> Volver al inicio</a>
363+
</section>
364+
365+
<footer>
366+
<p>sysarmy <span id="current-year">2025</span> - [email protected]</p>
367+
<div class="social-links">
368+
<a href="https://sysar.my/discord" target="_blank"><i class="fab fa-discord fa-lg"></i></a>
369+
<a href="https://www.meetup.com/sysarmy" target="_blank"><i class="fab fa-meetup fa-lg"></i></a>
370+
<a href="https://twitter.com/sysarmy" target="_blank"><i class="fab fa-twitter fa-lg"></i></a>
371+
<a href="https://youtube.com/sysarmyar" target="_blank"><i class="fab fa-youtube fa-lg"></i></a>
372+
<a href="https://instagram.com/sysarmy" target="_blank"><i class="fab fa-instagram fa-lg"></i></a>
373+
<a href="https://www.linkedin.com/groups/4736196/" target="_blank"><i class="fab fa-linkedin fa-lg"></i></a>
374+
</div>
375+
</footer>
376+
<script src="../js/main.js"></script>
377+
378+
</body>
379+
380+
</html>

0 commit comments

Comments
 (0)