How to add a button to the bottom of every page

On our own internal intranet worklife we have an announcements button that displays which version of interact is currently installed that is updated whenever the software is. This was done using the developer framework and is a great example of what makes the framework really useful.

The script

// Which Release?
    .ready(function() {
        // Which Release?
        var customModal = $('<div class="custom-modal modal fade" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Interact 7.9.8 Release is now on WorkLife</h3></div><div class="modal-body" style="padding:20px"><p><strong>Interact 7.9.8 Release is now on WorkLife, This release contains customer bug fixes - Release Notes will follow shortly</strong></p></div><div class="modal-footer"><button class="btn" data-dismiss="modal">Close</button></div></div>');
        $('<div/>', {
                'id': 'myDiv',
                'text': 'Interact 7.9.8 Release is now on WorkLife'
            .on('click', function() {
                $('.custom-modal .hide')
                'font-family': 'arial',
                'position': 'fixed',
                'bottom': '0',
                'background-color': '#32cbeb',
                'color': 'white',
                'font-weight': 'bold',
                'cursor': 'pointer',
                'border-radius': '10px 10px 0 0',
                'right': '10px',
                'padding': '10px 15px 5px'

The script here simply creates a div that houses the button, appends it to the body of the page, setting its position to the bottom right of the screen. It then adds an on click handler such that clicking on it shows a small modal dialog with some further details.

The button

When the script is added the button looks like this...

And clicking on the blue button at the bottom of the page gives this...