social_share 0.1.1 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 770d97fd46f0866c2dfc09abb69ce635fa5fa785
-  data.tar.gz: 00be652ef19e285d2743b7f08370f808b97595e3
+  metadata.gz: 9c0990cb21158ea54e54eda6d7870ba7f4e20b5c
+  data.tar.gz: 231212f516b30a19688a9e98a09625c9c360b71d
 SHA512:
-  metadata.gz: 429a758ec7fd91a251183e0cddf3f27820386d38fd879fff540fc9560f6f851b1a671398177eb4ea8d12aaf8f0741488758cc4b7dec09ded564366f48cb980b8
-  data.tar.gz: bdc6f3baaf50789a13cf429e3e96ef4aff68e2ce686b482348e829a8918cb6e9ecc46cf35c7338cfdf6686718027be4a374eb80e605c007763b4b78398582f62
+  metadata.gz: 41df28312c0a1766cf3592e7dcb9e0a9834fe5af21fab727118a77d1c575b12bebba25ba0c842566103728c80a5d2c66bafaa1e4e4bc8161bedaccc29ba60681
+  data.tar.gz: b7275b0cedca53c945341cccf2573ce570fedc18f83a94b07507bbef119c8cd50b8937c38f592b2be7d7b41d8d3b1ccaa84bc531ce70f432b17e770fd1fd9db5

data/README.md

@@ -32,10 +32,19 @@ Or install it yourself as:
 *= require social_share
 ```
 
-The `social_share` method takes a title, a url, and an optional services argument (defaults to Facebook and Twitter).
+The current social service options are `[:facebook, :twitter, :google_plus, :pinterest, :reddit, :tumblr, :stumbleupon]`
 
+The `social_share` method takes a title, a url, and an optional services argument (defaults to Facebook and Twitter) as well as an optional more_services option (defaults to everything except Facebook and Twitter).
+
+```ruby
+<%= social_share(@video.title, video_path(@video), services: [:facebook, :twitter, :google_plus]) %>
+```
+
+**Gotchas**
+
+The Pinterest button will only be generated if you include the optional image argument:
 ```ruby
-<%= social_share(@video.title, video_path(@video), [:facebook, :twitter, :google_plus]) %>
+<%= social_share(@video.title, video_path(@video), image: 'https://placekitten.com/g/500/300') %>
 ```
 
 ## Contributing

data/app/assets/fonts/social_share.svg

@@ -9,6 +9,11 @@
 <glyph unicode="&#x20;" d="" horiz-adv-x="512" />
 <glyph unicode="&#xe600;" d="M863.371 438.857q0-95.621-47.126-176.374t-127.876-127.876-176.372-47.126q-50.784 0-99.739 14.639 26.996 42.546 35.686 75.032 4.119 15.555 24.706 96.534 9.152-17.842 33.398-30.882t52.158-13.039q55.361 0 98.824 31.34t67.257 86.242 23.791 123.532q0 52.158-27.227 97.912t-78.921 74.575-116.667 28.824q-48.039 0-89.673-13.266t-70.684-35.23-49.874-50.556-30.65-59.248-9.837-61.306q0-47.581 18.303-83.728t53.534-50.784q13.724-5.49 17.392 9.152 0.915 3.202 3.665 14.182t3.658 13.724q2.749 10.523-5.035 19.673-23.333 27.908-23.333 69.086 0 69.086 47.811 118.728t125.132 49.64q69.086 0 107.745-37.517t38.66-97.446q0-77.783-31.34-132.221t-80.294-54.445q-27.908 0-44.837 19.903t-10.523 47.811q3.658 16.013 12.123 42.778t13.724 47.122 5.261 34.541q0 22.875-12.357 37.976t-35.228 15.101q-28.366 0-48.039-26.079t-19.673-64.966q0-33.398 11.438-55.816l-45.294-191.241q-7.776-32.026-5.946-80.982-94.25 41.634-152.354 128.562t-58.101 193.53q0 95.621 47.126 176.372t127.876 127.876 176.374 47.126 176.374-47.126 127.876-127.876 47.126-176.372z" />
 <glyph unicode="&#xe601;" d="M361.095 420.006q0-15.294 13.595-29.951t32.925-28.889 38.447-31.225 32.713-44.183 13.595-60.327q0-38.236-20.393-73.496-30.588-51.829-89.641-76.259t-126.602-24.428q-56.078 0-104.722 17.631t-72.859 58.416q-15.72 25.49-15.72 55.654 0 34.412 18.906 63.726t50.343 48.856q55.654 34.836 171.634 42.484-13.595 17.843-20.18 31.439t-6.584 31.012q0 15.294 8.922 36.111-19.543-1.699-28.889-1.699-62.875 0-105.996 40.997t-43.121 103.872q0 34.836 15.294 67.549t42.059 55.654q32.713 28.039 77.533 41.634t92.402 13.595h177.582l-58.627-37.386h-55.654q31.439-26.765 47.582-56.503t16.144-67.974q0-30.588-10.408-55.016t-25.066-39.51-29.526-27.614-25.278-26.128-10.408-28.039zM299.069 460.791q16.144 0 33.137 7.010t28.039 18.48q22.517 24.216 22.517 67.549 0 24.642-7.222 53.105t-20.604 55.016-35.899 43.971-49.706 17.418q-17.843 0-35.049-8.285t-27.827-22.303q-19.968-25.066-19.968-67.974 0-19.543 4.248-41.422t13.382-43.758 22.092-39.298 31.863-28.464 40.997-11.046zM299.919 89.907q24.641 0 47.369 5.522t42.059 16.568 31.012 31.012 11.683 46.308q0 10.621-2.974 20.817t-6.16 17.843-11.472 17.63-12.533 14.869-16.357 14.657-15.506 12.319-17.631 12.745-15.506 11.046q-6.798 0.85-20.393 0.85-22.517 0-44.608-2.974t-45.671-10.621-41.21-19.543-29.101-31.649-11.472-44.82q0-29.738 14.869-52.467t38.873-35.262 50.556-18.692 54.167-6.16zM644.037 462.065h90.49v-45.883h-90.49v-93.040h-44.608v93.040h-90.066v45.883h90.066v92.19h44.608v-92.19z" horiz-adv-x="805" />
+<glyph unicode="&#xf003;" d="M919.51 152.815v407.51q-16.98-19.102-36.613-35.020-142.204-109.306-226.041-179.347-27.061-22.816-44.041-35.551t-45.898-25.734-54.387-13h-1.061q-25.47 0-54.387 13t-45.898 25.734-44.041 35.551q-83.837 70.041-226.041 179.347-19.633 15.918-36.613 35.020v-407.51q0-6.898 5.041-11.939t11.939-5.041h781.061q6.898 0 11.939 5.041t5.041 11.939zM919.51 710.489v13t-0.266 6.898-1.592 6.633-2.919 4.776-4.776 3.98-7.429 1.327h-781.061q-6.898 0-11.939-5.041t-5.041-11.939q0-89.143 78-150.694 102.408-80.653 212.776-168.204 3.184-2.653 18.571-15.653t24.408-19.898 23.613-16.714 26.796-14.592 22.816-4.776h1.061q10.613 0 22.816 4.776t26.796 14.592 23.613 16.714 24.408 19.898 18.571 15.653q110.367 87.551 212.776 168.204 28.653 22.816 53.327 61.286t24.673 69.776zM987.429 730.122v-577.306q0-35.020-24.939-59.959t-59.959-24.939h-781.061q-35.020 0-59.959 24.939t-24.939 59.959v577.306q0 35.020 24.939 59.959t59.959 24.939h781.061q35.020 0 59.959-24.939t24.939-59.959z" />
+<glyph unicode="&#xf067;" d="M804.571 493.715v-109.714q0-22.857-16-38.857t-38.857-16h-237.714v-237.714q0-22.857-16-38.857t-38.857-16h-109.714q-22.857 0-38.857 16t-16 38.857v237.714h-237.714q-22.857 0-38.857 16t-16 38.857v109.714q0 22.857 16 38.857t38.857 16h237.714v237.714q0 22.857 16 38.857t38.857 16h109.714q22.857 0 38.857-16t16-38.857v-237.714h237.714q22.857 0 38.857-16t16-38.857z" horiz-adv-x="805" />
 <glyph unicode="&#xf099;" d="M925.714 717.714q-38.286-56-92.571-95.429 0.571-8 0.571-24 0-74.286-21.714-148.286t-66-142-105.429-120.286-147.429-83.429-184.571-31.143q-154.857 0-283.429 82.857 20-2.286 44.571-2.286 128.571 0 229.143 78.857-60 1.143-107.429 36.857t-65.143 91.143q18.857-2.857 34.857-2.857 24.571 0 48.571 6.286-64 13.143-106 63.714t-42 117.429v2.286q38.857-21.714 83.429-23.429-37.714 25.143-60 65.714t-22.286 88q0 50.286 25.143 93.143 69.143-85.143 168.286-136.286t212.286-56.857q-4.571 21.714-4.571 42.286 0 76.571 54 130.571t130.571 54q80 0 134.857-58.286 62.286 12 117.143 44.571-21.143-65.714-81.143-101.714 53.143 5.714 106.286 28.571z" horiz-adv-x="951" />
 <glyph unicode="&#xf09a;" d="M529.75 871.347v-140.081h-83.306q-45.633 0-61.551-19.102t-15.919-57.306v-100.286h155.47l-20.694-157.061h-134.776v-402.734h-162.367v402.734h-135.306v157.061h135.306v115.673q0 98.694 55.184 153.081t146.98 54.387q78 0 120.98-6.367z" horiz-adv-x="585" />
+<glyph unicode="&#xf173;" d="M594.933 172.531l42.449-125.756q-12.204-18.572-58.898-35.020t-93.918-16.98q-55.184-1.061-101.082 13.796t-75.613 39.266-50.408 56.246-29.45 63.673-8.755 62.613v288.653h-89.143v114.082q38.204 13.796 68.449 36.877t48.286 47.755 30.776 54.123 18.041 52.53 7.958 46.959q0.53 2.652 2.386 4.51t3.98 1.857h129.47v-224.98h176.694v-133.714h-177.224v-274.857q0-15.918 3.449-29.714t11.939-27.857 26.266-22.020 43.244-7.429q41.387 1.061 71.102 15.387z" horiz-adv-x="731" />
+<glyph unicode="&#xf1a1;" d="M481.439 366.204q0-29.714-21.49-50.939t-51.204-21.224q-30.245 0-52 21.224t-21.755 50.939q0 30.245 22.020 52t51.734 21.755 51.204-21.755 21.49-52zM726.051 439.959q29.714 0 51.204-21.755t21.49-52q0-29.714-21.49-50.939t-51.204-21.224q-30.245 0-52 21.224t-21.755 50.939q0 30.245 22.020 52t51.734 21.755zM1093.234 445.796q0-32.898-16.449-60.49t-44.041-43.51q2.653-17.51 2.653-32.367 0-64.204-36.347-122.306t-104.796-102.673q-66.327-43.51-151.49-66.592t-178.020-23.082q-93.387 0-178.551 23.082t-150.959 66.592q-68.449 44.571-104.796 102.408t-36.347 122.571q0 15.387 2.653 35.020-25.47 16.449-40.857 43.245t-15.387 58.102q0 49.877 35.020 84.898t84.898 35.020q44.041 0 78.53-29.184 131.592 83.837 314.123 87.020l71.102 224.449q2.123 7.429 9.286 11.408t15.123 2.387l184.123-43.51q11.673 26.53 36.347 42.98t54.387 16.449q40.857 0 69.776-28.918t28.918-69.776-28.918-70.041-69.776-29.184q-40.327 0-69.245 28.653t-29.449 69.51l-167.143 39.266-61.551-194.204q173.51-7.429 297.143-88.082 33.959 30.776 80.123 30.776 49.877 0 84.898-35.020t35.020-84.898zM923.439 836.857q-23.877 0-40.857-16.98t-16.98-40.857 16.98-40.857 40.857-16.98 40.857 16.98 16.98 40.857-16.98 40.857-40.857 16.98zM81.357 445.796q0-35.551 27.061-58.898 26 69.51 95.51 124.694-19.102 13.266-43.51 13.266-32.898 0-55.98-23.081t-23.082-55.98zM871.97 118.409q59.429 38.734 91 88.082t31.571 102.939-31.571 102.673-91 87.816q-61.551 39.796-140.877 61.286t-166.347 21.49-166.347-21.49-140.877-61.286q-59.429-38.734-91-87.816t-31.571-102.673 31.571-102.939 91-88.082q61.551-39.796 140.877-61.286t166.347-21.49 166.347 21.49 140.877 61.286zM1022.133 383.715q30.245 24.408 30.245 62.081 0 32.898-23.082 55.98t-55.98 23.082q-26 0-45.633-14.857 69.51-55.714 94.449-126.286zM708.010 188.449q5.837 5.837 14.327 5.837t14.327-5.837 5.837-14.592-5.837-14.592q-52.53-52.53-169.266-52.53h-1.061q-116.734 0-169.266 52.53-5.837 5.837-5.837 14.592t5.837 14.592 14.327 5.837 14.327-5.837q40.857-40.857 140.613-40.857h1.061q99.755 0 140.613 40.857z" horiz-adv-x="1134" />
+<glyph unicode="&#xf1a4;" d="M606.857 544v67.429q0 24-17.143 41.143t-41.143 17.143-41.143-17.143-17.143-41.143v-349.714q0-100-72-170.857t-173.143-70.857q-101.714 0-173.429 71.714t-71.714 173.429v152h187.429v-149.714q0-24.571 17.143-41.429t41.143-16.857 41.143 16.857 17.143 41.429v354.286q0 97.714 72.286 166.857t172.286 69.143q100.571 0 172.571-69.714t72-168v-77.714l-111.429-33.143zM909.714 417.143h187.429v-152q0-101.714-71.714-173.429t-173.429-71.714q-101.143 0-173.143 71.143t-72 171.714v153.143l74.857-34.857 111.429 33.143v-154.286q0-24 17.143-40.857t41.143-16.857 41.143 16.857 17.143 40.857v157.143z" horiz-adv-x="1097" />
 </font></defs></svg>

data/app/assets/javascripts/social_share/index.js

@@ -1,6 +1,6 @@
 window.SocialShare = {
   openUrl: function() {
-    $('.social-share a').click(function(event) {
+    $('.social-share a.ss-button').click(function(event) {
       event.preventDefault()
       windowName = $(event.target).attr('title')
       var width  = 575,
@@ -17,5 +17,16 @@ window.SocialShare = {
 
        window.open(url, windowName, opts);
     })
+  },
+
+  openMore: function() {
+    $('.ss-more-button').mouseover(function(event) {
+      event.preventDefault()
+      $('.ss-more-buttons').show()
+    })
+
+    $('.social-share-more').mouseleave(function () {
+        $('.ss-more-buttons').hide();
+    });
   }
 };

data/app/assets/stylesheets/social_share/index.css.erb

@@ -1,13 +1,20 @@
+/* BUTTONS */
+
 .social-share a {
   background-color: gray;
   border-radius: 2px;
   color: #FFF;
   display: inline-block;
-  font-size: 21px;
-  height: 32px;
-  line-height: 32px;
+  font-size: 14px;
+  height: 20px;
+  line-height: 20px;
   text-align: center;
-  width: 32px;
+  vertical-align: middle;
+  width: 20px;
+}
+
+.social-share a span {
+  line-height: 20px;
 }
 
 .social-share a:hover, .social-share a:active, .social-share a:visited, .social-share a:focus {
@@ -19,20 +26,20 @@
   margin-right: 5px;
 }
 
-.social-share a.ss-facebook-share-button {
-  background: #3B5999;
+.social-share a.ss-email-share-button {
+  background: #5BB119;
 }
 
-.social-share a.ss-facebook-share-button:hover {
-  background: #224080;
+.social-share a.ss-email-share-button:hover {
+  background: #429800;
 }
 
-.social-share a.ss-twitter-share-button {
-  background: #55ACEE;
+.social-share a.ss-facebook-share-button {
+  background: #3B5999;
 }
 
-.social-share a.ss-twitter-share-button:hover {
-  background: #3C93D5;
+.social-share a.ss-facebook-share-button:hover {
+  background: #224080;
 }
 
 .social-share a.ss-google-plus-share-button {
@@ -51,6 +58,71 @@
   background: #B0090F;
 }
 
+.social-share a.ss-reddit-share-button {
+  background: #5F99CF;
+}
+
+.social-share a.ss-reddit-share-button:hover {
+  background: #4680B6;
+}
+
+.social-share a.ss-stumbleupon-share-button {
+  background: #EB4924;
+}
+
+.social-share a.ss-stumbleupon-share-button:hover {
+  background: #D2300B;
+}
+
+.social-share a.ss-twitter-share-button {
+  background: #55ACEE;
+}
+
+.social-share a.ss-twitter-share-button:hover {
+  background: #3C93D5;
+}
+
+.social-share a.ss-tumblr-share-button {
+  background: #35465C;
+}
+
+.social-share a.ss-tumblr-share-button:hover {
+  background: #1C2D43;
+}
+
+/* MORE SERVICES */
+
+.social-share .social-share-more {
+  display: inline-block;
+  position: relative;
+  vertical-align: middle;
+}
+
+.social-share .social-share-more .ss-more-button {
+  margin-right: 0;
+}
+
+.social-share .social-share-more .ss-more-buttons {
+  background: #FFF;
+  border: 1px solid #A8A8A8;
+  border-radius: 2px;
+  display: none;
+  padding: 5px 10px 10px 10px;
+  position: absolute;
+  right: 0px;
+  top: 20px;
+  width: 142px;
+  z-index: 1000;
+}
+
+.social-share .social-share-more .ss-more-buttons a {
+  margin-top: 5px;
+}
+
+.social-share .social-share-more .ss-more-buttons a:nth-child(5n+5) {
+  margin-right: 0;
+}
+
 /* FONTS */
 
 @font-face {
@@ -60,8 +132,8 @@
 
 @font-face {
   font-family: 'social_share';
-  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
-       url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
+  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
+     url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
   font-weight: normal;
   font-style: normal;
 }
@@ -75,10 +147,19 @@
   text-transform: none;
   line-height: 1;
 
+  /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
+.ss-icon-envelope-o:before {
+  content: "\f003";
+}
+
+.ss-icon-plus:before {
+  content: "\f067";
+}
+
 .ss-icon-twitter:before {
   content: "\f099";
 }
@@ -94,3 +175,15 @@
 .ss-icon-google-plus:before {
   content: "\e601";
 }
+
+.ss-icon-tumblr:before {
+  content: "\f173";
+}
+
+.ss-icon-reddit:before {
+  content: "\f1a1";
+}
+
+.ss-icon-stumbleupon:before {
+  content: "\f1a4";
+}

data/lib/social_share/helper.rb

@@ -1,26 +1,69 @@
 module SocialShare
   module Helper
-    def social_share(title, url, services = [:facebook, :twitter])
-      content = ""
-      services.each { |service| content += self.send("#{service}_share", title, url) }
-      content += "#{javascript_tag 'SocialShare.openUrl()'}"
+    SERVICES = [:facebook, :twitter, :google_plus, :pinterest, :reddit, :tumblr, :stumbleupon, :email]
+
+    def social_share(title, url, options = {})
+      services = options[:services] || [:facebook, :twitter]
+      content = generate_buttons(services, title, url, image: options[:image])
+      more_services = options[:more_services] || SERVICES - services
+      if more_services.present?
+        content += generate_more_buttons(more_services, title, url, image: options[:image])
+      end
       content_tag(:div, content.html_safe, class: 'social-share')
     end
 
+    def email_share(title, url)
+      link_to(tag(:span, class: 'ss-icon-envelope-o'), "mailto:?to=&body=#{url},&subject=#{title}", class: 'ss-button ss-email-share-button', title: 'Share to Email')
+    end
+
     def facebook_share(title, url)
-      link_to(tag(:span, class: 'ss-icon-facebook'), "http://www.facebook.com/sharer/sharer.php?u=#{url}&title=#{title}", class: 'ss-facebook-share-button', title: 'Share to Facebook')
+      link_to(tag(:span, class: 'ss-icon-facebook'), "http://www.facebook.com/sharer/sharer.php?u=#{url}&title=#{title}", class: 'ss-button ss-facebook-share-button', title: 'Share to Facebook')
+    end
+
+    def google_plus_share(title, url)
+      link_to(tag(:span, class: 'ss-icon-google-plus'), "http://plus.google.com/share?url=#{url}", class: 'ss-button ss-google-plus-share-button', title: 'Share to Google Plus')
+    end
+
+    def pinterest_share(title, url, image)
+      link_to(tag(:span, class: 'ss-icon-pinterest'), "http://pinterest.com/pin/create/button/?url=#{url}&description=#{title}&media=#{image}", class: 'ss-button ss-pinterest-share-button', title: 'Share to Pinterest')
+    end
+
+    def reddit_share(title, url)
+      link_to(tag(:span, class: 'ss-icon-reddit'), "http://www.reddit.com/submit?url=#{title}&title=#{url}", class: 'ss-button ss-reddit-share-button', title: 'Share to reddit')
+    end
+
+    def stumbleupon_share(title, url)
+      link_to(tag(:span, class: 'ss-icon-stumbleupon'), "http://www.stumbleupon.com/submit?url=#{url}&title=#{title}", class: 'ss-button ss-stumbleupon-share-button', title: 'Share to StumbleUpon')
     end
 
     def twitter_share(title, url)
-      link_to(tag(:span, class: 'ss-icon-twitter'), "http://twitter.com/share?text=#{title}", class: 'ss-twitter-share-button', title: 'Share to Twitter')
+      link_to(tag(:span, class: 'ss-icon-twitter'), "http://twitter.com/share?text=#{title}", class: 'ss-button ss-twitter-share-button', title: 'Share to Twitter')
     end
 
-    def pinterest_share(title, url)
-      link_to(tag(:span, class: 'ss-icon-pinterest'), "http://pinterest.com/pin/create/button/?url=#{url}&description=#{title}", class: 'ss-pinterest-share-button', title: 'Share to Pinterest')
+    def tumblr_share(title, url)
+      link_to(tag(:span, class: 'ss-icon-tumblr'), "http://www.tumblr.com/share?v=3&u=#{url}&t=#{title}", class: 'ss-button ss-tumblr-share-button', title: 'Share to Tumblr')
     end
 
-    def google_plus_share(title, url)
-      link_to(tag(:span, class: 'ss-icon-google-plus'), "http://plus.google.com/share?url=#{url}", class: 'ss-google-plus-share-button', title: 'Share to Google Plus')
+    private
+
+    def generate_buttons(services, title, url, options={})
+      content = ''
+      services.each do |service|
+        if service == :pinterest
+          next unless options[:image]
+          content += self.pinterest_share(title, url, options[:image])
+        else
+          content += self.send("#{service}_share", title, url)
+        end
+      end
+      content
+    end
+
+    def generate_more_buttons(services, title, url, options={})
+      more_content = link_to(tag(:span, class: 'ss-icon-plus'), "#", class: 'ss-more-button', title: 'More sharing options')
+      more_buttons = content_tag(:div, generate_buttons(services, title, url, options).html_safe, class: 'ss-more-buttons')
+      more_content += "#{more_buttons} #{javascript_tag 'SocialShare.openMore()'}".html_safe
+      "#{content_tag(:div, more_content.html_safe, class: 'social-share-more')} #{javascript_tag 'SocialShare.openUrl()'}"
     end
   end
 end

data/lib/social_share/version.rb

@@ -1,3 +1,3 @@
 module SocialShare
-  VERSION = "0.1.1"
+  VERSION = "0.2.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: social_share
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - ldewald
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-09 00:00:00.000000000 Z
+date: 2015-03-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler