Merge pull request #6 from sebasmagri/show_github_members_as_pythonistas

Se carga la lista de miembros de la organización PyVe de GitHub para mos...
pyve · Mar 31, 2013 · 92e1f6d · 92e1f6d
2 parents 2966889 + cf9079f
commit 92e1f6d
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 54 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -1,3 +1,7 @@
 .page-header {
     margin-top: 50px;
 }
+
+#lista_pythonistas > .span2 {
+    margin-bottom: 15px;
+}
diff --git a/index.html b/index.html
@@ -8,6 +8,8 @@
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
     <link href="css/custom.css" rel="stylesheet" media="screen">
     <!-- end styles -->
+    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
+    <script src="js/bootstrap.js"></script>
   </head>
   <body>
 
@@ -204,60 +206,7 @@ <h4>1er Encuentro Python 2008</h4>
         <div class="page-header">
           <h2>Pythonistas Venezolanos</h2>
         </div>  
-        <div class="row">
-           <div class="span2 text-center img-polaroid">
-            <img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" class="img-polaroid" /><br>
-            Vicente Salias<br>
-            <strong>@vicente</strong><br>
-            <a href="http://github.com/pyve/">himno.com</a>
-          </div>
-           <div class="span2 text-center img-polaroid">
-            <img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" class="img-polaroid" /><br>
-            Vicente Salias<br>
-            <strong>@vicente</strong><br>
-            <a href="http://github.com/pyve/">himno.com</a>
-          </div>
-           <div class="span2 text-center img-polaroid">
-            <img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" class="img-polaroid" /><br>
-            Vicente Salias<br>
-            <strong>@vicente</strong><br>
-            <a href="http://github.com/pyve/">himno.com</a>
-          </div>
-           <div class="span2 text-center img-polaroid">
-            <img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" class="img-polaroid" /><br>
-            Vicente Salias<br>
-            <strong>@vicente</strong><br>
-            <a href="http://github.com/pyve/">himno.com</a>
-          </div>
-           <div class="span2 text-center img-polaroid">
-            <img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" class="img-polaroid" /><br>
-            Vicente Salias<br>
-            <strong>@vicente</strong><br>
-            <a href="http://github.com/pyve/">himno.com</a>
-          </div>
-
-        </div>
-        <br>
-        <div class="row">
-           <div class="span2 text-center img-polaroid">
-            <img src="https://www.gravatar.com/avatar/767fc9c115a1b989744c755db47feb60" class="img-polaroid" /><br>
-            Juan José Landaeta<br>
-            <strong>@jjlandaeta</strong></br>
-            <a href="http://github.com/pyve/">el-letrista.com</a>
-          </div>
-           <div class="span2 text-center img-polaroid">
-            <img src="http://www.gravatar.com/avatar/d380e571e1a0012794af170fe48a5e65" class="img-polaroid" /><br>
-            Israel Fermín Montilla<br>
-            <strong><a href="http://twitter.com/iferminm/" target="_blank">@iferminm</a></strong></br>
-            <a href="http://iferminmontilla.com" target="_blank">iferminmontilla.com</a>
-          </div>
-          <div class="span2 text-center img-polaroid">
-            <img src="http://www.gravatar.com/avatar/b4dd234fdef7911be6f8181feeae4651" class="img-polaroid" /><br>
-            Carlos Gustavo Ruiz (arahat)<br>
-            <strong><a href="http://twitter.com/atmantree/" target="_blank">@atmantree</a></strong></br>
-            <a href="http://atmantree.com/" target="_blank">atmantree.com</a>
-          </div>
-
+        <div id="lista_pythonistas" class="row">
         </div>  
       </section>
 
@@ -306,5 +255,6 @@ <h2>Licencia del contenido de la página</h2>
         </div>
       </section>
     </div>
+    <script src="js/pyve.js"></script>
   </body>
 </html>
diff --git a/js/pyve.js b/js/pyve.js
@@ -0,0 +1,15 @@
+$(function () {
+    var membersURL = "https://api.github.com/orgs/pyve/members";
+    var lista = $("#lista_pythonistas");
+
+    var getPyVeMembers = function () {
+        $.getJSON(membersURL).then(function (data) {
+            $.each(data, function (i) {
+                console.log(data[i]);
+                var content = "<div class=\"span2 text-center img-polaroid\"><a href=\"" + data[i]["html_url"] + "\">" + "<img src=\"" + data[i]["avatar_url"] + "\" class=\"img-polaroid\" /><br>" + data[i]["login"] + "</a></div>";
+                lista.append(content);
+            });
+        });
+    };
+    getPyVeMembers();
+});