window.onload = function() {

                var paper = new Raphael(document.getElementById('canvas_container'), 500, 500);
                var text1 = paper.text(50, 254, "||  La curiosité est un vilain défaut - tant va la cruche à l'eau qu'à la fin elle se casse. si on te tape la joue gauche\n éclate lui sa joue droite et sa grande gueule d'arriviste.");
                text1.attr(
                        {
                            rotation: -90,
                            fill: "#fff"
                        }
                    );
                var text2 = paper.text(158, 350, "||  Bienvenue à tous les imbéciles heureux !!!");
                text2.attr(
                        {
                            rotation: 90,
                            fill: "#526c7a"
                        }
                    );
                var text3 = paper.text(415, 400, "--{  Bien mal acquis ne profite jamais }--");
                text3.attr(
                        {
                            rotation: 315,
                            fill: "#ffc341",
                            'stroke-width': 4
                        }
                    );
                var text4 = paper.text(495, 90, "--{  Bal sacré est à moitié pardonné }--");
                text4.attr(
                        {
                            rotation: -90,
                            fill: "#000",
                            'stroke-width': 4
                        }
                    );
                var text5 = paper.text(300, 115, "--{  Un slime des plus hards s'abbatit sur sa face, mais elle est trop intense }--\ntactique d'un grand français = mecniqué tel nidalmadouve le troubadour de padoue");
                text5.attr(
                        {
                            rotation: 142,
                            fill: "#526c7a",
                            'stroke-width': 4
                        }
                    );
                var tetronimo = paper.rect(194, -35, 40, 180, 10);
                //paper.path("M 415 290 l 70 -50 l -50 0 l 0 -50 l -50 0 l 0 50 l -50 0 l 70 50 z");
                tetronimo.attr(
                    {
                        gradient: '90-#526c7a-#ae89ae',
                        stroke: '#1d4b3c',//#3b4449
                        'stroke-width': 9,
                        'stroke-linejoin': 'round',
                        rotation: -270
                    }
                );


                tetronimo.animate({rotation: 360, 'stroke-width': 1}, 2000, 'bounce', function() {
                    /* callback after original animation finishes */
                    this.animate({
                        rotation: -270,
                        'stroke-width': 10,
                        'opacity': 0
                    }, 1000);
                });
       	        
           }