-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
68 lines (66 loc) · 35.4 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
<!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="utf-8">
<!--
Made with <3 by
`.-:`
`.:/+++/.
`-:/++++++++.
`.:/+++++++++++++-
`.:/+++++++++++++++++-
``-/++++++++++++++++++++++:
`:/++++++++++++++++++++++++++:`
`+++++++++++++++++++++++++++++/`
/+++++++++++++++++++++++++++++/`
.++++++++++++++++++++++++++++++/.
/+++++++++++++++++++++++++++++++.
-+++++++++++++++++++++++++++++++/
`++++++++++++++++++++++++++++++:`
/+++++++++++++++++++++++++++/`
.+++++++++++++++++++++++++/.
++++++++++++++++++++++++-
-+++++++++++++++++++++:`
`+++++++++++++++++++/`
/++++++++++++++++/.
.+++++++++++++++-`
-://::-..` /++++++++++++:`
/++++++++//-` :++++++++++/.
`...--:/++++/:` `++++++++/-
`-/+++/-` /++++++:`
./+++/. `:++++:`
`-++++:. `-/+++/.
.:++++/:----:/+++/-`
.:/+++++++++//-`
`.--::::-.`
pssssst: ▲,▲,▼,▼,◄,►,◄,►,(B),(A),[Start] = ε( ^ ﭞ ^)
-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Frontend Meetup en Buenos Aires - BAFrontend</title> <meta name="description" content="Nos juntamos cientos de devs a hablar sobre CSS, Javascript, React, Accesibilidad, VR, UI y un montón de temas más de desarrollo frontend. Anotate!"> <meta name="keywords" content=""> <meta name="robots" content="INDEX, FOLLOW"> <meta name="author" content="BAFrontend"> <meta name="geo.placename" content="Buenos Aires"> <meta name="geo.region" content="AR"> <link rel="canonical" href="https://bafrontend.org"> <!-- Facebook --> <meta property="og:type" content="website"> <meta property="og:site_name" content="BAFrontend"> <meta property="og:title" content="Frontend Meetup en Buenos Aires - BAFrontend"> <meta property="og:description" content="Nos juntamos cientos de devs a hablar sobre CSS, Javascript, React, Accesibilidad, VR, UI y un montón de temas más de desarrollo frontend. Anotate!"> <meta property="og:image" content="https://bafrontend.org/images/social/bafrontend-2018-02-28.png"> <meta property="og:url" content="https://bafrontend.org"> <meta property="fb:app_id" content="1938414636425751"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:site" content="BAFrontend"> <meta property="twitter:title" content="Frontend Meetup en Buenos Aires - BAFrontend"> <meta property="twitter:description" content="Nos juntamos cientos de devs a hablar sobre CSS, Javascript, React, Accesibilidad, VR, UI y un montón de temas más de desarrollo frontend. Anotate!"> <meta property="twitter:image" content="https://bafrontend.org/images/social/bafrontend-2018-02-28.png"> <meta property="twitter:url" content="https://bafrontend.org"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700" rel="stylesheet"> <link rel="stylesheet" href="./styles/main.css"> <link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png"> <link rel="mask-icon" color="#E2373C" href="/icons/safari-pinned-tab.svg"> <link rel="icon" type="image/png" sizes="192x192" href="/icons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-96x96.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-105637226-1', 'auto');
ga('require','linkid','linkid.js');
ga('require','displayfeatures');
ga('send', 'pageview'); </script> </head> <body> <!--[if lt IE 11]>
<p class="browsehappy">
You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
</p>
<![endif]--> <div class="K"> <header class="header"> <div class="container flex"> <svg class="logo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 529.488 112.896" style="enable-background:new 0 0 529.488 112.896;" xml:space="preserve" width="529.488px" height="112.896px"> <g class="iso"> <path class="face" d="M5.738,112.896c-3.164,0-5.738-2.57-5.738-5.728V9.661C0,4.333,4.333,0,9.66,0h105.389c5.327,0,9.659,4.333,9.659,9.66 v75.55c0,5.327-4.333,9.659-9.659,9.659H29.653c-2.281,0-4.426,0.889-6.039,2.501L9.771,111.215 C8.687,112.299,7.255,112.896,5.738,112.896z M9.66,7.281c-1.312,0-2.379,1.067-2.379,2.38v93.745l11.184-11.184 c2.989-2.988,6.962-4.633,11.188-4.633h85.397c1.311,0,2.378-1.067,2.378-2.378V9.66c0-1.312-1.067-2.379-2.378-2.379H9.66z"/> <rect x="51.678" y="56.605" width="30.248" height="7.432"/> <rect class="mouth" x="62.354" y="63.724" width="19.571" height="10.001"/> <polygon class="eyebrow top" points="51.84,30.467 28.604,19.631 25.463,26.367 44.41,35.202 51.84,35.202 "/> <polygon class="eyebrow bottom" points="28.604,50.773 51.84,39.937 51.84,35.202 44.41,35.202 25.463,44.037 "/> </g> <g> <path d="M182.689,75.384c0,5.593-2.039,10.152-6.116,13.676c-4.079,3.525-10.195,5.286-18.352,5.286 c-1.515,0-4.077-0.031-7.69-0.088c-3.613-0.059-6.35-0.088-8.213-0.088V35.189h19.399c5.999,0,10.487,1.237,13.457,3.713 c2.97,2.477,4.456,5.869,4.456,10.18c0,6.001-2.593,10.225-7.777,12.671c3.146,0.583,5.739,2.112,7.777,4.588 C181.67,68.817,182.689,71.832,182.689,75.384z M167.748,50.83c0-2.272-0.687-4.077-2.055-5.418 c-1.368-1.339-3.423-2.01-6.161-2.01h-5.679v15.817h4.456c3.262,0,5.651-0.8,7.166-2.404 C166.99,55.214,167.748,53.22,167.748,50.83z M170.282,76.259c0-2.738-0.875-4.922-2.622-6.554 c-1.749-1.63-4.544-2.446-8.389-2.446h-5.419v18.35c1.749,0.233,3.757,0.35,6.03,0.35 C166.814,85.959,170.282,82.725,170.282,76.259z"/> <path d="M234.506,94.171h-12.757c-1.339-6.465-2.183-10.339-2.534-11.621H199.73c-1.05,4.487-1.865,8.36-2.449,11.621H186.01 c4.193-18.815,9.64-38.476,16.339-58.981h15.467C223.815,52.958,229.381,72.619,234.506,94.171z M217.292,73.725 c-2.97-11.127-5.679-20.505-8.126-28.138c-2.972,10.079-5.506,19.457-7.602,28.138H217.292z"/> <path d="M261.953,34.053l-1.399,4.107c-2.271-0.99-4.253-1.485-5.94-1.485c-2.157,0-3.7,0.583-4.632,1.748 c-0.934,1.165-1.399,2.97-1.399,5.418v6.99h9.524v5.068h-9.524v38.272h-6.903V55.898h-6.99V50.83h6.99V44.19 c0-4.02,0.901-7.136,2.707-9.35s4.575-3.321,8.304-3.321C256.069,31.519,259.156,32.364,261.953,34.053z"/> <path d="M286.771,51.092l-0.875,6.466c-1.166-0.407-2.273-0.612-3.321-0.612c-1.342,0-2.752,0.583-4.238,1.747 c-1.486,1.166-3.394,3.176-5.722,6.03v29.446h-6.905V50.83h5.68l0.699,7.777c2.506-3.087,4.589-5.256,6.248-6.51 c1.662-1.252,3.278-1.879,4.85-1.879C284.351,50.219,285.545,50.51,286.771,51.092z"/> <path d="M328.198,71.453c0,7.748-1.721,13.587-5.156,17.52c-3.439,3.932-8.157,5.898-14.156,5.898 c-11.594,0-17.389-7.135-17.389-21.408c0-7.746,1.716-13.573,5.156-17.476c3.435-3.903,8.154-5.855,14.156-5.855 C322.4,50.131,328.198,57.239,328.198,71.453z M321.033,73.462c0-6.465-0.906-11.082-2.709-13.849 c-1.806-2.766-4.691-4.152-8.652-4.152c-7.339,0-11.008,5.331-11.008,15.992c0,6.525,0.901,11.185,2.707,13.981 c1.806,2.796,4.689,4.194,8.652,4.194c3.494,0,6.203-1.339,8.126-4.019C320.07,82.929,321.033,78.881,321.033,73.462z"/> <path d="M371.093,69.355c0,1.748-0.045,5.535-0.13,11.36c-0.088,5.825-0.133,10.311-0.133,13.456h-6.815 c0-2.795,0.028-6.903,0.088-12.32c0.057-5.418,0.088-9.057,0.088-10.923c0-5.418-0.687-9.306-2.055-11.665 c-1.368-2.36-3.451-3.539-6.248-3.539c-2.97,0-6.523,1.719-10.66,5.156v33.291h-6.903V50.83h5.68l0.612,5.156 c4.485-3.903,9.057-5.855,13.72-5.855c4.134,0,7.296,1.5,9.479,4.5C370,57.632,371.093,62.539,371.093,69.355z"/> <path d="M404.523,92.337c-3.553,1.689-6.786,2.533-9.697,2.533c-3.672,0-6.248-0.872-7.735-2.62c-1.484-1.748-2.228-4.748-2.228-9 V55.898h-6.99V50.83h7.078c0.756-4.135,1.368-8.243,1.835-12.321h4.98V50.83h11.622v5.068h-11.622v25.603 c0,3.031,0.351,5.127,1.05,6.292c0.699,1.166,2.067,1.747,4.106,1.747c1.806,0,4.049-0.465,6.73-1.397L404.523,92.337z"/> <path d="M442.85,73.375h-26.041v0.873c0,5.301,1.005,9.162,3.015,11.578c2.01,2.418,4.994,3.627,8.958,3.627 c4.193,0,8.417-0.875,12.67-2.622l1.311,4.107c-5.068,2.62-10.283,3.931-15.642,3.931c-11.651,0-17.477-7.019-17.477-21.059 c0-7.514,1.56-13.339,4.677-17.476c3.115-4.136,7.472-6.205,13.063-6.205C438.567,50.131,443.722,57.88,442.85,73.375z M436.12,68.744v-0.35c0-8.853-3.058-13.281-9.173-13.281c-3.032,0-5.419,1.281-7.166,3.845c-1.749,2.564-2.74,5.825-2.973,9.786 H436.12z"/> <path d="M486.167,69.355c0,1.748-0.045,5.535-0.133,11.36c-0.088,5.825-0.13,10.311-0.13,13.456h-6.815 c0-2.795,0.028-6.903,0.085-12.32c0.059-5.418,0.088-9.057,0.088-10.923c0-5.418-0.685-9.306-2.053-11.665 c-1.37-2.36-3.451-3.539-6.248-3.539c-2.97,0-6.523,1.719-10.66,5.156v33.291h-6.903V50.83h5.679l0.612,5.156 c4.485-3.903,9.057-5.855,13.718-5.855c4.136,0,7.298,1.5,9.482,4.5C485.074,57.632,486.167,62.539,486.167,69.355z"/> <path d="M529.488,94.171h-5.592l-0.699-4.805c-4.487,3.669-8.74,5.504-12.758,5.504c-4.312,0-7.794-1.922-10.444-5.766 c-2.65-3.845-3.975-8.826-3.975-14.943c0-8.155,1.922-14.2,5.767-18.131c3.845-3.932,8.768-5.899,14.768-5.899 c0.057,0,2.067,0.117,6.03,0.35V32.218h6.903V94.171z M522.585,84.472V56.423c-2.389-0.757-4.691-1.137-6.905-1.137 c-3.729,0-6.741,1.485-9.043,4.456c-2.302,2.971-3.451,7.34-3.451,13.107c0,5.127,0.83,9.176,2.491,12.147 c1.659,2.97,3.944,4.456,6.858,4.456C515.448,89.454,518.798,87.793,522.585,84.472z"/> </g> </svg> <span class="header-date hidden-sm-down">Jueves 1 de Noviembre en UTN Medrano</span> <nav class="nav"> <ul class="nav-list"> <li class="nav-item hidden-sm-down" data-link="talkers">Quienes hablan</li> <li class="nav-item hidden-sm-down" data-link="location">Cómo llegar</li> <li class="nav-item header-button-item"> <a href="https://www.meetup.com/BAFrontend/" target="_blank" class="button"><span class="header-button-text">Quiero ir</span></a> </li> </ul> </nav> </div> </header> </div> <div class="O modal-shadow"></div> <div class="N modal"> <div class="container"> <p class="modal-title air-4">Código de Conducta</p> <p class="modal-subtitle air-3">Propósito</p> <p class="modal-text air-2">Un objetivo principal de todas las conferencias y grupos de usuarios que se refieran a este Código de Conducta es ser inclusivos para la mayor cantidad de personas, con la mayor variedad de orígenes y conocimientos posibles. Como tal, nos comprometemos a ofrecer un ambiente amigable, seguro y acogedor para todos, sin importar género, orientación sexual, capacidad, etnia, estado socio-económico, religión o creencia.</p> <p class="modal-text air-2">Este Código de Conducta expresa nuestras expectativas con respecto a quienes participan de nuestra comunidad, así como también las consecuencias de comportamientos inaceptables.</p> <p class="modal-text air-4">Invitamos a todos los que participan de nuestros eventos a ayudarnos a crear experiencias seguras y positivas para todos.</p> <p class="modal-subtitle air-3">Ciudadanía de Código / Cultura / Tecnología abierta</p> <p class="modal-text air-2">Un objetivo suplementario de este Código de Conducta es incrementar la ciudadanía de código/cultura/tecnología abierta, incentivando a sus participantes a reconocer y fortalecer las relaciones entre nuestras acciones y sus efectos en nuestra comunidad.</p> <p class="modal-text air-2">Las comunidades son espejo de las sociedades en las cuales existen y las acciones positivas son esenciales para contrarrestar las diversas formas de desigualdad y abuso de poder que existen en una sociedad.</p> <p class="modal-text air-4">Si Ud. ve a alguien haciendo un esfuerzo extra por asegurarse que nuestra comunidad sea acogedora, amistosa e incentiva a todos los que participan en ella a contribuir de manera completa, nos gustaría saberlo.</p> <p class="modal-subtitle air-3">Comportamiento esperado</p> <p class="modal-text air-2">Participe de un modo auténtico y activo. Al hacerlo contribuye a la salud y longevidad de esta comunidad.</p> <p class="modal-text air-2">Ejercite la consideración y el respeto en su discurso y en sus acciones.</p> <p class="modal-text air-2">Intente colaborar para evitar conflictos.</p> <p class="modal-text air-2">Absténgase de discursos o comportamientos despectivos, discriminatorios o abusivos.</p> <p class="modal-text air-4">Sea consciente de su entorno y de los/as otros/as participantes. Alerte a los líderes de la comunidad si nota alguna situación peligrosa, alguien sufriendo una situación comprometedora o violaciones de este Código de Conducta, incluso si parecieran poco importantes.</p> <p class="modal-subtitle air-3">Comportamiento inaceptable</p> <p class="modal-text air-2">Comportamientos inaceptables incluyen: discursos o acciones intimidantes, acosadores, abusivos, discriminatorios, despectivos o degradantes. El alcance incluye a todos/as los/as participantes de nuestra comunidad online en todos los eventos y comunicaciones personales llevadas a cabo en el contexto de las actividades de nuestra comunidad. Los lugares en donde se lleven a cabo eventos de la comunidad pueden ser compartidos con gente ajena a la misma, por favor sea respetuoso hacia las autoridades de dichos lugares.</p> <p class="modal-text air-4">Acoso incluye: daño o perjurio verbal o escrito relacionado con género, orientación sexual, raza, religión, incapacidad; uso inapropiado de imágenes de desnudez en espacios públicos (incluyendo presentaciones digitales); intimidación deliberada, acecho o persecución; fotografías o grabaciones abusivas; interrupción sostenida de presentaciones u de otros eventos; contacto físico inapropiado y atención sexual no deseada.</p> <p class="modal-subtitle air-3">Consecuencias del comportamiento inaceptable</p> <p class="modal-text air-2">No serán tolerados los comportamientos inaceptables de parte de cualquier miembro de la comunidad, incluidos patrocinadores y aquellos/as con autoridad para tomar decisiones. Se espera de todos/as los/as miembros el inmediato cumplimiento al solicitársele suspender comportamientos inaceptables.</p> <p class="modal-text air-4">Si un miembro incurre en comportamientos inaceptables los organizadores de la comunidad pueden sancionarlo de cualquier forma que se considere apropiada, incluyendo la suspensión temporal o permanente de su participación en la comunidad, sin previo aviso (y sin reintegro del dinero, en caso de ser un evento pago).</p> <p class="modal-subtitle air-3">Si es testigo o víctima de comportamiento inaceptable</p> <p class="modal-text air-2">Si Ud. es víctima o testigo de comportamiento inaceptable, o tiene cualquier otra preocupación o problema, por favor notifíquelo a un organizador de la comunidad tan pronto como sea posible. Puede encontrar una lista de los organizadores a contactar para cada una de las comunidades que apoyen este código de conducta al final de esta página.</p> <p class="modal-text air-4">Además, los organizadores de la comunidad se encuentran disponibles para ayudar a los miembros a contactar a las fuerzas policiales locales o, de lo contrario, para ayudar a sentirse seguros a aquellos que hayan sido víctimas de comportamiento inaceptable. En el contexto de eventos presenciales, los organizadores también proveerán escolta a las personas que hayan sufrido dichas experiencias.</p> <p class="modal-subtitle air-3">Desagravios</p> <p class="modal-text air-4">Si Ud. siente que ha sido falsa o injustamente acusado/a de violar este Código de Conducta, se le sugiere notificar a uno de los organizadores del evento con una descripción concisa del agravio. El mismo será contemplado y resuelto de acuerdo a las políticas existentes.</p> <p class="modal-subtitle air-3">Alcance</p> <p class="modal-text air-4">Se espera que todos los participantes de la comunidad (colaboradores/as -pagos o no-, patrocinadores y otros/as invitados/as) se atengan a este Código de Conducta en todos los lugares de encuentro de la comunidad –online o en persona– así como en todas las comunicaciones uno-a-uno relacionadas con actividades de la comunidad.</p> <p class="modal-subtitle air-3">Información de contacto</p> <p class="modal-text air-2">Dan Zajdband: <a class="modal-link" href="mailto:[email protected]" target="_blank">[email protected]</a></p> <p class="modal-text air-4">Roberto González: <a class="modal-link" href="mailto:[email protected]" target="_blank">[email protected]</a></p> <p class="modal-subtitle air-3">Licencia y atribución</p> <p class="modal-text air-2">El Berlin Code of Conduct se encuentra distribuido bajo una licencia Creative Commons Attribution-ShareAlike. Está basado en el <a class="modal-link" href="http://pdxruby.org/codeofconduct" target="_blank">pdx.rb code of conduct</a>, que también es distribuido bajo la misma licencia.</p> </div> </div> <div class="A modal-gradient"></div> <div class="M modal-close-button-wrapper"> <span class="modal-close-button modal-toggler button">Entendido</span> </div> <div class="I rainbow"></div> <div class="! body-wrapper"> <section class="hero air-6"> <div class="container"> <div class="hero-flex flex"> <div class="hero-magic"> <div class="hero-circle-wrapper" id="hero-clock" data-date="2018-11-01T19:00:00-03:00"> <svg class="hero-circle-svg" width="340px" height="340px" viewBox="0 0 340 340" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient x1="50%" y1="0%" x2="50%" y2="97.2397162%" id="linearGradient-1"> <stop stop-color="#E2373C" offset="0%"></stop> <stop stop-color="#FC9867" offset="100%"></stop> </linearGradient> </defs> <circle fill="white" id="O-Border" stroke="url(#linearGradient-1)" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" cx="170" cy="170" r="165"></circle> <g class="day-group" id="day-30" transform="translate(165.000000, 0.000000)"> <path d="M41.3516606,9.01748194 C32.8363181,7.00874097 19.5473955,5.06510109 5,5" id="30" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E2373C" cx="5" cy="5" r="5"></circle> </g> <g class="day-group" id="day-29" transform="translate(201.000000, 4.000000)"> <path d="M38.4111877,16.2664009 C27.9403396,11.4042948 16.8740344,7.60819228 5.35166065,5.01748194" id="29" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E2383D" cx="5" cy="5" r="5"></circle> </g> <g class="day-group" id="day28" transform="translate(234.000000, 15.000000)"> <path d="M35.1482154,23.0993746 C25.9377505,16.164982 15.9776605,10.17291 5.41118772,5.26640087" id="28" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E43C3E" cx="5" cy="5" r="5"></circle> </g> <g class="day-group" id="day-27" transform="translate(264.000000, 33.000000)"> <path d="M29.2928631,27.3439735 C22.0065252,19.1573836 13.9171053,11.7013133 5.14821542,5.09937459" id="27" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E54140" cx="5" cy="5" r="5"></circle> </g> <g class="day-group" id="day-26" transform="translate(288.000000, 54.000000)"> <path d="M24.3771879,32.5585679 C18.8746333,23.1897235 12.4737509,14.4120845 5.29286308,6.34397348" id="26" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E64743" cx="5" cy="5" r="5"></circle> </g> <g class="day-group" id="day-25" transform="translate(307.000000, 81.000000)"> <path d="M20.1158148,38.4600315 C16.3945985,26.8826484 11.4292467,15.8630177 5.37718788,5.55856792" id="25" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E84F46" cx="5" cy="5" r="5"></circle> </g> <g class="day-group" id="day-24" transform="translate(322.000000, 114.000000)"> <path d="M12.1351168,39.0021246 C10.950344,27.4250673 8.56865512,16.2024481 5.11581477,5.46003149" id="24" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#EB584B" cx="5" cy="5" r="5"></circle> </g> <g class="day-group" id="day-23" transform="translate(329.000000, 148.000000)"> <path d="M4.97809973,40.4673733 C5.83709205,33.8443602 6.51513464,19.3903114 5.13511684,5.00212462" id="23" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#EE6350" cx="5" cy="5" r="5"></circle> </g> <g class="day-group" id="day-22" transform="translate(326.000000, 183.000000)"> <path d="M0.895012713,38.2217969 C4.31904222,27.7269629 6.71938402,16.7695089 7.97809973,5.46737328" id="22" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#F06D54" cx="8" cy="5" r="5"></circle> </g> <g class="day-group" id="day-21" transform="translate(313.000000, 216.000000)"> <path d="M0.115293323,36.1717909 C5.71670411,26.437056 10.3534458,16.0768895 13.8950127,5.2217969" id="21" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#F37658" cx="14" cy="5" r="5"></circle> </g> <g class="day-group" id="day-20" transform="translate(293.000000, 247.000000)"> <path d="M0.192094399,32.7691415 C7.73766977,24.3068505 14.4243573,15.0621124 20.1152933,5.17179089" id="20" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#F6805D" cx="20" cy="5" r="5"></circle> </g> <g class="day-group" id="day-19" transform="translate(268.000000, 275.000000)"> <path d="M0.808569729,27.1556568 C9.66781074,20.5212213 17.8378897,13.0168122 25.1920944,4.76914152" id="19" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#F7875F" cx="25" cy="5" r="5"></circle> </g> <g class="day-group" id="day-18" transform="translate(238.000000, 297.000000)"> <path d="M0.662931671,23.0787694 C11.3775638,18.1686887 21.4754933,12.1449343 30.8085697,5.15565684" id="18" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#FA8F63" cx="31" cy="5" r="5"></circle> </g> <g class="day-group" id="day-17" transform="translate(205.000000, 315.000000)"> <path d="M0.987942393,16.0638629 C12.36686,13.5325672 23.3031606,9.82623179 33.6629317,5.07876944" id="17" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#FB9365" cx="34" cy="5" r="5"></circle> </g> <g class="day-group" id="day-16" transform="translate(170.000000, 326.000000)"> <path d="M0,9 L0,9 C12.360525,9 24.4036047,7.64085537 35.9879424,5.06386291" id="16" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#FC9767" cx="36" cy="5" r="5"></circle> </g> <g class="day-group" id="day-15" transform="translate(138.000000, 330.000000)"> <path d="M0.180307236,1.93448991 C10.4763678,3.945999 21.1150963,5 32,5 L32,5" id="15" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#FC9766" cx="33" cy="5" r="5"></circle> </g> <g class="day-group" id="day-14" transform="translate(104.000000, 321.000000)"> <path d="M0.0951126491,0.31207904 C10.903228,5.02620492 22.3141959,8.61624492 34.1803072,10.9344899" id="14" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#FC9767" cx="34" cy="10.8999939" r="5"></circle> </g> <g class="day-group" id="day-13" transform="translate(74.000000, 304.000000)"> <path d="M0.135590059,0.310241901 C9.44736131,6.96843783 19.4805077,12.6823557 30.0951126,17.312079" id="13" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#FB9465" cx="30" cy="17.2999878" r="5"></circle> </g> <g class="day-group" id="day-12" transform="translate(47.000000, 280.000000)"> <path d="M0.867150222,0.945729173 C8.76040021,9.6297461 17.5671496,17.4685198 27.1355901,24.3102419" id="12" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#F98E62" cx="26.9000015" cy="24.1000061" r="5"></circle> </g> <g class="day-group" id="day-11" transform="translate(26.000000, 252.000000)"> <path d="M0.914026293,0.222724665 C6.86366098,10.5541164 13.9000716,20.1804873 21.8671502,28.9457292" id="11" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#F7875F" cx="22" cy="29" r="5"></circle> </g> <g class="day-group" id="day-10" transform="translate(12.000000, 220.000000)"> <path d="M0.955202577,0.760381168 C4.52156006,11.8023264 9.22011191,22.3353848 14.9140263,32.2227247" id="10" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#F57F5C" cx="14.7999992" cy="32" r="5"></circle> </g> <g class="day-group" id="day-9" transform="translate(5.000000, 187.000000)"> <path d="M0.879511438,0.140208994 C2.07737012,11.7461038 4.47820126,22.9950953 7.95520258,33.7603812" id="9" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#F37658" cx="8" cy="34" r="5"></circle> </g> <g class="day-group" id="day-8" transform="translate(0.000000, 151.000000)"> <path d="M5.9840728,0.875533471 C4.60157667,10.6896954 5.09576153,31.2654498 5.87951144,36.140209" id="8" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#F06C53" cx="5.89999998" cy="36" r="5"></circle> </g> <g class="day-group" id="day-7" transform="translate(1.000000, 119.000000)"> <path d="M12.020239,0.0387002295 C8.60688394,10.560497 6.22196509,21.5456382 4.9840728,32.8755335" id="7" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#EE624F" cx="5" cy="33" r="5"></circle> </g> <g class="day-group" id="day-6" transform="translate(8.000000, 86.000000)"> <path d="M19.9453689,0.0117844487 C13.8209368,10.3481231 8.79253528,21.4104533 5.02023897,33.0387002" id="6" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#EB594B" cx="5" cy="33" r="5"></circle> </g> <g class="day-group" id="day-5" transform="translate(23.000000, 58.000000)"> <path d="M24.9293369,0.985892391 C17.392566,9.26844655 10.6872718,18.3210487 4.9453689,28.0117844" id="5" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E84F46" cx="5" cy="28" r="5"></circle> </g> <g class="day-group" id="day-4" transform="translate(42.000000, 34.000000)"> <path d="M33.2336503,0.911341443 C23.265483,7.91704766 14.1078577,15.9980855 5.92933689,24.9858924" id="4" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E64743" cx="5.90000153" cy="25" r="5"></circle> </g> <g class="day-group" id="day-3" transform="translate(70.000000, 19.000000)"> <path d="M33.0743495,0.137278472 C23.2513861,4.50143261 13.9337959,9.79681072 5.23365025,15.9113414" id="3" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E54141" cx="5.09999847" cy="16" r="5"></circle> </g> <g class="day-group" id="day-2" transform="translate(98.000000, 8.000000)"> <path d="M35.8401736,0.97447041 C25.1568567,3.3630716 14.8645969,6.78765938 5.07434945,11.1372785" id="2" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E2373C" cx="5.40000153" cy="11" r="5"></circle> </g> <g class="day-group" id="day-1" transform="translate(129.000000, 4.000000)"> <path d="M41,1 C29.2594402,1 14.9056806,2.66062624 5.15235993,4.97191705" id="1" stroke="#FFFFFF" stroke-width="11"></path> <circle fill="#E33B3E" cx="5" cy="5" r="5"></circle> </g> <circle transform="translate(165.000000, 0.000000)" fill="#E2373C" cx="5" cy="5" r="5"></circle> </svg> <div class="hero-circle-mask"> <span class="hero-circle-title">Faltan <span class="hero-circle-date-missing"></span> días</span> <span class="hero-circle-subtitle">Jueves 1 de Noviembre</span> <span class="hero-circle-subtitle">a las 19:00 en UTN Medrano</span> </div> </div> </div> <div class="hero-content"> <header class="hero-header flex wrap"> <h1 class="hero-title air-2"><span class="hero-title-text">La meetup de <span class="word-play">Frontend</span> más</span> <span class="hero-word">cool</span> <span class="hero-title-text hidden-xs-down">de todas</span></h1> <span class="hero-link-wrapper air-1 hidden-xs-down">Reservá tu lugar uniendote a nuestro <a class="hero-link" href="https://www.meetup.com/BAFrontend/" target="_blank"> <img class="konami-fix" src="../images/meetup.svg" alt="Logotipo de Meetup"> </a></span> <a href="https://www.meetup.com/BAFrontend/" target="_blank" class="hero-button button hidden-xs-down">Quiero ir</a> </header> </div> <div class="hero-mobile-content hidden-sm-up"> <span class="hero-link-wrapper air-1">Reservá tu lugar uniendote a nuestro <a class="hero-link" href="https://www.meetup.com/BAFrontend/" target="_blank"> <img src="../images/meetup.svg" alt="Logotipo de Meetup"> </a></span> <a href="https://www.meetup.com/BAFrontend/" target="_blank" class="hero-button button">Quiero ir</a> </div> </div> </div> <div class="in-waves" id="in-waves"> <div class="in-waves-wave" data-depth="0.2"></div> <div class="in-waves-wave" data-depth="0.4"></div> <div class="in-waves-wave" data-depth="0.8"></div> <div class="in-waves-wave" data-depth="1"></div> <div class="in-waves-wave" data-depth="1.2"></div> <div class="in-waves-wave" data-depth="0.8"></div> <div class="in-waves-wave" data-depth="0.4"></div> <div class="in-waves-wave" data-depth="0.2"></div> </div> </section> <section class="talkers air-6" data-section="talkers"> <div class="container"> <header> <h2 class="section-title talkers-title air-6">Charlas</h2> </header> <ul class="talkers-list flex"> <li class="talkers-item air-3"> <article class="talkers-item-wrapper flex"> <div class="talkers-media-wrapper"> <img class="talkers-media" src="../images/speakers/andres-galante.jpg" alt=""> </div> <div class="talkers-item-content"> <header class="talkers-item-title"> <h3>Media Queries</h3> </header> <span class="talkers-item-talker-name air-1">por Andrés Galante</span> <p class="talkers-item-description">Andrés nos va a contar de Media Queries Level 4 y cómo crear interfaces flexibles y accesibles aprovechando todas las features disponibles en CSS.</p> <div class="talkers-item-twitter"> <a href="https://twitter.com/andresgalante" target="_blank">@andresgalante</a> </div> </div> </article> </li> <li class="talkers-item air-3"> <article class="talkers-item-wrapper flex"> <div class="talkers-media-wrapper"> <img class="talkers-media" src="../images/speakers/gonzalo-pozzo.jpg" alt=""> </div> <div class="talkers-item-content"> <header class="talkers-item-title"> <h3>GG Easy con Cypress</h3> </header> <span class="talkers-item-talker-name air-1">por Gonzalo Pozzo</span> <p class="talkers-item-description">Gonzalo nos va a contar cómo usar Cypress, para asegurarnos de que "Woofgle", nuestro buscador de perritos, funcione correctamente.</p> <div class="talkers-item-twitter"> <a href="https://twitter.com/goncy" target="_blank">@goncy</a> </div> </div> </article> </li> </ul> <!--div class="talkers-link-wrapper"><a class="talkers-link">Ver charlas de ediciones anteriores</a--> </div> </section> <section class="javascript air-6"> <div class="container flex"> <header> <h2 class="javascript-title"><span class="javascript-title-text">¿Te animás a hablar de</span> <span class="javascript-title-highlight">JavaScript</span><span class="javascript-title-question-mark">?</span></h2> </header> <div class="javascript-content"> <span class="javascript-content-link-wrapper air-1">Postulate en <a href="https://github.com/bafrontend/charlas/issues/new" class="javascript-content-link" target="_blank"><img class="konami-fix" src="../images/github.svg" alt="Logotipo de Github"></a></span> <a href="https://github.com/bafrontend/charlas/issues/new" class="javascript-button button baby-blue" target="_blank">Postular Charla</a> </div> </div> </section> <section class="location air-6" data-section="location"> <div class="container mobile-container"> <header> <h2 class="section-title location-title air-6">Lugar</h2> </header> <div class="flex"> <div class="location-flex-column"> <img class="location-media" src="../images/utn/utn-2.jpg" alt=""> </div> <div class="location-flex-column"> <img class="location-media konami-fix" src="../images/utn/utn-1.jpg" alt=""> <div class="location-data"> <div class="location-data-locator"></div> <div class="location-data-content"> <span class="location-data-title air-1">UTN Aula Magna</span> <span class="location-data-text">A las 19:00 en Av. Medrano 951</span> <span class="location-data-text air-2">Ciudad Autónoma de Buenos Aires</span> <a class="location-google" href="https://www.google.com.ar/maps/place/UTN/@-34.5985434,-58.4223305,17z/data=!3m1!4b1!4m5!3m4!1s0x95bcca89f1011577:0x29c44e1ef51eaf27!8m2!3d-34.5985434!4d-58.4201418" target="_blank"><span class="arrow">Abrir en Google Maps</span></a> </div> </div> </div> </div> </div> </section> <section class="sponsors sponsors-organizers"> <div class="container"> <header> <h2 class="section-title talkers-title air-6">Organizan</h2> </header> <div class="flex"> <a class="sponsors-link" href="https://aerolab.co" target="_blank"> <img class="sponsors-image sponsor-aerolab konami-fix" src="/images/sponsors/aerolab.svg" alt="Logo de Aerolab"> </a> <a class="sponsors-link" href="https://www.olx.com.ar" target="_blank"> <img class="sponsors-image sponsor-olx konami-fix" src="/images/sponsors/olx.svg" alt="Logo de OLX"> </a> </div> </div> </section> <!-- <section class="sponsors sponsors-mini">
<div class="container">
<header>
<h2 class="section-title talkers-title air-6">Giveaways</h2>
</header>
<div class="flex">
<a class="sponsors-link sponsor-zeit" href="https://zeit.co" target="_blank">
<img class="sponsors-image konami-fix" src="/images/sponsors/zeit.svg" alt="Logo de Zeit" />
</a>
<a class="sponsors-link sponsor-frontendmasters" href="https://frontendmasters.com/" target="_blank">
<img class="sponsors-image konami-fix" src="/images/sponsors/frontendmasters.svg" alt="Logo de FrontendMasters" />
</a>
<a class="sponsors-link sponsor-egghead" href="https://egghead.io" target="_blank">
<img class="sponsors-image konami-fix" src="/images/sponsors/egghead.svg" alt="Logo de Egghead" />
</a>
<a class="sponsors-link sponsor-jetbrains" href="https://www.jetbrains.com" target="_blank">
<img class="sponsors-image konami-fix" src="/images/sponsors/jetbrains.svg" alt="Logo de Jetbrains" />
</a>
</div>
</div>
</section> --> <div class="easter"> <iframe class="easter-media" width="560" height="315" src="" frameborder="0" allowfullscreen></iframe> </div> <footer class="footer"> <div class="container flex"> <span class="footer-text">BA Frontend es una meetup sin fines de lucro</span> <a href="https://twitter.com/BAFrontend" class="footer-link" target="_blank">Seguinos en @BAFrontend</a> <span class="footer-text modal-toggler">Código de conducta</span> </div> </footer> </div> <script src="./scripts/main.js?20171115"></script> </body> </html>