jquery.org/join: Added stripe payment form

Author: rdworth

themes/jquery.org/images/icn-fan.png

@@ -188,7 +188,7 @@ ul.flex-direction-nav {
 .member-level-icon {
     display: block;
     position: absolute;
-    top: 90px;
+    top: 60px;
     right: -50px;
 
     width: 225px;
@@ -198,15 +198,15 @@ ul.flex-direction-nav {
 }
 
 .member-level-icon.fan {
-    background: url(images/icn-fan.png) center top;
+    background: url(images/icn-fan.png) center top no-repeat;
 }
 
 .member-level-icon.friend {
-    background: url(images/icn-friend.png) center top;
+    background: url(images/icn-friend.png) center top no-repeat;
 }
 
 .member-level-icon.hero {
-    background: url(images/icn-hero.png) center top;
+    background: url(images/icn-hero.png) center top no-repeat;
 }
 
 
@@ -280,6 +280,10 @@ a.icon-search::before {
 
 }
 
+.member-level form a.button {
+    clear: none;
+}
+
 
 .choose-gifts {
     background-color: #378a9b;

themes/jquery.org/images/icn-friend.png

@@ -89,6 +89,21 @@ $(function() {
 			var gift = $( this ).nextAll(".choose-gifts").slideToggle();
 			gifts.not( gift ).slideUp();
 		});
+
+		$(".member-level .pay").on( "click", function() {
+			var a = $(this)
+			StripeCheckout.open({
+				key: 'pk_NjMf2QUPtR28Wg0xmyWtepIzUziVr',
+				image: a.data("image"),
+				name: a.data("name"),
+				description: a.data("description"),
+				panelLabel: a.data("panel-label"),
+				amount: a.data("amount"),
+				token: function(res) {
+					alert(res.id);
+				}
+			});
+		});
 	})();
 });