Mojo ep example

__DATA__

@@ index.html.ep
<!DOCTYPE html>
%= t html => begin
%= t head => begin
%= t title => 'Convention Weebo Add Convention'
% use Mojo::Util qw(url_escape);
%= t link => ( rev => 'made', href => url_escape 'mailto:[email protected]' ) => undef
%= t meta => ( name => 'charset', content => 'UTF-8' ) => undef
%= t meta => ( name => 'copyright', content => 'copyright 2017 Michael Mestnik' ) => undef
%= t meta => ( name => 'description', content => '' ) => undef
%= t meta => ( name => 'keywords', content => '' ) => undef
%= t meta => ( name => 'viewport', content => 'width=device-width, initial-scale=1' ) => undef
%= t link => ( rev => 'shortcut icon', href => '/favicon.ico' ) => undef
%= stylesheet '/stylesheet.css'
%= stylesheet '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'
%= javascript '//ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js'
%= javascript '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'
%= javascript '//www.google.com/recaptcha/api.js'
%= t meta => ( 'http-equiv' => 'Content-Type', content => 'text/html; charset=iso-8859-1' ) => undef
% end
%= t body => begin
%= javascript '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', ( async => undef )
%= javascript begin
$(document).ready(function() {
    $.ajaxSetup({
        cache: true
    });
    $.getScript('https://connect.facebook.net/en_US/sdk.js', function() {
        function updateStatusCallback(r) {
            console.log('Status updated!!');
            console.log(r);
            if (r.status == 'connected') {
                console.log('Welcome!  Fetching your information.... ');
                FB.api('/me', function(response) {
                    console.log('Successful login for: ' + response.name);
                });
                FB.api('/me/friends', function(response) {
                    console.log('Successful friends');
                    console.log(response);
                });
                FB.api('/me/events', function(response) {
                    console.log('Successful events');
                    console.log(response);
                });
            } else {
                FB.login(updateStatusCallback, {
                    scope: 'public_profile,user_location,user_friends,user_events'
                });
            }
        }
        FB.init({
            appId: '442665069458858',
            cookie: true,
            xfbml: true,
            version: 'v2.8'
        });
        $('#loginbutton,#feedbutton').removeAttr('disabled');
        FB.getLoginStatus(updateStatusCallback);
        FB.AppEvents.logPageView();
    });
});
(adsbygoogle = window.adsbygoogle || []).push({});
% end
%= t ins => ( class => 'adsbygoogle', 'data-ad-client' => 'ca-pub-3563263736002805', 'data-ad-slot' => '9453086037', style => 'display:inline-block;width:728px;height:90px' ) => undef
%= t div => ( class => 'fb-like' ) => undef
%= t div => ( class => 'g-recaptcha', 'data-sitekey' => '6Le52xwUAAAAAKMEEJvdsm61v8A4q9V6prIkJl0r' ) => undef
% end
% end