Joyride Template

doctype html

- var appIconUrl = app_icon_url;
- let iosCallbackParams = "app=" + app_name + "&tracking_id=" + ios_tracker + "&platform=ios&campaign_id="+ campaign_id +"&publisher_id=" + publisher_id + "&domain=" + pathname + "&media_id=" + media_id + "&campaign_name=" + campaign_name + "&" + experiment_info + "&deeplink_url=" + deeplink_url;
- var appStoreUrl = "/" + redirectUrl + "?" + iosCallbackParams;
- let androidCallbackParams = "app=" + app_name + "&tracking_id=" + android_tracker + "&platform=android&campaign_id="+ campaign_id +"&publisher_id=" + publisher_id + "&domain=" + pathname + "&media_id=" + media_id + "&campaign_name=" + campaign_name + "&" + experiment_info + "&deeplink_url=" + deeplink_url;
- var playStoreUrl = "/" + redirectUrl + "?" + androidCallbackParams;

html(lang='en')
    head
        // _metaTags begin
        include ../../ga.js
        meta(http-equiv='Content-Type', content='text/html; charset=utf-8')
        meta(http-equiv='x-ua-compatible', content='ie=edge')
        title Joyride: play live game shows
        meta(name='description', content='Joyride: Group Video Chat + Games')
        meta(name='viewport', content='width=device-width, initial-scale=1')
        meta(name='theme-color', content='#2bd2ff')
        // Twitter Card data
        meta(name='twitter:card', content='summary')
        meta(name='twitter:site', content='@OnJoyride')
        meta(name='twitter:title', content='Show off your smarts in live gameshows!')
        meta(name='twitter:description', content='Do you know the answer? Jump on joyride to play fun gameshows and win exciting prizes!')
        meta(name='twitter:creator', content='@OnJoyride')
        // Twitter Summary card images must be at least 120x120px
        meta(name='twitter:image', content='https://s3.amazonaws.com/joyride-ad-images-public/Host+Images/varient_2_ruba.jpg')
        // Open Graph data
        meta(property='og:title', content='Show off your smarts in live gameshows!')
        meta(property='og:type', content='website')
        meta(property='og:url', content='https://play.joyride.video/mercury/zz_t10a-1558349789409.html')
        meta(property='og:image', content='https://s3.amazonaws.com/joyride-ad-images-public/Host+Images/varient_2_ruba.jpg')
        meta(property='og:description', content='Do you know the answer? Jump on joyride to play fun gameshows and win exciting prizes!')
        meta(property='og:site_name', content='joyride')
        // <meta property="fb:admins" content="Facebook numeric ID" />
        // <link rel="manifest" href="site.webmanifest">
        link(rel='shortcut icon', type='image/x-icon', href='https://play.joyride.video/static/img/favicon.ico')
        link(rel='apple-touch-icon', href='https://play.joyride.video/static/img/favicon.png')
        link(rel='shortcut icon', type='image/png', href='https://play.joyride.video/static/img/favicon.png')
        // _metaTags end
        // _styles begin
        style(type='text/css').
            /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:greycliff_cfregular,sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
        link(rel='stylesheet', type='text/css', href='https://s3.amazonaws.com/joyride-ua/css/smart-banner-2.css')
        link(rel='stylesheet', type='text/css', href='/static/css/joyride/wsth/style.css')
        // styles end
        // _headScripts begin
        script(src='/static/js/joyride/headscript.js')
        // Google Tag Manager
        script(src='/static/js/joyride/gtagHeader.js')
        // End Google Tag Manager
        // Facebook Pixel Code
        script(src='/static/js/joyride/fb.js')
        noscript
    body(data-template-id='t10a')
        if (is_android)
            .jr-smart-banner.Android
                .jr-sb-close x
                img.jr-sb-img(width="65" height="65" src='https://s3.amazonaws.com/joyride-ua/img/play-store-joyride-logo.webp', alt="App logo")
                .jr-sb-txt
                    span
                        strong Joyride: play live game shows
                    span by Kiwi, Inc.
                    span FREE &mdash; In Google Play
                span.jr-sb-cta(data-href=playStoreUrl) Play
        else
            .jr-smart-banner.iOS
                .jr-sb-close &times;
                img.jr-sb-img(width="65" height="65" src="https://s3.amazonaws.com/joyride-ua/img/app-store-joyride-logo.jpg" alt="App logo")
                .jr-sb-txt
                    span
                        strong Joyride: play live game shows
                    span by Kiwi, Inc.
                    span FREE &mdash; On the App Store
                span.jr-sb-cta(data-href=appStoreUrl) Play

        img(height='1', width='1', style='display:none', src='https://www.facebook.com/tr?id=1957558294467152&ev=PageView&noscript=1')
        // End Facebook Pixel Code
        // Start Snapchat Pixel Code
        script(src='/static/js/joyride/snapchat.js')
        // End Snapchat Pixel Code
        // Global site tag (gtag.js) - Google Ads: 959047268
        script(async='', src='https://www.googletagmanager.com/gtag/js?id=AW-959047268')
        script(src='/static/js/joyride/gtag.js')
        // Event snippet for Page Load conversion page
        script(src='/static/js/joyride/gtag2.js')
        //
          Event snippet for joyride game templates conversion page
          In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button.
        script(src='/static/js/joyride/gtag3.js')
        // Global site tag (gtag.js) - Google Analytics
        script(async='', src='https://www.googletagmanager.com/gtag/js?id=UA-134950783-1')
        script(src='/static/js/joyride/gtag4.js')
        // Pinterest Tag
        script(src='/static/js/joyride/pintrest.js')
        noscript
            img(height='1', width='1', style='display:none;', alt='', src='https://ct.pinterest.com/v3/?tid=2613425269835&pd[em]=<hashed_email_address>&noscript=1')
        // end Pinterest Tag
        // _headScripts end
        //if lte IE 9
          p.browserupgrade
            | You are using an
            strong outdated
            |  browser. Please
            a(href='https://browsehappy.com/') upgrade your browser
            |  to improve your experience and security.
        // Google Tag Manager (noscript)
        noscript
            iframe(src='https://www.googletagmanager.com/ns.html?id=GTM-T39XVNL', height='0', width='0', style='display:none;visibility:hidden')
        // End Google Tag Manager (noscript)
        // Add your site or application content here
        .hero.t004s
            header
                p.header-line1 joyride presents...
                h1.header-line2 MUSIC MANIA
            .container-mobile
                h1.status-heading
                    | Who sang this hit?
                .clearfix.first-2-options
                    .span-6
                        button.btn-img(data-value='1')
                            .img-cont(style='background-image: url(https://s3.amazonaws.com/joyride-ad-images-public/MusicMania/Taylor+Swift.png);')
                            .btn-img-text Taylor Swift
                    .span-6
                        button.btn-img(data-value='2')
                            .img-cont(style='background-image: url(https://s3.amazonaws.com/joyride-ad-images-public/MusicMania/Beyonce.png);')
                            .btn-img-text Beyonce
                .clearfix.option3and4(style='margin-bottom: 1rem; display: none;')
                    .span-6
                        button.btn-img(data-value='3')
                            .img-cont(style='background-image: url(https://s3.amazonaws.com/joyride-ad-images-public/MusicMania/Selena+Gomez.png);')
                            .btn-img-text Selena Gomez
                    .span-6
                        button.btn-img(data-value='4')
                            .img-cont(style='background-image: url(https://s3.amazonaws.com/joyride-ad-images-public/MusicMania/Ariana+Grande.png);')
                            .btn-img-text Ariana Grande
                p.result-message.clearfix.rm-correct.message-hidden Nice! You've won a key!
                p.result-message.clearfix.rm-incorrect.message-hidden Too bad! But you still got a key for trying!
                if (is_android)
                    button#redirect.btn.next-question.anim.hidden(data-href=playStoreUrl) Keep Playing!
                    button#redirect-2.btn-main.next-question.anim.hidden.btn-split(data-href=playStoreUrl)
                        div
                            span(style='width:50%; display: block; float: left;padding: 18px 0;') Play Now
                            span(style='width:50%; display: block; float: left;padding: 18px 0; background-color: #E80367;') Win Real $$$
                else
                    button#redirect.btn.next-question.anim.hidden(data-href=appStoreUrl) Keep Playing!
                    button#redirect-2.btn-main.next-question.anim.hidden.btn-split(data-href=appStoreUrl)
                            div
                                span(style='width:50%; display: block; float: left;padding: 18px 0;') Play Now
                                span(style='width:50%; display: block; float: left;padding: 18px 0; background-color: #E80367;') Win Real $$$
        script(src='/static/js/joyride/smart-banner.js')
        script(src='/static/js/joyride/wsth/breathin/main.js')
        // Twitter universal website tag code
        script(src='/static/js/joyride/twitter.js')
        // End Twitter universal website tag code