Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
<!DOCTYPE html>
<html lang="en">
<!-- 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();
$( 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
else {
/* San-Joaquin redirection */
if(data['fleet'] == 'san-joaquin') // redirect to /www
else { // inject text according with fleet - hide loader - show page
$('body').removeClass().addClass('splash ' + data['bodyclass']);
if (data['fleet'] == 'capitol-corridor') {
$('.agree p.sponsored.ccjpa').show();
}, 3000);
<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 class="cs-loader-inner">
<label> &#x2022;</label>
<label> &#x2022;</label>
<label> &#x2022;</label>
<label> &#x2022;</label>
<label> &#x2022;</label>
<label> &#x2022;</label>
<div class="index">
<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 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 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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment