index.html

<!DOCTYPE html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>BogotáJS | La comunidad de JavaScript de Bogotá</title>
  <meta name="description" content="Acércate y aprende con nosotros, BogotáJS es un espacio gratuito y libre para aprender y compartir conocimiento sobre JavaScript. Realizamos diferentes eventos mensuales que ampliarán tus conocimientos sobre esta y otras tecnologías aledañas.">
  <link href="https://fonts.googleapis.com/css?family=Quicksand:700|Source+Sans+Pro" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="assets/css/main.css">
  <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-96789046-1', 'auto');
  ga('send', 'pageview');
  </script>
</head>
<body>
  <script type="text/javascript">
    document.documentElement.className = document.documentElement.className.replace('no-js','js')
  </script>
  <div class="content">
    <h1><svg id="logo" class="logo" data-name="BogotaJS" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 489.34 296.23"><defs><style>.cls-1{fill:#ffd200;}.cls-2{fill:#ff3c08;}.cls-3{fill:#2e2e2e;}</style></defs><title>BogotáJS</title><path class="cls-1 path-1" d="M125.8,233.44H5.66V17.12H125.8a56,56,0,0,1,20.59,108.16A56,56,0,0,1,125.8,233.44ZM13.49,225.61H125.8a48.2,48.2,0,1,0,0-96.4v-7.84a48.2,48.2,0,0,0,0-96.4H13.49Z" transform="translate(-5.66 -17.12)"/><path class="cls-2 path-2" d="M230,233.44A108.16,108.16,0,0,1,153.57,48.8a108.16,108.16,0,1,1,153,153A107.45,107.45,0,0,1,230,233.44ZM230,25a100.32,100.32,0,0,0-70.94,171.26A100.32,100.32,0,0,0,301,54.34,99.67,99.67,0,0,0,230,25Z" transform="translate(-5.66 -17.12)"/><path class="cls-1 path-3" d="M386.84,233.44A108.16,108.16,0,0,1,310.36,48.8a107.45,107.45,0,0,1,76.48-31.68h3.92V121.37H495v3.92A108.16,108.16,0,0,1,386.84,233.44ZM382.92,25a100.32,100.32,0,0,0-67,171.19,100.32,100.32,0,0,0,171.19-67H382.92Z" transform="translate(-5.66 -17.12)"/><path class="cls-3 path-2" d="M131.12,260.91v19.55a9.8,9.8,0,0,1,7.23-3.31,9.94,9.94,0,0,1,7.75,3.47,12.4,12.4,0,0,1,3.09,8.6,12.65,12.65,0,0,1-3.12,8.78,10,10,0,0,1-7.82,3.45,9.94,9.94,0,0,1-7.13-3.07v2.41H125.8V260.91Zm12.63,28.55a8,8,0,0,0-1.79-5.38,5.75,5.75,0,0,0-4.56-2.13,6.11,6.11,0,0,0-4.77,2.05,7.63,7.63,0,0,0-1.82,5.29,7.74,7.74,0,0,0,1.79,5.36,6,6,0,0,0,4.72,2.05,5.86,5.86,0,0,0,4.58-2.05A7.54,7.54,0,0,0,143.75,289.46Z" transform="translate(-5.66 -17.12)"/><path class="cls-3 path-2" d="M174.27,289.13a11.43,11.43,0,0,1,3.57-8.48,12.58,12.58,0,0,1,17.43,0,12.31,12.31,0,0,1,0,17.31,12.19,12.19,0,0,1-8.81,3.47,11.69,11.69,0,0,1-8.67-3.54A11.91,11.91,0,0,1,174.27,289.13Zm5.43.09a7.76,7.76,0,0,0,1.84,5.45,7.16,7.16,0,0,0,10,0,8.63,8.63,0,0,0,0-10.72,7.07,7.07,0,0,0-9.92,0A7.39,7.39,0,0,0,179.7,289.22Z" transform="translate(-5.66 -17.12)"/><path class="cls-3 path-2" d="M247.23,300.25q0,1.63-.11,2.87a20,20,0,0,1-.3,2.18,9.73,9.73,0,0,1-2.22,4.46,10.76,10.76,0,0,1-8.57,3.59,11.44,11.44,0,0,1-7.58-2.48,10.14,10.14,0,0,1-3.54-7.06h5.34a6,6,0,0,0,1,2.62,5.71,5.71,0,0,0,4.82,2.15q5.83,0,5.83-7.16v-3.21a9.92,9.92,0,0,1-7.3,3.24,9.8,9.8,0,0,1-7.7-3.4,12.6,12.6,0,0,1-3-8.62,13.27,13.27,0,0,1,2.81-8.55,9.77,9.77,0,0,1,8-3.73,9.27,9.27,0,0,1,7.23,3.24v-2.6h5.31Zm-5.1-10.91a7.74,7.74,0,0,0-1.79-5.36,5.93,5.93,0,0,0-4.65-2.05,5.72,5.72,0,0,0-4.77,2.24,9.24,9.24,0,0,0,0,10.34,5.73,5.73,0,0,0,4.77,2.2,5.83,5.83,0,0,0,4.82-2.22A7.91,7.91,0,0,0,242.13,289.34Z" transform="translate(-5.66 -17.12)"/><path class="cls-3 path-2" d="M273.4,289.13a11.43,11.43,0,0,1,3.57-8.48,12.58,12.58,0,0,1,17.43,0,12.31,12.31,0,0,1,0,17.31,12.19,12.19,0,0,1-8.81,3.47,11.69,11.69,0,0,1-8.67-3.54A11.91,11.91,0,0,1,273.4,289.13Zm5.43.09a7.76,7.76,0,0,0,1.84,5.45,7.16,7.16,0,0,0,10,0,8.63,8.63,0,0,0,0-10.72,7.07,7.07,0,0,0-9.92,0A7.39,7.39,0,0,0,278.83,289.22Z" transform="translate(-5.66 -17.12)"/><path class="cls-3 path-2" d="M329.87,282.75v18h-5.31v-18h-2.27v-5h2.27v-8.43h5.31v8.43H334v5Z" transform="translate(-5.66 -17.12)"/><path class="cls-3 path-2" d="M375.55,277.79h5.34v23h-5.34v-2.41a10.2,10.2,0,0,1-14.95-.38,12.82,12.82,0,0,1-3.09-8.78,12.43,12.43,0,0,1,3.09-8.62,10,10,0,0,1,7.75-3.45,9.78,9.78,0,0,1,7.2,3.31Zm-12.61,11.43a8,8,0,0,0,1.77,5.38,5.8,5.8,0,0,0,4.58,2.1,6.1,6.1,0,0,0,4.77-2,8.74,8.74,0,0,0,0-10.67,6,6,0,0,0-4.72-2.05,5.87,5.87,0,0,0-4.58,2.08A7.66,7.66,0,0,0,362.94,289.22Zm14.95-22.76-8.6,7.79-2.9-1.79,6.49-8.6Z" transform="translate(-5.66 -17.12)"/><path class="cls-3 path-2" d="M409,298.15a3.28,3.28,0,0,1,6.56,0,3.19,3.19,0,0,1-1,2.34,3.34,3.34,0,0,1-4.65,0A3.2,3.2,0,0,1,409,298.15Z" transform="translate(-5.66 -17.12)"/><path class="cls-3 path-2" d="M442.83,268.23a3.47,3.47,0,0,1,3.45-3.42,3.35,3.35,0,0,1,2.46,1,3.27,3.27,0,0,1,1,2.43,3.35,3.35,0,0,1-1,2.46,3.27,3.27,0,0,1-2.43,1,3.47,3.47,0,0,1-3.47-3.49Zm6.12,9.56v35.52h-5.31V277.79Z" transform="translate(-5.66 -17.12)"/><path class="cls-3 path-2" d="M489.59,281.71l-4.39,2.34q-1-2.13-2.57-2.13a1.77,1.77,0,0,0-1.25.48,1.62,1.62,0,0,0-.52,1.24q0,1.32,3.07,2.62a18.32,18.32,0,0,1,5.69,3.35,5.74,5.74,0,0,1,1.46,4.13,7.24,7.24,0,0,1-2.46,5.57,8.36,8.36,0,0,1-5.76,2.13q-5.79,0-8.19-5.64l4.53-2.1a9.84,9.84,0,0,0,1.44,2.1,3.28,3.28,0,0,0,2.31.9q2.69,0,2.69-2.46,0-1.42-2.08-2.64l-1.61-.78-1.63-.78a10,10,0,0,1-3.26-2.27,5.59,5.59,0,0,1-1.2-3.71,6.56,6.56,0,0,1,2.05-5,7.21,7.21,0,0,1,5.1-2Q487.44,277.16,489.59,281.71Z" transform="translate(-5.66 -17.12)"/></svg></h1>

    <div class="meetup-link-cont">
      <a href="https://www.meetup.com/BogotaJS/" class="meetup-link"><i class="fa fa-meetup" aria-hidden="true"></i>Ir al Meetup</a>
      <a href="https://ti.to/bogotajs" class="tito-link"><i class="fa fa-ticket" aria-hidden="true"></i>Ir a Tito</a>
    </div>

    <nav class="menu">
      <a href="https://www.meetup.com/BogotaJS/"><i class="fa fa-meetup" aria-hidden="true"></i>Eventos</a>
      <a href="https://www.meetup.com/BogotaJS/"><i class="fa fa-ticket" aria-hidden="true"></i>Tickets</a>
      <a href="http://coc.bogotajs.com"><i class="fa fa-shield" aria-hidden="true"></i>Código de Conducta</a>
      <a href="http://charla.bogotajs.com"><i class="fa fa-bullhorn" aria-hidden="true"></i>Propón una Charla</a>
      <a href="http://bit.ly/prospectus-bogjs"><i class="fa fa-bolt" aria-hidden="true"></i>Patrocinio</a>
      <a href="https://github.com/nodeschool/bogota"><i class="fa fa-code" aria-hidden="true"></i>NodeSchool Bogotá</a>
      <a href="https://github.com/coljs/bogotajs/"><i class="fa fa-github" aria-hidden="true"></i>Github</a>
      <a href="https://gitter.im/coljs/bogotajs"><i class="fa fa-comments-o" aria-hidden="true"></i>Gitter</a>
      <a href="http://cuentas.bogotajs.com"><i class="fa fa-book" aria-hidden="true"></i>Cuentas</a>
    </nav>

    <h2>Patrocinadores</h2>
    <div class="intro">
    Si deseas apoyar esta comunidad encontrarás información sobre cómo en: <a href="http://bit.ly/prospectus-bogjs">patrocinio.bogotajs.com</a>. Nuestros actuales patrocinadores son:
    <table class="sponsors-table">
      <thead>
        <tr>
          <th>patrocinador</th>
          <th>categoría</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><img src="https://secure.meetupstatic.com/photos/sponsor/5/5/5/2/iab120x90_2661842.jpeg" alt="Monoku"></td>
          <td>Gold</td>
        </tr>
        <tr>
          <td><img src="https://secure.meetupstatic.com/photos/sponsor/6/1/e/3/iab120x90_2665059.jpeg" alt="Bizagi"></td>
          <td>Venue</td>
        </tr>
      </tbody>
    </table>
    </div>

    <h2>Acerca</h2>
    <div class="intro">
      <p>Acércate y aprende con nosotros y más de 2.500 miembros, <strong>BogotáJS</strong> es un espacio gratuito y libre para aprender y compartir conocimiento sobre <strong>JavaScript</strong>. Realizamos diferentes eventos mensuales que ampliarán tus conocimientos sobre esta y otras tecnologías aledañas.</p>
      <p>Nos regimos bajo un <a href="http://coc.bogotajs.com">Código de Conducta</a> que aplica a los asistentes, ponentes, voluntarios, patrocinadores y organizadores del grupo, esto con el objetivo de propiciar un ambiente sin acoso e inclusivo.</p>
    </div>

    <h2>Eventos</h2>
    <div class="intro">
      <p>Los eventos los publicamos en el grupo de <a href="https://www.meetup.com/BogotaJS/">Meetup BogotáJS</a> y manejamos diferentes tipos de eventos:</p>
      <ul>
        <li>
          <h3>Reuniones Mensuales</h3>
          <p>Acá nos reunimos mensualmente para conocer/aprender sobre diferentes temas de JavaScript. Acá encontrarás dos formatos de charlas: Lightning Talks (10 minutos) y Charlas Estándar (max 30 minutos). Los temas varían dependiendo de los ponentes.</p>
        </li>
        <li>
          <h3>LadiesJS</h3>
          <p>Este es un espacio de aprendizaje sobre JavaScript, generalmente en formato de talleres donde se trabajan diferentes temas introductorios a JavaScript dando prioridad a las mujeres (no es exclusivo).</p>
        </li>
        <li>
          <h3>NodeSchool</h3>
          <p>Tenemos el capítulo de <a href="https://github.com/nodeschool/bogota" target="_blank">NodeSchool</a> de Bogotá! <a href="https://nodeschool.io/" target="_blank">NodeSchool</a> es un formato de taller guiado por medio de la terminal con el apoyo de mentores expertos. Este formato lo realizamos por lo menos una vez al año junto al <a href="https://nodeschool.io/international-day/" target="_blank">NodeSchool Day</a>.</p>
        </li>
        <li>
          <h3>NodeBots</h3>
          <p>Acá aprendemos a controlar hardware (motores, servomotores, leds, etc.) usando <a href="http://nodebots.io/" target="_blank">JavaScript</a>. Este tipo de eventos los realizamos en diferentes momentos del año, usualmente junto al <a href="https://github.com/nodebots/nodebotsday" target="_blank">NodeBots Day</a> o en el Cumpleaños de la comunidad</p>
        </li>
      </ul>
    </div>

    <h2>Organizadores</h2>
    <ul class="organizers">
      <li><a href="http://twitter.com/davsket" target="_blank">David Avellaneda</a></li>
      <li><a href="http://twitter.com/buritica" target="_blank">Juan Pablo Buritica</a></li>
      <li><a href="http://twitter.com/agar3s" target="_blank">Giovanny Beltrán</a></li>
      <li><a href="http://twitter.com/kuryaki" target="_blank">David Roncancio</a></li>
      <li><a href="http://twitter.com/hugozap" target="_blank">Hugo Zapata</a></li>
      <li><a href="https://twitter.com/manvedu" target="_blank">María Velandia</a></li>
      <li><a href="https://twitter.com/nathalyvillamor" target="_blank">Nathaly Villamor</a></li>
      <li><a href="https://twitter.com/milena_suarezl" target="_blank">Ana Milena Suarez</a></li>
      <li><a href="https://twitter.com/dernestoe" target="_blank">Daniel Escobar</a></li>
      <li><a href="https://twitter.com/sergiosinuco" target="_blank">Sergio Sinuco</a></li>
    </ul>
    <footer>
      <nav>
        <a href="https://twitter.com/BogotaJS"><i class="fa fa-twitter" aria-hidden="true"></i>Twitter</a>
        <a href="https://www.facebook.com/groups/bogotajs/"><i class="fa fa-facebook" aria-hidden="true"></i>Facebook</a>
        <br>
        <a href="mailto:hola@bogotajs.com">hola@bogotajs.com</a>
      </nav>
      <p>BogotáJS hace parte de <a href="http://coljs.org">ColombiaJS</a> y <a href="http://colombia-dev.org">Colombia Dev</a>.</p>
    </footer>
  </div>
  <script src="https://use.fontawesome.com/2733d03227.js"></script>
  <script type="text/javascript">
  const orgs = document.querySelector('.organizers')
  const elems = [].slice.call(orgs.querySelectorAll('li'))
  const docFrag = document.createDocumentFragment()
  while (elems.length) {
    const index = ~~(Math.random() * elems.length)
    docFrag.appendChild(elems.splice(index, 1)[0])
  }
  orgs.innerHTML = ''
  orgs.appendChild(docFrag)

  document.querySelector('#logo').classList.add('loaded')
  </script>
</body>
</html>