amtrakconnect.html

## amtrakconnect.html
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Metas tag -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

  <title>AmtrakConnect - Welcome</title>
    <link rel="stylesheet" type="text/css" href="css/siimple.css">
  <link href="css/styles.css" rel="stylesheet" type="text/css">
  <script type='text/javascript' src='lib/jquery-2.1.4.min.js'></script>

  <script type="text/javascript">
    /* preload background images */
    bg_amfleet = new Image();
    bg_ccjpa = new Image();
    bg_amfleet.src="img/backgrounds/05.jpg";
    bg_ccjpa.src="img/backgrounds/capitol-corridor-1.jpg";

    $( document ).ready( function(){
      window.setTimeout( function() {
        /* ajax for retrieving pre-login data */
        $.getJSON("preinfotojson.php", function(data) {
          if( data['is_authenticated'] === true ) // redirect to index2
            window.location.replace("index2.php");
          else {
            /* San-Joaquin redirection */
            if(data['fleet'] == 'san-joaquin') // redirect to /www
              window.location.replace("www/index.html");
            else {  // inject text according with fleet - hide loader - show page
              $('div.agree p.blue-light').append(data['i_agree_text']);
              $('body').removeClass().addClass('splash ' + data['bodyclass']);
              $('div.cs-loader').fadeOut();
              $('div.index').fadeIn();
              /*
              if (data['fleet'] == 'capitol-corridor') {
                $('div#header-logo-ccjpa').show();
                $('.agree p.sponsored.ccjpa').show();
              }
              */
            }
          }
        });
      }, 3000);
    });
  </script>
</head>

<body class="splash">
  <div class="cs-loader">
    <div class="cs-loader-logo">
      <img src="img/main-content/amtrakconnect_logo_600x600.png" alt="AmtrakConnect logo" />
    </div>
    <div class="cs-loader-inner">
      <label> &#x2022;</label>
      <label> &#x2022;</label>
      <label> &#x2022;</label>
      <label> &#x2022;</label>
      <label> &#x2022;</label>
      <label> &#x2022;</label>
    </div>
  </div>

  <div class="index">
        <header>
            <div class="header-left">
                <div class="only-home">
                    <img class="logo" src="img/amtrakconnect-icon-orange.png" alt="AmtrakConnect logo" />
                    <img class="title" src="img/amtrakconnect-title.png"  alt="AmtrakConnect title" />
                    <a class="overlay-no-hover" href="index2.php"></a>
                </div>
            </div>
        </header>

        <div class="agree">
            <p class="sponsored ccjpa">
                <span>This session is sponsored by</span>
                <img src="img/main-content/caltrans_logo.png" alt="Caltrans logo" />
            </p>

            <p class="welcome-ccjpa big-title-orange">Welcome</p>
            <p class="welcome-ccjpa subtitle">to AmtrakConnect on-board Wi-Fi</p>

            <p>We hope that you enjoy this <strong>free</strong> service throughout your journey.</p>
            <p class="blue-light"></p>
            <p>Keep in mind that cellular bandwidth may be limited, and your browsing experience will be affected by the number of users on the network.</p>
            <p>To optimize available bandwidth, activities such as online video/audio streaming and file downloads are restricted.</p>
            <p>By using this service, you agree to <a href="terms-agree.php" class="link">AmtrakConnect&rsquo;s Terms and Conditions</a>.</p>
            <p class="btn-wrapper"><a class="btn" href="index2.php">I Agree </a></p>
        </div>
    </div>

</body>