$("#demo02").animatedModal({
            modalTarget: 'modal-02',
            animatedIn: 'slideInRight',
            animatedOut: 'slideOutLeft',
            color: '#3498db',
            // Callbacks
            beforeOpen: function() {
              console.log("The animation was called");
            },
            afterOpen: function() {
              console.log("The animation is completed");
            },
             beforeClose: function() {
              console.log("The animation was called");
            },
            afterClose: function() {
              console.log("The animation is completed");
            }
          });

        Reveal.initialize({

            transition: 'slide', // none/fade/slide/convex/concave/zoom
            backgroundTransition: 'slide',
            viewDistance: 12,
            progress: false,
            slideNumber: true,
            embedded: true,

        });