Convert HTML to ERB: Social Buttons partial

Author: yasulab

app/views/shared/_social_buttons.html.erb

@@ -0,0 +1,15 @@
+<% content_for :javascript do %>
+  <script>
+    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
+  </script>
+<% end %>
+
+<ul class="social_buttons">
+  <li>
+    <div class="fb-like" data-action="like" data-href="<%= full_url(yield(:url)) %>" data-layout="button_count" data-share="true" data-show-faces="true"></div>
+  </li>
+  <li>
+    <a class="twitter-share-button" data-hashtags="CoderDojo" data-lang="ja" data-text="<%= full_title(yield(:title)) %>" data-url="<%= full_url(yield(:url)) %>" data-via="CoderDojoJapan" href="https://twitter.com/share" width="100">Tweet</a>
+  </li>
+  <%# コメントアウトされたはてなブックマークとLINEのボタンは省略 %>
+</ul> 

app/views/shared/_social_buttons.html.haml

@@ -0,0 +1,21 @@
+<% content_for :javascript do %>
+  <script>
+    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
+  </script>
+  <script async="async" charset="utf-8" src="https://b.st-hatena.com/js/bookmark_button.js" type="text/javascript"></script>
+<% end %>
+
+<ol class="text-center" style="list-style: none; margin-top: 30px; margin-left: 0px; padding-left: 0px; text-align: center;">
+  <li style="display: inline-block; line-height: 28px;">
+    <div class="fb-like" data-action="like" data-href="<%= full_url(yield(:url)) %>" data-layout="button_count" data-share="true" data-show-faces="true"></div>
+  </li>
+  <li style="display: inline-block;">
+    <a class="twitter-share-button" data-hashtags="CoderDojo" data-lang="ja" data-text="<%= full_title(yield(:title)) %>" data-url="<%= full_url(yield(:url)) %>" data-via="CoderDojoJapan" href="https://twitter.com/share" width="100">Tweet</a>
+  </li>
+  <li style="display: inline-block;">
+    <a class="hatena-bookmark-button" data-hatena-bookmark-lang="ja" data-hatena-bookmark-layout="basic-counter" data-hatena-bookmark-title="<%= full_title(yield(:title)) %>" href="<%= full_url(yield(:url)) %>" title="このエントリーをはてなブックマークに追加">
+      <img alt="このエントリーをはてなブックマークに追加" height="20" src="https://b.st-hatena.com/images/v4/public/entry-button/[email protected]" style="border: none;" width="20">
+    </a>
+  </li>
+  <%# コメントアウトされたLINEのボタンは省略 %>
+</ol>