<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>{{ title }}</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://bootswatch.com/journal/bootstrap.min.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.1/jquery.fullPage.min.css" />



    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
    h1 {
        font-size: 4em;
    }
    .vcenter {
        min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
        min-height: 100vh; /* These two lines are counted as one :-)       */
        display: flex;
        align-items: center;
    }
    .center_block {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    #options {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #question {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .downarrow, .uparrow {
        color: #eb6864;
        border-color: #eb6864;
        font-size: 100px;
    }
    .downarrow:hover, .uparrow:hover {
        color: #E53C37;
    }
    @media (min-width: 992px) {
        .container {
            max-width: 750px;
        }
    }
    @media (min-width: 1200px) {
        .container {
            max-width: 750px;
        }
    }
    @media (max-width: 400px) {
        h1 {
            font-size: 3em;
        }
        .downarrow, .uparrow {
            font-size: 75px;
        }
    }
    .selected {
        color: #E53C37;
    }
    .addremove {
        padding-right: 8px;
        font-size: 19px;
        margin-top: -8px;
        margin-bottom: -8px;
    }
    </style>
  </head>
  <body>
      <div class="container">
          <div id="fullpage">
              <div class="section">
                  <div class="row">
                      <div class="col-xs-12 vcenter" id="questions_div">
                          <div class="center_block">
                              <h1>Ask a question.</h1>
                                 <input class="form-control input-lg" id="question" type="text" name="question" />
                                  <i class="fa fa-arrow-circle-down downarrow" aria-hidden="true"></i>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="section">
                  <div class="row">
                      <div class="col-xs-12 vcenter" id="questions_div">
                          <div class="center_block">
                              <i class="fa fa-arrow-circle-up uparrow" aria-hidden="true"></i>
                              <h1 style="margin-bottom: 23px;">Set answers.</h1>
                              <p id="pollType"><span class="selected">Multiple Choice</span> | <span>Multiselect</span> | <span>Public Input</span></p>
                              <div id="options">
                                  <div class="form-group">
                                      <div class="input-group">
                                          <span class="input-group-addon">A</span>
                                          <input type="text" class="form-control" id="option1">
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <div class="input-group">
                                          <span class="input-group-addon">B</span>
                                          <input type="text" class="form-control">
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <div class="input-group">
                                          <span class="input-group-addon">C</span>
                                          <input type="text" class="form-control">
                                      </div>
                                  </div>
                                  <div class="form-group optionform">
                                      <div class="input-group">
                                          <span class="input-group-addon">D</span>
                                          <input type="text" class="form-control">
                                      </div>
                                  </div>
                              </div>
                              <div class="plusminus">
                                  <i class="fa fa-minus addremove" aria-hidden="true"></i>
                                  <i class="fa fa-plus addremove" aria-hidden="true"></i>
                              </div>
                              <p style="font-size: 22px; display: none;" id="wordinputinfo">Users will enter their own answers.</p>
                              <a href="#" class="btn btn-primary btn-lg" style="margin-top:15px;" id="createpoll">Create poll</a>
                          </div>
                      </div>
                  </div>
              </div>
        </div>
      </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="../scrolloverflow.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.1/jquery.fullPage.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
  </body>
  <script>
    $(document).ready(function() {
        var focus = $(window).width() >= 1200 ? true : false;
        $('input').attr("autocomplete", "off");

        $('#fullpage').fullpage({
            afterLoad : function(anchorLink, index) {
                if (index === 2) {
                    if (focus) {
                        $('#option1').focus();
                    }
                } else if (index === 1) {
                    if (focus) {
                        $('#question').focus();
                    }
                }
            },
            setAutoScrolling: false,
            scrollOverflow: true,
            touchSensitivity: 10,
            scrollOverflowOptions: {
                scrollbars: false
            }
        });

        if (focus) {
            $('#question').focus();
        }

        $('.downarrow').click(function(e) {
            $.fn.fullpage.moveSectionDown();
        });

        $('#question').keypress(function(e) {
            if (e.which == 13) {
                $.fn.fullpage.moveSectionDown();
            }
        });

        $('.uparrow').click(function(e) {
            if (focus) {
                $('#question').focus();
            }
            $.fn.fullpage.moveSectionUp();
        });

        $('#createpoll').click(function(e) {
            e.preventDefault();
            var question = $('#question').val();
            var options = [];
            $('#options').find('input').each(function(){
                options.push(this.value);
            });
            $.ajax({
                type: "POST",
                url: "/create",
                data: {
                    "question": $('#question').val(),
                    "options": options
                },
                success: function(result) {
                    window.location.href="/view/" + JSON.parse(result).poll_id;
                }
            });
<commit_msg>testing fullpage.js on mobile<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>{{ title }}</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://bootswatch.com/journal/bootstrap.min.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.1/jquery.fullPage.min.css" />



    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
    h1 {
        font-size: 4em;
    }
    .vcenter {
        min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
        min-height: 100vh; /* These two lines are counted as one :-)       */
        display: flex;
        align-items: center;
    }
    .center_block {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    #options {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #question {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .downarrow, .uparrow {
        color: #eb6864;
        border-color: #eb6864;
        font-size: 100px;
    }
    .downarrow:hover, .uparrow:hover {
        color: #E53C37;
    }
    @media (min-width: 992px) {
        .container {
            max-width: 750px;
        }
    }
    @media (min-width: 1200px) {
        .container {
            max-width: 750px;
        }
    }
    @media (max-width: 400px) {
        h1 {
            font-size: 3em;
        }
        .downarrow, .uparrow {
            font-size: 75px;
        }
    }
    .selected {
        color: #E53C37;
    }
    .addremove {
        padding-right: 8px;
        font-size: 19px;
        margin-top: -8px;
        margin-bottom: -8px;
    }
    </style>
  </head>
  <body>
      <div class="container">
          <div id="fullpage">
              <div class="section">
                  <div class="row">
                      <div class="col-xs-12 vcenter" id="questions_div">
                          <div class="center_block">
                              <h1>Ask a question.</h1>
                                 <input class="form-control input-lg" id="question" type="text" name="question" />
                                  <i class="fa fa-arrow-circle-down downarrow" aria-hidden="true"></i>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="section">
                  <div class="row">
                      <div class="col-xs-12 vcenter" id="questions_div">
                          <div class="center_block">
                              <i class="fa fa-arrow-circle-up uparrow" aria-hidden="true"></i>
                              <h1 style="margin-bottom: 23px;">Set answers.</h1>
                              <p id="pollType"><span class="selected">Multiple Choice</span> | <span>Multiselect</span> | <span>Public Input</span></p>
                              <div id="options">
                                  <div class="form-group">
                                      <div class="input-group">
                                          <span class="input-group-addon">A</span>
                                          <input type="text" class="form-control" id="option1">
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <div class="input-group">
                                          <span class="input-group-addon">B</span>
                                          <input type="text" class="form-control">
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <div class="input-group">
                                          <span class="input-group-addon">C</span>
                                          <input type="text" class="form-control">
                                      </div>
                                  </div>
                                  <div class="form-group optionform">
                                      <div class="input-group">
                                          <span class="input-group-addon">D</span>
                                          <input type="text" class="form-control">
                                      </div>
                                  </div>
                              </div>
                              <div class="plusminus">
                                  <i class="fa fa-minus addremove" aria-hidden="true"></i>
                                  <i class="fa fa-plus addremove" aria-hidden="true"></i>
                              </div>
                              <p style="font-size: 22px; display: none;" id="wordinputinfo">Users will enter their own answers.</p>
                              <a href="#" class="btn btn-primary btn-lg" style="margin-top:15px;" id="createpoll">Create poll</a>
                          </div>
                      </div>
                  </div>
              </div>
        </div>
      </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="../scrolloverflow.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.1/jquery.fullPage.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
  </body>
  <script>
    $(document).ready(function() {
        var focus = $(window).width() >= 1200 ? true : false;
        $('input').attr("autocomplete", "off");

        $('#fullpage').fullpage({
            afterLoad : function(anchorLink, index) {
                if (index === 2) {
                    if (focus) {
                        $('#option1').focus();
                    }
                } else if (index === 1) {
                    if (focus) {
                        $('#question').focus();
                    }
                }
            },
            setAutoScrolling: false,
            scrollOverflow: true,
            touchSensitivity: 10,
            scrollOverflowOptions: {
                scrollbars: false
            }
        });

        if (focus) {
            $('#question').focus();
        }

        $('.downarrow').click(function(e) {
            $.fn.fullpage.moveSectionDown();
            $.fn.fullpage.reBuild();
        });

        $('#question').keypress(function(e) {
            if (e.which == 13) {
                $.fn.fullpage.moveSectionDown();
            }
        });

        $('.uparrow').click(function(e) {
            if (focus) {
                $('#question').focus();
            }
            $.fn.fullpage.moveSectionUp();
            $.fn.fullpage.reBuild();
        });

        $('#createpoll').click(function(e) {
            e.preventDefault();
            var question = $('#question').val();
            var options = [];
            $('#options').find('input').each(function(){
                options.push(this.value);
            });
            $.ajax({
                type: "POST",
                url: "/create",
                data: {
                    "question": $('#question').val(),
                    "options": options
                },
                success: function(result) {
                    window.location.href="/view/" + JSON.parse(result).poll_id;
                }
            });

{'fraction_non_alphanumeric': 0.14672863351038146, 'fraction_numerical': 0.014244326412361178, 'mean_word_length': 1.1724137931034482, 'pattern_counts': {'":': 4, '<': 229, '<?xml version=': 0, '>': 231, 'https://': 16, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 90, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6471329', 'n_tokens_mistral': 4629, 'n_tokens_neox': 4310, 'n_words': 829}