Adding Meetup API

css/style.css

@@ -197,6 +197,19 @@
         text-align: center;
     }
 
+
+    /* Meetup
+    -------------------------------------------------- */
+
+   .meetup{width:60%; position:relative; margin:auto; clear:both}
+.meetup h3{float:left; width:100%; text-align:center; margin:4% 0px}
+.meetup span {  margin-left:1%;   border: 2px solid;
+    border-radius:100px; font-size:18px; padding:0px 2%;}
+.meetup #description {float:left;}
+.meetup #status{width:100%; float:left; text-align:center; margin-bottom:2%}
+
+
+
     /* RESPONSIVE CSS
     -------------------------------------------------- */
 

index.html

@@ -256,10 +256,12 @@ <h2 class="featurette-heading">We Meet Often. <span class="muted">Come Join Us.<
     						href="https://www.facebook.com/CodeForFTL"> Facebook</a>
     						to learn more about events and projects.</p>
 
-    						<div class="calendar">
+
+                             <div class='meetup'></div>
+    						<!-- <div class="calendar">
     							<iframe src="https://www.google.com/calendar/embed?src=codeforftl%40gmail.com&ctz=America/New_York"
     							style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
-    						</div>
+    						</div> -->
     					</div>
     					<hr class="featurette-divider">
     					<div class="featurette" id="contact">
@@ -344,6 +346,8 @@ <h3>Ryan Gates</h3>
     							fjs.parentNode.insertBefore(js, fjs);
     							return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });
     						}(document, "script", "twitter-wjs"));</script>
+
+                            <script type = "text/javascript" src="js/meetup/meetup.js"></script>
 
     					</body>
 

js/meetup/meetup.js

@@ -0,0 +1,35 @@
+$(document).ready(function(){
+  $title = $('#title');
+  $meetup = $('.meetup');
+
+
+ $.ajax({ 
+    type:"GET",
+    url:"https://api.meetup.com/code-for-FTL/events?&sign=true&photo-host=public&page=20", 
+    success: function(response) { 
+
+   $(response.data).each(function(index, value){
+    var getdate = new Date(value.time).toString().substring(0,16);
+     var gettime = new Date(value.time).toLocaleTimeString();
+     $meetup.append(
+
+       "<h3>"+ value.name +"</h3> \
+       <div id \='status'\><span>"+"rsvp:"+value.yes_rsvp_count+ "       " + getdate +"        "+gettime+"</span></div> \
+        <p id\='description'\>"+value.description + "</p>"
+
+
+       );
+
+
+    });
+
+
+
+
+
+    },
+
+    dataType: 'jsonp',
+  });
+
+});