<commit_before><!DOCTYPE html>
<html lang="en-us">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Carpool Vote</title>
    <meta name="description" content="" property="description">
    <meta name="keywords" content="" property="keywords">

    <meta property="og:url" content="http://carpoolvote.com" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Carpool Vote - Vote America" />
    <meta property="og:description" content="Get a ride, or share a ride to vote, or register to vote. Support every American's right to vote!" />
    <meta property="og:image" content="http://carpoolvote/com/res/img/logo_fb.png?v=2" />

    <link rel="icon" href="favicon.ico">
    <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700' rel='stylesheet' type='text/css'>

    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link type="text/css" rel="stylesheet" href="res/jquery.datetimepicker.min.css">
    <link type="text/css" rel="stylesheet" href="res/nouislider.min.css">
    <link type="text/css" rel="stylesheet" href="res/styles.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.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <script>
        ! function(g, s, q, r, d) {
            r = g[r] = g[r] || function() {
                (r.q = r.q || []).push(
                    arguments)
            };
            d = s.createElement(q);
            q = s.getElementsByTagName(q)[0];
            d.src = '//d1l6p2sc9645hc.cloudfront.net/tracker.js';
            q.parentNode.
            insertBefore(d, q)
        }(window, document, 'script', '_gs');
        _gs('GSN-777832-U');
    </script>
</head>
<body>
    <!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
    <script>
        // Facebook SDK
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

    <header class="header">
        <p class="support-banner">Need voter support? Call <a href="tel:18666878683">1-866-OURVOTE</a></p>
        <nav class="nav wrapper">
            <a href="/" class="logo">
                <img id="logo" class="logo__img" src="res/img/logo.jpg" alt="Carpool Vote" width=709 height=187 />
            </a>
            <script>
                (function(){
                    if (window.location.search === '?souls2thepolls') {
                        var logo = document.getElementById('logo');
                        logo.setAttribute('src', 'res/img/logo-souls2thepolls.png');
                        logo.setAttribute('width', 661);
                        logo.setAttribute('height', 300);
                        logo.parentNode.setAttribute('href', '/?souls2thepolls');
                    }
                })();
            </script>

            <ul id="nav-links" class="nav__links">
                <li class="nav__item nav__story">
                    <a href="#story" class="nav__link">Our Story</a>
                </li>
                <li class="nav__item nav__how">
                    <a href="#howtoclaim" class="nav__link">How it works</a>
                </li>
                <li class="nav__item nav__support">
                    <a href="#support" class="nav__link">Support</a>
                </li>
            </ul>
            
            <ul class="social">
                <li role="presentation" class="social__twitter">
                    <a href="https://twitter.com/intent/tweet" class="twitter-mention-button" data-text="Need a ride to vote on election day? CarpoolVote.com can help! #election" data-related="" data-show-count="false">Tweet to help others find out about this!</a>
                    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                </li>
                <li role="presentation" class="social__facebook">
                    <div class="fb-share-button" data-href="http://carpoolvote.com?v=1" data-layout="button"></div>
                </li>
                <li role="presentation" class="social__youtube">
                    <script src="https://apis.google.com/js/platform.js"></script>
                    <div class="g-ytsubscribe" data-channelid="UCY1aS3TMDGxVbckA7Va0QFA" data-layout="default" data-count="hidden"></div>
                </li>
            </ul>
        </nav>
    </header>

    <div class="content">
        <div id="intro" class="intro wrapper">
            <script>
                (function(){
                    if (window.location.search === '?souls2thepolls') {
                        var intro = document.getElementById('intro');
                        intro.style.background = "#275880 url('forest.jpeg') no-repeat top center";
                    }
                })();
            </script>
            <div class="intro__banner">
                <h1 class="intro__title">Every American DESERVES a Vote</h1>
                <p class="intro__lead">We connect volunteer drivers with anybody who needs a ride to claim their vote.</p>
            </div>

            <ul class="ride">
                <li class="ride__panel needride" id="needride">
                    <h3 class="ride__title">Riders</h3>
                    <div class="ride__copy">
                        <p>Need assistance getting to where you need to be in order to vote?</p>
                        <p>Just fill in this form! We'll try and connect you with someone that can help.</p>
                    </div>
                    <p class="align-center">
                        <a href="#need-ride" class="show-form button button--large" role="button">I need a ride</a>
                    </p>
                </li>
                <li class="ride__panel offerride" id="offerride">
                    <h3 class="ride__title">Drivers</h3>
                    <div class="ride__copy">
                        <p>Driving to vote, and have a spare seat? Want to help a fellow citizen exercise their democratic right?</p>
                        <p>Fill in this form and we'll try and connect you with someone that needs a ride in the same direction.</p>
                    </div>
                    <p class="align-center">
                        <a href="#offer-ride" class="show-form button button--large button--alt" role="button">I can offer a ride</a>
                    </p>
                </li>
            </ul>
        </div>

        <div id="forms" class="forms wrapper">
            <form id="need-ride" name="needRide" action="https://api.carpoolvote.com/v1.1/rider" method="post" class="ride-form" data-toggle="validator" role="form">
                <input type="hidden" name="_redirect" class="redirect" value="http://carpoolvote.com" />
                <div class="bannerbox">
                    <h3 class="bannerbox__title">I need a ride</h3>
                    <div class="bannerbox__content">
                        <fieldset class="date-time-pickers">
                            <legend>When and where do you need picking up?</legend>
                            <a class="close-form button--cancel" href="#intro">&times;</a>

                            <div class="form-group date-container">
                                <label for="rider-date">Date available</label>
                                <input type="text" class="riderdatepicker datepicker" id="rider-date" name="RiderDate" required>
                            </div>
                            <div class="form-group">
                                <label for="rider-time-slider">Time range available</label>
                                <div id="rider-time-slider" class="time-range-slider"></div>
                            </div>
                            <div class="form-group">
                                <button class="add-time-btn button" id="rider-add-time">&plus; Add <span class="button-date" id="rider-button-date"></span>, <span class="button-time" id="rider-button-time">6:00am-10:00pm</span></button>
                                <small>(Add as many dates and time ranges as you like)</small>
                            </div>
                            <div class="form-group">
                                <label>Available times</label>
                                <ul class="available-times-list" id="rider-available-times">
                                </ul>
                                <input type="hidden" class="hiddenJSONTimes" id="riderJSONTimes" name="AvailableRideTimesJSON" value="{}">
                            </div>
                        </fieldset>
<commit_msg>Move the ride-form close-form button to the correct position<commit_after><!DOCTYPE html>
<html lang="en-us">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Carpool Vote</title>
    <meta name="description" content="" property="description">
    <meta name="keywords" content="" property="keywords">

    <meta property="og:url" content="http://carpoolvote.com" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Carpool Vote - Vote America" />
    <meta property="og:description" content="Get a ride, or share a ride to vote, or register to vote. Support every American's right to vote!" />
    <meta property="og:image" content="http://carpoolvote/com/res/img/logo_fb.png?v=2" />

    <link rel="icon" href="favicon.ico">
    <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700' rel='stylesheet' type='text/css'>

    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link type="text/css" rel="stylesheet" href="res/jquery.datetimepicker.min.css">
    <link type="text/css" rel="stylesheet" href="res/nouislider.min.css">
    <link type="text/css" rel="stylesheet" href="res/styles.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.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <script>
        ! function(g, s, q, r, d) {
            r = g[r] = g[r] || function() {
                (r.q = r.q || []).push(
                    arguments)
            };
            d = s.createElement(q);
            q = s.getElementsByTagName(q)[0];
            d.src = '//d1l6p2sc9645hc.cloudfront.net/tracker.js';
            q.parentNode.
            insertBefore(d, q)
        }(window, document, 'script', '_gs');
        _gs('GSN-777832-U');
    </script>
</head>
<body>
    <!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
    <script>
        // Facebook SDK
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

    <header class="header">
        <p class="support-banner">Need voter support? Call <a href="tel:18666878683">1-866-OURVOTE</a></p>
        <nav class="nav wrapper">
            <a href="/" class="logo">
                <img id="logo" class="logo__img" src="res/img/logo.jpg" alt="Carpool Vote" width=709 height=187 />
            </a>
            <script>
                (function(){
                    if (window.location.search === '?souls2thepolls') {
                        var logo = document.getElementById('logo');
                        logo.setAttribute('src', 'res/img/logo-souls2thepolls.png');
                        logo.setAttribute('width', 661);
                        logo.setAttribute('height', 300);
                        logo.parentNode.setAttribute('href', '/?souls2thepolls');
                    }
                })();
            </script>

            <ul id="nav-links" class="nav__links">
                <li class="nav__item nav__story">
                    <a href="#story" class="nav__link">Our Story</a>
                </li>
                <li class="nav__item nav__how">
                    <a href="#howtoclaim" class="nav__link">How it works</a>
                </li>
                <li class="nav__item nav__support">
                    <a href="#support" class="nav__link">Support</a>
                </li>
            </ul>
            
            <ul class="social">
                <li role="presentation" class="social__twitter">
                    <a href="https://twitter.com/intent/tweet" class="twitter-mention-button" data-text="Need a ride to vote on election day? CarpoolVote.com can help! #election" data-related="" data-show-count="false">Tweet to help others find out about this!</a>
                    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                </li>
                <li role="presentation" class="social__facebook">
                    <div class="fb-share-button" data-href="http://carpoolvote.com?v=1" data-layout="button"></div>
                </li>
                <li role="presentation" class="social__youtube">
                    <script src="https://apis.google.com/js/platform.js"></script>
                    <div class="g-ytsubscribe" data-channelid="UCY1aS3TMDGxVbckA7Va0QFA" data-layout="default" data-count="hidden"></div>
                </li>
            </ul>
        </nav>
    </header>

    <div class="content">
        <div id="intro" class="intro wrapper">
            <script>
                (function(){
                    if (window.location.search === '?souls2thepolls') {
                        var intro = document.getElementById('intro');
                        intro.style.background = "#275880 url('forest.jpeg') no-repeat top center";
                    }
                })();
            </script>
            <div class="intro__banner">
                <h1 class="intro__title">Every American DESERVES a Vote</h1>
                <p class="intro__lead">We connect volunteer drivers with anybody who needs a ride to claim their vote.</p>
            </div>

            <ul class="ride">
                <li class="ride__panel needride" id="needride">
                    <h3 class="ride__title">Riders</h3>
                    <div class="ride__copy">
                        <p>Need assistance getting to where you need to be in order to vote?</p>
                        <p>Just fill in this form! We'll try and connect you with someone that can help.</p>
                    </div>
                    <p class="align-center">
                        <a href="#need-ride" class="show-form button button--large" role="button">I need a ride</a>
                    </p>
                </li>
                <li class="ride__panel offerride" id="offerride">
                    <h3 class="ride__title">Drivers</h3>
                    <div class="ride__copy">
                        <p>Driving to vote, and have a spare seat? Want to help a fellow citizen exercise their democratic right?</p>
                        <p>Fill in this form and we'll try and connect you with someone that needs a ride in the same direction.</p>
                    </div>
                    <p class="align-center">
                        <a href="#offer-ride" class="show-form button button--large button--alt" role="button">I can offer a ride</a>
                    </p>
                </li>
            </ul>
        </div>

        <div id="forms" class="forms wrapper">
            <form id="need-ride" name="needRide" action="https://api.carpoolvote.com/v1.1/rider" method="post" class="ride-form" data-toggle="validator" role="form">
                <input type="hidden" name="_redirect" class="redirect" value="http://carpoolvote.com" />
                <div class="bannerbox">
                    <h3 class="bannerbox__title">I need a ride</h3>
                    <div class="bannerbox__content">
                        <a class="close-form button--cancel" href="#intro">&times;</a>
                        
                        <fieldset class="date-time-pickers">
                            <legend>When and where do you need picking up?</legend>

                            <div class="form-group date-container">
                                <label for="rider-date">Date available</label>
                                <input type="text" class="riderdatepicker datepicker" id="rider-date" name="RiderDate" required>
                            </div>
                            <div class="form-group">
                                <label for="rider-time-slider">Time range available</label>
                                <div id="rider-time-slider" class="time-range-slider"></div>
                            </div>
                            <div class="form-group">
                                <button class="add-time-btn button" id="rider-add-time">&plus; Add <span class="button-date" id="rider-button-date"></span>, <span class="button-time" id="rider-button-time">6:00am-10:00pm</span></button>
                                <small>(Add as many dates and time ranges as you like)</small>
                            </div>
                            <div class="form-group">
                                <label>Available times</label>
                                <ul class="available-times-list" id="rider-available-times">
                                </ul>
                                <input type="hidden" class="hiddenJSONTimes" id="riderJSONTimes" name="AvailableRideTimesJSON" value="{}">
                            </div>
                        </fieldset>

{'fraction_non_alphanumeric': 0.14887940234791888, 'fraction_numerical': 0.011205976520811099, 'mean_word_length': 1.738310929281122, 'pattern_counts': {'":': 0, '<': 333, '<?xml version=': 0, '>': 333, 'https://': 14, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1290793', 'n_tokens_mistral': 5526, 'n_tokens_neox': 5169, 'n_words': 1146}