<commit_before>extends layout

block page_css
    link(href="//vjs.zencdn.net/4.8/video-js.css" rel="stylesheet")

block page_js
    script(type="text/javascript").
        var userAgent = navigator.userAgent;
        if (userAgent.match(/iPhone/i) || userAgent.match(/iPad/i) || userAgent.match(/iPod/i))
            window.location = "/ios";
        else if (userAgent.match(/MSIE/i))
            window.location = "/incompatible-browser";

    script(src="//vjs.zencdn.net/4.8/video.js")
    script(src="https://w.soundcloud.com/player/api.js")
    script(src="http://d3js.org/d3.v3.min.js", charset="utf-8")
    script(src="http://d3js.org/topojson.v1.min.js")
    script(src="/javascripts/datamaps.all.min.js")
    script(src="/javascripts/hypermasher-utils.js")
    script(src="/javascripts/hypermasher.js")

block content
    #soundcloudForm.modal.fade
        .modal-dialog
            .modal-content
              .modal-header
                button.close(type='button', data-dismiss='modal')
                  span(aria-hidden='true') ×
                  span.sr-only Close
                h4.modal-title Choose your own music
              .modal-body
                p. 
                    Hypermasher can play any music available on #[a(href="http://soundcloud.com/") SoundCloud]. To use your own music, find an artist, set, or playlist on SoundCloud and then paste its URL here.

                form(role="form")
                    h5 SoundCloud URL
                    input#soundcloudUrl(type="text" class="form-control" placeholder="Paste your SoundCloud URL here")

                    h5 Your Hypermasher link
                    input#hypermasherLink(type="text" class="form-control", onclick="this.select()")

                p.
                    You can now copy and share that second link ... #[a#hypermasherLinkShortcut(href="#") or check it out now!]

    .row.hypermasher-main
        .col-md-4#hypermasher-sidebar
            .row
                .col-md-12
                    #widgetHolder.center-block
            .row
                .col-md-12
                    h4 Controls
            .row
                .col-md-12
                    .btn-group.btn-group-justified.hypermasher-controls
                        .btn-group.btn-group-sm
                            button.btn.btn-default.hypermasher-rewind(onclick="rewind(5)", disabled="disabled") #[span.glyphicon.glyphicon-fast-backward] 5
                        .btn-group.btn-group-sm
                            button.btn.btn-default.hypermasher-rewind(onclick="rewind(1)", disabled="disabled") #[span.glyphicon.glyphicon-step-backward] 1
                        .btn-group.btn-group-sm
                            button.btn.btn-default(onclick="playAll()") #[span.glyphicon.glyphicon-play]
                        .btn-group.btn-group-sm
                            button.btn.btn-default(onclick="pauseAll()") #[span.glyphicon.glyphicon-pause]
                        .btn-group.btn-group-sm
                            button.btn.btn-default(onclick="switchVideo()") #[span.glyphicon.glyphicon-step-forward] 1
                        .btn-group.btn-group-sm
                            button.btn.btn-default(onclick="toggleFullscreen()") #[span.glyphicon.glyphicon-fullscreen]
            .row
                .col-md-6
                    a.btn.btn-success.btn-block.holiday-playlist(href="/hyperlapse?playlist=https%3A%2F%2Fsoundcloud.com%2Fchris2710-1%2Fsets%2Fchristmas-hitmix") Holiday playlist #[span.glyphicon.glyphicon-tree-conifer]
                .col-md-6
                    button.btn.btn-default.btn-block(data-toggle="modal", data-target="#soundcloudForm") Choose your own music
            .row
                .col-md-12
                    .metadata-controls.pull-left
                        a#metadata-show(href="#", style="display: none") show details
                        a#metadata-hide(href="#") hide details<commit_msg>Updating with a custom playlist<commit_after>extends layout

block page_css
    link(href="//vjs.zencdn.net/4.8/video-js.css" rel="stylesheet")

block page_js
    script(type="text/javascript").
        var userAgent = navigator.userAgent;
        if (userAgent.match(/iPhone/i) || userAgent.match(/iPad/i) || userAgent.match(/iPod/i))
            window.location = "/ios";
        else if (userAgent.match(/MSIE/i))
            window.location = "/incompatible-browser";

    script(src="//vjs.zencdn.net/4.8/video.js")
    script(src="https://w.soundcloud.com/player/api.js")
    script(src="http://d3js.org/d3.v3.min.js", charset="utf-8")
    script(src="http://d3js.org/topojson.v1.min.js")
    script(src="/javascripts/datamaps.all.min.js")
    script(src="/javascripts/hypermasher-utils.js")
    script(src="/javascripts/hypermasher.js")

block content
    #soundcloudForm.modal.fade
        .modal-dialog
            .modal-content
              .modal-header
                button.close(type='button', data-dismiss='modal')
                  span(aria-hidden='true') ×
                  span.sr-only Close
                h4.modal-title Choose your own music
              .modal-body
                p. 
                    Hypermasher can play any music available on #[a(href="http://soundcloud.com/") SoundCloud]. To use your own music, find an artist, set, or playlist on SoundCloud and then paste its URL here.

                form(role="form")
                    h5 SoundCloud URL
                    input#soundcloudUrl(type="text" class="form-control" placeholder="Paste your SoundCloud URL here")

                    h5 Your Hypermasher link
                    input#hypermasherLink(type="text" class="form-control", onclick="this.select()")

                p.
                    You can now copy and share that second link ... #[a#hypermasherLinkShortcut(href="#") or check it out now!]

    .row.hypermasher-main
        .col-md-4#hypermasher-sidebar
            .row
                .col-md-12
                    #widgetHolder.center-block
            .row
                .col-md-12
                    h4 Controls
            .row
                .col-md-12
                    .btn-group.btn-group-justified.hypermasher-controls
                        .btn-group.btn-group-sm
                            button.btn.btn-default.hypermasher-rewind(onclick="rewind(5)", disabled="disabled") #[span.glyphicon.glyphicon-fast-backward] 5
                        .btn-group.btn-group-sm
                            button.btn.btn-default.hypermasher-rewind(onclick="rewind(1)", disabled="disabled") #[span.glyphicon.glyphicon-step-backward] 1
                        .btn-group.btn-group-sm
                            button.btn.btn-default(onclick="playAll()") #[span.glyphicon.glyphicon-play]
                        .btn-group.btn-group-sm
                            button.btn.btn-default(onclick="pauseAll()") #[span.glyphicon.glyphicon-pause]
                        .btn-group.btn-group-sm
                            button.btn.btn-default(onclick="switchVideo()") #[span.glyphicon.glyphicon-step-forward] 1
                        .btn-group.btn-group-sm
                            button.btn.btn-default(onclick="toggleFullscreen()") #[span.glyphicon.glyphicon-fullscreen]
            .row
                .col-md-6
                    a.btn.btn-success.btn-block.holiday-playlist(href="/hyperlapse?playlist=https%3A%2F%2Fsoundcloud.com%2Fandrew-tork-baker%2Fsets%2Fhypermasher-holidays") Holiday playlist #[span.glyphicon.glyphicon-tree-conifer]
                .col-md-6
                    button.btn.btn-default.btn-block(data-toggle="modal", data-target="#soundcloudForm") Choose your own music
            .row
                .col-md-12
                    .metadata-controls.pull-left
                        a#metadata-show(href="#", style="display: none") show details
                        a#metadata-hide(href="#") hide details
{'fraction_non_alphanumeric': 0.12925598991172763, 'fraction_numerical': 0.009709962168978563, 'mean_word_length': 1.7348275862068965, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3576194', 'n_tokens_mistral': 2383, 'n_tokens_neox': 2260, 'n_words': 345}