Build your own social media sharing buttons

I cobbled together a couple of share buttons for Facebook and Twitter for a WordPress site. I'm, obviously (as I still use the Blogger platform), not the biggest fan of WordPress - although it is huge, so... anyway. The idea was to get some consistent looking buttons into some part of a theme. I put the following into a 'Text widget', which allows you to inject arbitrary Text or HTML within some container within a theme:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> <ul style="padding:0"> <li> <button onclick="window.open('https://www.facebook.com/dialog/share?app_id=YOUR_APP_ID_NUMBER&display=popup&href=' + encodeURIComponent(document.URL) + '&redirect_uri=' + encodeURIComponent(document.URL), '_blank', 'width=550,height=420')" onmouseenter="this.style.color='#999'" onmouseover="this.style.cursor='pointer'" onmouseout="this.style.color=''" style="border:0;background:none;padding:0"><i class="fa fa-facebook-official" aria-hidden="true" style="font-size:48px"></i></button> </li> <li> <button onclick="window.open('https://twitter.com/intent/tweet?url=' + encodeURIComponent(document.URL) + '&text=' + encodeURIComponent(document.title) + '&via=YOUR_TWITTER_USER_NAME', '_blank', 'width=550,height=420')" onmouseenter="this.style.color='#999'" onmouseover="this.style.cursor='pointer'" onmouseout="this.style.color=''" style="border:0;background:none;padding:0"><i class="fa fa-twitter" aria-hidden="true" style="font-size:48px"></i></button> </li> </ul>
So in order to use the above you are going to need to sign up for the Facebook apps service and if you want to prepopulate your Twitter handle, you will need your Twitter username as well.

It looks something like this:

How to create a watermark in Prawn (the Ruby library for writing PDFs)

 Prawn::Stamp is no good since, since you have to specifically call it for each instance of use, and you won't necessarily know how many pages you are going to get if generating the PDF dynamically from user generated content.

If you use #repeat, this method is going to write over existing text/drawings towards the end of PDF generation. But a watermark should be in the background, not 'stamped' on top.

Here's the solution:

  def watermark(watermark)
    function = lambda {@pdf.formatted_text_box([{:text => "#{watermark}", :color => '5B5B5B', :size => 60}], :rotate => 30, :rotate_around => :center, :align => :center, :valign => :center)}
    # call the function for the first page
    function.call
    # call the function for every subsequent page that is created
    @pdf.on_page_create {function.call}
  end

The method lets you use any string and centres it in the middle of the page irrespective of length.

Calling the function with #on_page_create ensures that the watermark is drawn first; other objects are then drawn on top.

Now watermark("Draft"), for example, can be used in any Prawn::Document.