breakouts.html

---
layout: default
title: Grupos
description: Cada sesión después de la presentación nos dividimos en grupos de trabajo y estudio liderados por facilitadores recurrentes para guiar la conversación , responder preguntas, y construir equipos para desarrollar tecnología cívica.
---

<h1>Grupos</h1>

<p>Cada sesión después de la presentación nos dividimos en grupos de trabajo y estudio liderados por facilitadores recurrentes para guiar la conversación , responder preguntas, y construir equipos para desarrollar tecnología cívica.</p>

<p>¿Quieres iniciar un grupo? Anúncialo en la próxima Hack Night y reune gente interesada.</p>

<button class="btn btn-danger" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
  <i class='fa fa-question-circle'></i> ¿Cómo agrego un grupo a la lista?
</button>
<div class="collapse" id="collapseExample">
  <div class="well">
    <ol>
      <li>Crea una cuenta de GitHub si no has creado una: <a href='https://github.com/join' target='_blank'>https://github.com/join</a></li>
      <li>Abre una nuevo "Issue" en este repositorio: <a href='https://github.com/CodeandoMonterrey/grupos/issues/new' target='_blank'>https://github.com/CodeandoMonterrey/grupos/issues/new'</a></li>
      <li>Titula el issue con el nombre del grupo que deseas abrir y agrega la descripción en el cuerpo. Nosotros agregaremos las etiquetas correspondientes.</li>
    </ol>
  </div>
</div>
<br /><br />

<table id='breakout-groups' class='table table-bordered'>
  <tbody>
  </tbody>
</table>

{{raw}}
<script>

  //grab issue list from GitHub
  var githubUsr = 'CodeandoMonterrey', //group or user
    breakoutRepo = '/grupos'; //where to find breakout groups (as issues)

  $.when( $.getJSON( "https://api.github.com/repos/" + githubUsr + breakoutRepo + "/issues?state=open&direction=asc" ) ).then(function( data, textStatus, jqXHR ) {

    $.each(data, function(i, json){
      json['opened-on'] = moment(json['created_at']).fromNow();
      var labels = '';
      $.each(json['labels'], function(i, label){
        labels += "<span class='label label-info' style='background-color:#" + label['color'] + "'>" + label['name'] + "</span> ";
        });

      var html = "\
      <tr>\
        <td>\
          <h4><strong><a href='" + json['html_url'] + "' target='_blank'>" + json['title'] + "</a></strong> " + labels + "</h4>\
          <p>Started " + json['opened-on'] + " by <a href='" + json['user']['html_url'] + "' target='_blank'>" + json['user']['login'] + "</a></p>\
        </td>\
      </tr>\
      ";

      $("#breakout-groups tbody").append(html);
    });
  });


</script>
{{endraw}}