window.addEventListener('load', function () {

    // Get the canvas element.
    var elem = document.getElementById('titleCanvas');
    if (!elem || !elem.getContext) {
        return;
    }

    // Get the canvas 2d context.
    var context = elem.getContext('2d');
    if (!context) {
        return;
    }
    
    var text = elem.getAttribute("data-text");
    
    context.translate(0, 30);
    context.rotate(-Math.PI/2);


    // Let's draw "Hello world!" in blue.
    // The font property is like the CSS font property.
    context.textBaseline = 'top';
    context.textAlign = 'right';

    if (context.fillText) {

        context.font         = '24px Verdana, sans-serif';
        context.fillStyle    = 'rgba(253, 187, 66, 0.4)';
        context.fillText(text, 25, 45);

        context.font         = '28px Verdana, sans-serif';
        context.fillStyle    = 'rgba(253, 187, 66, 1)';
        context.fillText(text, 0, 20);
    }

}, false);