<commit_before><!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Logitrack</title>
        
        <meta name="description" content="Logitrack">
            <meta name="HandheldFriendly" content="True">
                <meta name="MobileOptimized" content="320">
                    <meta name="viewport" content="width=device-width, initial-scale=1">
                        
                        <!-- Cordova -->
                        <script src="cordova.js"></script>
                        
                        <!-- jQuery. -->
                        <script src="scripts/jquery.js"></script>
                        
                        <!-- Application scripts. -->
                        <script src="scripts/init.js"></script>
                        
                        <!-- jQuery Mobile. -->
                        <script src="scripts/jquery.mobile-1.4.0.min.js"></script>
                        <link href="styles/jquery.mobile-1.4.0.min.css" rel="stylesheet"/>
                        
                        <!-- jquery google map -->
                        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
                        <script src="scripts/jquery.ui.map.full.min.js"></script>
                        <script type="text/javascript"
                            src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>
                        
                        <link href="styles/fontawesome/css/font-awesome.css" rel="stylesheet"/>
                        
                        <!-- Application styles. -->
                        <link href="styles/main.css" rel="stylesheet"/>
                        <link href="styles/login.css" rel="stylesheet"/>
                        <link href="styles/dialogs.css" rel="stylesheet">
                            <script src="http://jsconsole.com/remote.js?2C8202B4-22AF-4FE1-ABB6-104F6D8AC08D"></script>
    </head>
    <body>
        
        
        <!-- Splash Screen -->
        <div data-role="page" data-title="Splash" id="splash">
        </div>
        
        
        <!-- Login. -->
        
        <div data-role="page" data-title="Login" id="login" align="center">
            
            <div data-role="content" id="login-content">
                <h1 id="title">LOGITRACK</h1>
                <input id="username-input" class="login-input" placeholder="username"></input>
                <input id="password-input" class="login-input" placeholder="password"></input>
                
                <h3 id="login-label">Log in</h3>
                
                <div id="separator-line">
                </div>
                <h4 id="registration-label">New to Logitrack?<br/>Register.</h4>
            </div>
        </div>
        
        
        <!-- Pickup Route. -->
        <div data-role="page" data-title="Logitrack - Route" id="pickup-route">
            
            
            <div data-role="header" data-position="fixed" id="pickup-route-header">
                <div style="height:45px;background:rgba(248,248,248,0.8);">
                    <div id="menu-btn"></div>
                    <h3 align="center">LOGITRACK</h3>
                    <div style="position:absolute;text-align:right;right:10px;top:0px">
                        <p id="timer" >00:00:00</p>
                        <p id="tracking-state">TRACKING ON</p>
                    </div>
                    
                </div>
                <div style="height:45px;background:rgba(235,248,248,0.8)">
                    <div id="locate-btn">
                    </div>
                    <div align="center" id="next-div">
                        <div id="next-btn">
                        </div>
                        <p id="next-label">NEXT</p>
                    </div>
                    <div align="center">
                        <p id="step-number-label">Waiting for Delivery</p>
                        
                        <p id="step-name-label">Tap to Browse Different Pickups</p>
                    </div>
                </div>
            </div>
            
            <div class="infobox-wrapper">
                <div id="confirm-infobox">
                    <p id="confirm-infobox-title">Drop-off Location</br>CONFIRM DELIVERY</p>
                    
                    <div class="confirm-infobox-arrow-btn"></div>
                    <div class="infobox-lower-arrow"></div>
                </div>
            </div>
            <div data-role="content" style="position: relative">
                <div class="infobox-wrapper">
                    <div id="infobox">
                        <p id="infobox-title">Pickup Location</br>CHECK IN</p>
                        
                        <div class="infobox-arrow-btn"></div>
                        <div class="infobox-lower-arrow"></div>
                    </div>
                </div>
                
                <div id="map_canvas"></div>
                <div id="alertcontainer">
                    <div id="alertbg"></div>
                    <div id="messagefg" class="dialog-message">
                        <div id="dialog-new-delivery" class="dialog-content">
                            <h4>New Delivery</h4>
                            
                            <p class="p-info-a">There is a new delivery available.</p>
                            
                            <p class="p-info-b">Pickup:</p>
                            
                            <p class="p-info-a">84 Tremont Street</p>
                            
                            <p class="p-info-a">Boston, MA 02101</p>
                            
                            <p class="p-info-b">Drop-off:</p>
                            
                            <p class="p-info-a">33 Kneeland Street</p>
                            
                            <p class="p-info-a">Boston, MA 02110</p>
                            
                            <div class="dialog-btn-div">
                                <div class="first-dialog-btn" id="dismiss-btn">DISMISS</div>
                                <div class="dialog-btn" id="view-btn">VIEW</div>
                            </div>
                        </div>
                    </div>
                    <div id="message-confirm" class="dialog-message">
                        <div id="dialog-confirm" class="dialog-content">
                            <h4>Confirm</h4>
                            
                            <p class="p-info-a">Would you like to accept this delivery?</p>
                            
                            <div style="width:auto;text-align:center">
                                <div id="dialog-start-marker"></div>
                                <div class="p-info-a;" style="display:inline-block">
                                    <p class="p-info-b">Pickup:</p>
                                    
                                    <p id="confirm-start-address" class="p-info-a" style="line-height:12px;"></p>
                                </div>
                            </div>
                            <div style="width:auto;text-align:center">
                                <div id="dialog-finish-marker"></div>
                                <div style="display:inline-block">
                                    <p class="p-info-b">Drop-off:</p>
                                    
                                    <p id="confirm-finish-address" class="p-info-a" style="line-height:12px"></p>
                                </div>
                            </div>
                            <div class="dialog-btn-div">
                                <div class="first-dialog-btn" id="cancel-btn">CANCEL</div>
                                <div class="dialog-btn" id="confirm-btn">CONFIRM</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" style="position: fixed">
                <div data-position="fixed" style="background: rgba(248,248,248,0.8);height:70px;">
                    <div style="display:inline;height:30px">
                        <h5 style="left:25px;line-height:30px;margin:0 auto; position:absolute">PICKUP</h5>
                        <h5 style="right:15px; line-height:30px;margin:0 auto;position:absolute">DELIVERY</h5>
                        <h5 align="center" style="line-height:30px;margin:0 auto;">TRAVEL</h5>
                    </div>
                    <div style="margin-left:40px;margin-right:40px">
                        <div id="circle-line"></div>
                        <div id="circle-left"></div>
                        <div id="circle-central"></div>
                        <div id="circle-right"></div>
                        <div id="green-circle-left"></div>
                        <div id="green-circle-central"></div>
                        <div id="green-circle-right"></div>
                        <div id="play-btn"></div>
                        <div id="pause-btn"></div>
                    </div>
                    <div id="circle"></div>
                </div>
            </div>
        </div>
        
        <!-- Delivery Details-->
        
        <div data-role="page" data-title="Delivery_Details" id="delivery-details">
            <div data-role="header" data-position="fixed" id="delivery-header">
                <div style="">
                    <p>DELIVERY DETAILS</p>
                    
                    <div id="delivery-details-back"></div>
                </div>
            </div>
            <div data-role="content" id="delivery-details-content">
                <div style="margin-left:10px;margin-top:10px">
                    <p class="p-info-b">PICKUP LOCATION:</p>
                    
                    <p class="p-info-a" id="delivery-start-address"></p>
                    
                    <p class="p-info-b">DELIVERY LOCATION:</p>
                    
                    <p class="p-info-a" id="delivery-finish-address"></p>
                    
                    <p class="p-info-b">DELIVERY AGENT: <NAME></p>
                </div>
                <div style="background:white;margin-top:30px">
                    <div>
                        <p class="delivery-listitem-title">1. Picked Up</p>
                        
                        <div class="delivery-icon-yes-circle"></div>
                        <div class="delivery-list-separator"></div>
                    </div>
                    <div>
                        <p class="delivery-listitem-title">2. Delivered</p>
                        
                        <div id="delivered-state" class="delivery-icon-empty-circle"></div>
                        <div class="delivery-list-separator"></div>
                    </div>
                    <div>
                        <p class="delivery-listitem-title">3. Signature Confirmation</p>
                        
                        <div id="signature-arrow-btn" class="delivery-icon-arrow"></div>
                        <div class="delivery-list-separator"></div>
                    </div>
                </div>
                <div class="delivery-buttons-div">
                    <div id="cancel-pickup-btn">Cancel Pickup</div>
                    <div id="begin-tracking-btn">Begin Tracking</div>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" style="position: fixed;">
                <div style="background:rgb(249,249,249);height:70px">
                </div>
                
            </div>
            
        </div>
        
        <!--Signature -->

<div data-role="page" data-title="Signature" id="signature">
    <div data-role="content" id="signature-content" style="padding-left:0px;padding-right:0px" >
        <div>
            <p id="signature-back" >BACK</p>
            <p id="signature-title">SIGNATURE</p>
        </div>
        <div id="textarea-div">
            <textarea id="signature-textarea"rows="10" cols="50" placeholder="Tap to sign"></textarea>
        </div>
        <p  style="text-align:center;font-size:12px;margin-top:20px">Placeholder screen for signature page</p>
        <div align="center" id="email-div" >
            <div id="email-icon"> </div>
            <p id="email-title">Email</p>
        </div>
        
    </div>
</div>



        <!-- Home. -->
        <div data-role="page" data-title="Logitrack - Search" id="home">
            <div data-role="header" data-position="fixed">
                <h1>Logitrack</h1>
                <h6 style="background-color: #202020; margin: 0; color: white">Pickup</h6>
            </div>
            <div data-role="content">
                <ul class="search_form" data-role="listview" data-inset="true"></ul>
            </div>
            <div data-id="navigation" data-role="footer" data-position="fixed">
                <div style="width:auto; padding: 12px; font-weight: bold; text-align: center; border: 2px solid #606060"
                    id="save">Save
                </div>
            </div>
            
        </div>
        
        <!-- Route. -->
        <div data-role="page" data-title="Logitrack - Route" id="route">
            <div data-role="header" data-position="fixed">
                <a data-rel="back">&lt;</a>
                
                <h1>Logitrack</h1>
                <h6 style="background-color: #202020; margin: 0; color: white">In Route</h6>
            </div>
            <div data-role="content" style="position: relative">
                <div id="map_canvas" style="position:absolute; top:0px; left: 0px; right: 0px; bottom: 0px"></div>
                <div id="my_loc">&nbsp;</div>
            </div>
            <div data-role="footer" data-position="fixed">
                <div style="background: rgba(255,255,255,0.8); border: 1px solid #202020; height:52px">
                    <div style="width:49.9%; border-right:1px solid #202020; float:left; line-height:50px; text-align: center;"
                        class="ui-icon-ok"><i class="fa fa-check fa-2x lh50"></i></div>
                    <div style="width:49.9%; float: right; line-height: 50px; text-align: center;" class="ui-icon-remove"><i
                        class="fa fa-times fa-2x lh50"></i> &nbsp;</div>
                    <div style="clear:both; height: 0px">&nbsp;</div>
                </div>
            </div>
        </div>
        
        
        <!-- Route. -->
        <div data-role="page" data-title="Logitrack - Route Settings" id="route_settings">
            <div data-role="header" data-position="fixed">
                <a data-rel="back">&lt;</a>
                
                <h1>Logitrack</h1>
                
                <h6 style="background-color: #202020; margin: 0; color: white">Route Settings</h6>
            </div>
            <div data-role="content" style="position: relative; padding: 1em 0">
                <div id="control"><i class="fa fa-play fa-4x"></i></div>
            </div>
            <div data-role="footer" data-position="fixed">
                <div id="subcontrols">
                    <ul class="subcontrol">
                        <li id="map_btn"><i class="fa fa-location-arrow fa-2x"></i></li>
                        <li id="checkin_btn"><i class="fa fa-map-marker fa-2x"></i></li>
                        <li><i class="fa fa-book fa-2x"></i></li>
                    </ul>
                    <div style="clear:both; height: 0px">&nbsp;</div>
                </div>
                
            </div>
        </div>
        
        <div id="checkins" data-role="page" data-dialog="true">
            <div data-role="header">
                <h1>Check In</h1>
            </div>
            <div role="main" class="ui-content">
                <ul class="data" data-role="listview" data-inset="true"></ul>
            </div>
            <div data-role="footer" style="padding: 0">
                <a id="ok" style="display: block; margin: 0" class="ui-btn">Ok</a>
            </div>
        </div>
        
        
        <!-- Libraries. -->
        <script src="scripts/jquery.mustache.js"></script>
        <script src="scripts/mustache.js"></script>
        <script src="https://da189i1jfloii.cloudfront.net/js/kinvey-phonegap-1.1.7.min.js"></script>
        <script src="scripts/app.js"></script>
    </body>
</html><commit_msg>Fix android issue with smooth transfer between pages<commit_after><!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Logitrack</title>
        
        <meta name="description" content="Logitrack">
            <meta name="HandheldFriendly" content="True">
                <meta name="MobileOptimized" content="320">
                    <meta name="viewport" content="width=device-width, user-scalable=no">
                        
                        <!-- Cordova -->
                        <script src="cordova.js"></script>
                        
                        <!-- jQuery. -->
                        <script src="scripts/jquery.js"></script>
                        
                        <!-- Application scripts. -->
                        <script src="scripts/init.js"></script>
                        
                        <!-- jQuery Mobile. -->
                        <script src="scripts/jquery.mobile-1.4.0.min.js"></script>
                        <link href="styles/jquery.mobile-1.4.0.min.css" rel="stylesheet"/>
                        
                        <!-- jquery google map -->
                        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
                        <script src="scripts/jquery.ui.map.full.min.js"></script>
                        <script type="text/javascript"
                            src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>
                        
                        <link href="styles/fontawesome/css/font-awesome.css" rel="stylesheet"/>
                        
                        <!-- Application styles. -->
                        <link href="styles/main.css" rel="stylesheet"/>
                        <link href="styles/login.css" rel="stylesheet"/>
                        <link href="styles/dialogs.css" rel="stylesheet">
                            <script src="http://jsconsole.com/remote.js?2C8202B4-22AF-4FE1-ABB6-104F6D8AC08D"></script>
    </head>
    <body>
        
        
        <!-- Splash Screen -->
        <div data-role="page" data-title="Splash" id="splash">
        </div>
        
        
        <!-- Login. -->
        
        <div data-role="page" data-title="Login" id="login" align="center">
            
            <div data-role="content" id="login-content">
                <h1 id="title">LOGITRACK</h1>
                <input id="username-input" class="login-input" placeholder="username"></input>
                <input id="password-input" class="login-input" placeholder="password"></input>
                
                <h3 id="login-label">Log in</h3>
                
                <div id="separator-line">
                </div>
                <h4 id="registration-label">New to Logitrack?<br/>Register.</h4>
            </div>
        </div>
        
        
        <!-- Pickup Route. -->
        <div data-role="page" data-title="Logitrack - Route" id="pickup-route">
            
            
            <div data-role="header" data-position="fixed" id="pickup-route-header">
                <div style="height:45px;background:rgba(248,248,248,0.8);">
                    <div id="menu-btn"></div>
                    <h3 align="center">LOGITRACK</h3>
                    <div style="position:absolute;text-align:right;right:10px;top:0px">
                        <p id="timer" >00:00:00</p>
                        <p id="tracking-state">TRACKING ON</p>
                    </div>
                    
                </div>
                <div style="height:45px;background:rgba(235,248,248,0.8)">
                    <div id="locate-btn">
                    </div>
                    <div align="center" id="next-div">
                        <div id="next-btn">
                        </div>
                        <p id="next-label">NEXT</p>
                    </div>
                    <div align="center">
                        <p id="step-number-label">Waiting for Delivery</p>
                        
                        <p id="step-name-label">Tap to Browse Different Pickups</p>
                    </div>
                </div>
            </div>
            
            <div class="infobox-wrapper">
                <div id="confirm-infobox">
                    <p id="confirm-infobox-title">Drop-off Location</br>CONFIRM DELIVERY</p>
                    
                    <div class="confirm-infobox-arrow-btn"></div>
                    <div class="infobox-lower-arrow"></div>
                </div>
            </div>
            <div data-role="content" style="position: relative">
                <div class="infobox-wrapper">
                    <div id="infobox">
                        <p id="infobox-title">Pickup Location</br>CHECK IN</p>
                        
                        <div class="infobox-arrow-btn"></div>
                        <div class="infobox-lower-arrow"></div>
                    </div>
                </div>
                
                <div id="map_canvas"></div>
                <div id="alertcontainer">
                    <div id="alertbg"></div>
                    <div id="messagefg" class="dialog-message">
                        <div id="dialog-new-delivery" class="dialog-content">
                            <h4>New Delivery</h4>
                            
                            <p class="p-info-a">There is a new delivery available.</p>
                            
                            <p class="p-info-b">Pickup:</p>
                            
                            <p class="p-info-a">84 Tremont Street</p>
                            
                            <p class="p-info-a">Boston, MA 02101</p>
                            
                            <p class="p-info-b">Drop-off:</p>
                            
                            <p class="p-info-a">33 Kneeland Street</p>
                            
                            <p class="p-info-a">Boston, MA 02110</p>
                            
                            <div class="dialog-btn-div">
                                <div class="first-dialog-btn" id="dismiss-btn">DISMISS</div>
                                <div class="dialog-btn" id="view-btn">VIEW</div>
                            </div>
                        </div>
                    </div>
                    <div id="message-confirm" class="dialog-message">
                        <div id="dialog-confirm" class="dialog-content">
                            <h4>Confirm</h4>
                            
                            <p class="p-info-a">Would you like to accept this delivery?</p>
                            
                            <div style="width:auto;text-align:center">
                                <div id="dialog-start-marker"></div>
                                <div class="p-info-a;" style="display:inline-block">
                                    <p class="p-info-b">Pickup:</p>
                                    
                                    <p id="confirm-start-address" class="p-info-a" style="line-height:12px;"></p>
                                </div>
                            </div>
                            <div style="width:auto;text-align:center">
                                <div id="dialog-finish-marker"></div>
                                <div style="display:inline-block">
                                    <p class="p-info-b">Drop-off:</p>
                                    
                                    <p id="confirm-finish-address" class="p-info-a" style="line-height:12px"></p>
                                </div>
                            </div>
                            <div class="dialog-btn-div">
                                <div class="first-dialog-btn" id="cancel-btn">CANCEL</div>
                                <div class="dialog-btn" id="confirm-btn">CONFIRM</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" style="position: fixed">
                <div data-position="fixed" style="background: rgba(248,248,248,0.8);height:70px;">
                    <div style="display:inline;height:30px">
                        <h5 style="left:25px;line-height:30px;margin:0 auto; position:absolute">PICKUP</h5>
                        <h5 style="right:15px; line-height:30px;margin:0 auto;position:absolute">DELIVERY</h5>
                        <h5 align="center" style="line-height:30px;margin:0 auto;">TRAVEL</h5>
                    </div>
                    <div style="margin-left:40px;margin-right:40px">
                        <div id="circle-line"></div>
                        <div id="circle-left"></div>
                        <div id="circle-central"></div>
                        <div id="circle-right"></div>
                        <div id="green-circle-left"></div>
                        <div id="green-circle-central"></div>
                        <div id="green-circle-right"></div>
                        <div id="play-btn"></div>
                        <div id="pause-btn"></div>
                    </div>
                    <div id="circle"></div>
                </div>
            </div>
        </div>
        
        <!-- Delivery Details-->
        
        <div data-role="page" data-title="Delivery_Details" id="delivery-details">
            <div data-role="header" data-position="fixed" id="delivery-header">
                <div style="">
                    <p>DELIVERY DETAILS</p>
                    
                    <div id="delivery-details-back"></div>
                </div>
            </div>
            <div data-role="content" id="delivery-details-content">
                <div style="margin-left:10px;margin-top:10px">
                    <p class="p-info-b">PICKUP LOCATION:</p>
                    
                    <p class="p-info-a" id="delivery-start-address"></p>
                    
                    <p class="p-info-b">DELIVERY LOCATION:</p>
                    
                    <p class="p-info-a" id="delivery-finish-address"></p>
                    
                    <p class="p-info-b">DELIVERY AGENT: <NAME></p>
                </div>
                <div style="background:white;margin-top:30px">
                    <div>
                        <p class="delivery-listitem-title">1. Picked Up</p>
                        
                        <div class="delivery-icon-yes-circle"></div>
                        <div class="delivery-list-separator"></div>
                    </div>
                    <div>
                        <p class="delivery-listitem-title">2. Delivered</p>
                        
                        <div id="delivered-state" class="delivery-icon-empty-circle"></div>
                        <div class="delivery-list-separator"></div>
                    </div>
                    <div>
                        <p class="delivery-listitem-title">3. Signature Confirmation</p>
                        
                        <div id="signature-arrow-btn" class="delivery-icon-arrow"></div>
                        <div class="delivery-list-separator"></div>
                    </div>
                </div>
                <div class="delivery-buttons-div">
                    <div id="cancel-pickup-btn">Cancel Pickup</div>
                    <div id="begin-tracking-btn">Begin Tracking</div>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" style="position: fixed;">
                <div style="background:rgb(249,249,249);height:70px">
                </div>
                
            </div>
            
        </div>
        
        <!--Signature -->

<div data-role="page" data-title="Signature" id="signature">
    <div data-role="content" id="signature-content" style="padding-left:0px;padding-right:0px" >
        <div>
            <p id="signature-back" >BACK</p>
            <p id="signature-title">SIGNATURE</p>
        </div>
        <div id="textarea-div">
            <textarea id="signature-textarea"rows="10" cols="50" placeholder="Tap to sign"></textarea>
        </div>
        <p  style="text-align:center;font-size:12px;margin-top:20px">Placeholder screen for signature page</p>
        <div align="center" id="email-div" >
            <div id="email-icon"> </div>
            <p id="email-title">Email</p>
        </div>
        
    </div>
</div>



        <!-- Home. -->
        <div data-role="page" data-title="Logitrack - Search" id="home">
            <div data-role="header" data-position="fixed">
                <h1>Logitrack</h1>
                <h6 style="background-color: #202020; margin: 0; color: white">Pickup</h6>
            </div>
            <div data-role="content">
                <ul class="search_form" data-role="listview" data-inset="true"></ul>
            </div>
            <div data-id="navigation" data-role="footer" data-position="fixed">
                <div style="width:auto; padding: 12px; font-weight: bold; text-align: center; border: 2px solid #606060"
                    id="save">Save
                </div>
            </div>
            
        </div>
        
        <!-- Route. -->
        <div data-role="page" data-title="Logitrack - Route" id="route">
            <div data-role="header" data-position="fixed">
                <a data-rel="back">&lt;</a>
                
                <h1>Logitrack</h1>
                <h6 style="background-color: #202020; margin: 0; color: white">In Route</h6>
            </div>
            <div data-role="content" style="position: relative">
                <div id="map_canvas" style="position:absolute; top:0px; left: 0px; right: 0px; bottom: 0px"></div>
                <div id="my_loc">&nbsp;</div>
            </div>
            <div data-role="footer" data-position="fixed">
                <div style="background: rgba(255,255,255,0.8); border: 1px solid #202020; height:52px">
                    <div style="width:49.9%; border-right:1px solid #202020; float:left; line-height:50px; text-align: center;"
                        class="ui-icon-ok"><i class="fa fa-check fa-2x lh50"></i></div>
                    <div style="width:49.9%; float: right; line-height: 50px; text-align: center;" class="ui-icon-remove"><i
                        class="fa fa-times fa-2x lh50"></i> &nbsp;</div>
                    <div style="clear:both; height: 0px">&nbsp;</div>
                </div>
            </div>
        </div>
        
        
        <!-- Route. -->
        <div data-role="page" data-title="Logitrack - Route Settings" id="route_settings">
            <div data-role="header" data-position="fixed">
                <a data-rel="back">&lt;</a>
                
                <h1>Logitrack</h1>
                
                <h6 style="background-color: #202020; margin: 0; color: white">Route Settings</h6>
            </div>
            <div data-role="content" style="position: relative; padding: 1em 0">
                <div id="control"><i class="fa fa-play fa-4x"></i></div>
            </div>
            <div data-role="footer" data-position="fixed">
                <div id="subcontrols">
                    <ul class="subcontrol">
                        <li id="map_btn"><i class="fa fa-location-arrow fa-2x"></i></li>
                        <li id="checkin_btn"><i class="fa fa-map-marker fa-2x"></i></li>
                        <li><i class="fa fa-book fa-2x"></i></li>
                    </ul>
                    <div style="clear:both; height: 0px">&nbsp;</div>
                </div>
                
            </div>
        </div>
        
        <div id="checkins" data-role="page" data-dialog="true">
            <div data-role="header">
                <h1>Check In</h1>
            </div>
            <div role="main" class="ui-content">
                <ul class="data" data-role="listview" data-inset="true"></ul>
            </div>
            <div data-role="footer" style="padding: 0">
                <a id="ok" style="display: block; margin: 0" class="ui-btn">Ok</a>
            </div>
        </div>
        
        
        <!-- Libraries. -->
        <script src="scripts/jquery.mustache.js"></script>
        <script src="scripts/mustache.js"></script>
        <script src="https://da189i1jfloii.cloudfront.net/js/kinvey-phonegap-1.1.7.min.js"></script>
        <script src="scripts/app.js"></script>
    </body>
</html>
{'fraction_non_alphanumeric': 0.15148254423720708, 'fraction_numerical': 0.016170492587278814, 'mean_word_length': 1.1753576072821847, 'pattern_counts': {'":': 0, '<': 827, '<?xml version=': 0, '>': 827, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5725533', 'n_tokens_mistral': 9516, 'n_tokens_neox': 8759, 'n_words': 1450}