Enhance social share buttons with Facebook integration

Updated share buttons to include Facebook iframe and improved Twitter button.

Author: JustinPihony

app/views/index.scala.html

@@ -2,7 +2,17 @@
 
 
 @optanonInsert = {
-    Optanon.InsertHtml('<a href="https://twitter.com/share" class="twitter-share-button" data-lang="@lang.code">Tweet</a><div class="fb-like" data-href="https://www.reactivemanifesto.org" data-width="" data-layout="button_count" data-action="like" data-size="small" data-share="false"></div>', 'share-buttons', function() {if (typeof FB !== 'undefined') {FB.XFBML.parse();} if (typeof twttr !== 'undefined') {twttr.widgets.load();}}, null, 4)
+    var shareUrl = encodeURIComponent('https://www.reactivemanifesto.org');
+    var fbIframe = '<iframe src="https://www.facebook.com/plugins/like.php?href=' + shareUrl + '&width=120&layout=button_count&action=like&size=small&share=false&height=21&appId" ' +
+                   'width="120" height="21" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" ' +
+                   'allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>';
+    Optanon.InsertHtml(
+        '<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>' + fbIframe, 
+        'share-buttons', 
+        null, 
+        null, 
+        4
+    );
 }
 
 @main(messages("title"), dir, optanonInsert) {