

<!DOCTYPE HTML>
<html lang="en" class="h-100">
<head>


	 <script>
	   window.onerror = function (msg, url, lineNo, columnNo, error) {
		 console.log("window.onerror caught:", { msg, url, lineNo, columnNo, error });
	 
		 try {
		   fetch('/log_js_error.cfm', {
			 method: 'POST',
			 headers: { 'Content-Type': 'application/json' },
			 body: JSON.stringify({
			   message: msg,
			   url: url,
			   line: lineNo,
			   column: columnNo,
			   stack: error && error.stack ? error.stack : null,
			   userAgent: navigator.userAgent
			 })
		   }).then(r => console.log("Fetch status:", r.status));
		 } catch (e) {
		   console.error("Error in fetch:", e);
		 }
	   };
	 </script>


	<script>
		(function() {
		  var storedTheme = localStorage.getItem('theme') || 'auto';
		  var theme = storedTheme;
	
		  if (storedTheme === 'auto') {
			theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
		  }
	
		  document.documentElement.setAttribute('data-bs-theme', theme);
		})();
	  </script>
	

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
	<meta name="theme-color" content="#01426A">


		<title>ChrisRodkey.com | Baseball</title>
	

	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
	
	
			<link rel="stylesheet" href="/css/custom.css">
				
		
	<link rel="stylesheet" href="/flights/bs/auto/easy-autocomplete.css"> 
	<link rel="stylesheet" href="/js/flags/css/flag-icon.min.css" />


<script>
	FontAwesomeConfig = { searchPseudoElements: true };
</script>


<script src="https://kit.fontawesome.com/65556c2cdf.js" crossorigin="anonymous"></script>


	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">


	<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />


	<style>
		/* Recommended icon sizes */
		span.size-20 {
		  font-size: 20px;
		  font-variation-settings: 'OPSZ' 20;
		}
		span.size-24 {
		  font-size: 24px;
		  font-variation-settings: 'OPSZ' 24;
		}
		span.size-40 {
		  font-size: 40px;
		  font-variation-settings: 'OPSZ' 40;
		}
		span.size-48 {
		  font-size: 48px;
		  font-variation-settings: 'OPSZ' 48;
		}
		
		span.material-symbols-rounded {
			font-size: inherit;
		//	display:inline-flex;
			vertical-align:middle;
			line-height: 1px;
			margin-top: -1px;
		}
		
		</style>
		
		
		<style>
		.card {
		  background-color: var(--bs-tertiary-bg);
		  box-shadow: var(--bs-box-shadow-sm);
		}
		
		.card-header {
		  background-color: var(--bs-primary-bg-subtle);
		}
		
		</style>
		
		
	<link rel="shortcut icon" href="/favicon.png" />

	
	<style>

		
		@media only screen and (max-width:767px){
			.dropdown-menu.dropdown-menu-right.test{
				display: block;
				position: static;
				background-color:transparent;
				border:0 none;
				box-shadow:none;
				margin-top:0;
				position:static;
				width:100%;
			}
		}
		
		.searcher {
		//	min-width: 350px;
		}
		
		.searcher input {
			background-image: url("/flights/images/icon_search.png");
			background-repeat: no-repeat;
			background-position: right 10px center;
			background-color: var(--bs-body-bg);
			color: var(--bs-light-text-emphasis);
		}
		
		
</style>


</head>

<body class="d-flex flex-column h-100">


<nav class="navbar navbar-expand-sm navbar-dark bg-primary  border border-3 border-success border-bottom border-top-0 border-start-0 border-end-0" aria-label="navbar large">
	<div class="container-fluid">
		<a class="navbar-brand" href="/" >
			<img src="/largeicon.png" width="30" height="30" class="d-inline-block align-top me-2" alt="">
			
			<div class="d-inline-block align-middle h3 m-0">
				ChrisRodkey.com 
				
			</div>
		</a>
		
			
		<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#offcanvasNavbar2" aria-controls="offcanvasNavbar2">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse pe-md-3 " tabindex="-1" id="offcanvasNavbar2">
			
				<ul class="navbar-nav justify-content-end align-content-center flex-grow-1 small">
					<li class="nav-item text-center dropdown">
						<a class="nav-link " data-bs-toggle="dropdown" href="#">
							<span class="material-symbols-outlined d-block mx-auto mb-1">flight</span> Flights
						</a>
						<ul class="dropdown-menu dropdown-menu-end">
							<li class="text-center px-2 d-grid">
								<a class="btn btn-primary h1 border rounded" href="/flights/filter_js_change.cfm">
									<span class="material-symbols-outlined d-block mx-auto mb-1 fs-1">flight</span>
									All Flights
								</a>
							</li>
							
							<li><hr class="dropdown-divider"></li>
							
							<li><h6 class="dropdown-header">AAG Info</h6></li>
							<li><a class="dropdown-item" href="/flights/aagseats.cfm?airline=AS&fleettype=737"><span class="material-symbols-outlined align-middle">airline_seat_recline_normal</span> Seat Maps</a></li>
							<li><a class="dropdown-item" href="/flights/aag_fleet.cfm?airline=AS"><span class="material-symbols-outlined align-middle">connecting_airports</span> Fleet Progress</a></li>
							
							<li><h6 class="dropdown-header">Misc. Info</h6></li>
							
							<li><a class="dropdown-item" href="/flights/sunburst.cfm"><span class="material-symbols-outlined align-middle">donut_large</span> Wheel of Flights </a></li>
							<li><a class="dropdown-item" href="/flights/fun_facts.cfm"><span class="material-symbols-outlined align-middle">insights</span>  Fun Facts</a></li>
							<li><a class="dropdown-item" href="/flights/qxhistory.cfm"><span class="material-symbols-outlined align-middle">airline_stops</span> Horizon Crew History</a></li>
						</ul>
					</li>
					<li class="nav-item text-center dropdown">
						<a class="nav-link " data-bs-toggle="dropdown" href="#">
							<span class="material-symbols-outlined d-block mx-auto mb-1">clear_day</span>
							Weather
						</a>
						<ul class="dropdown-menu dropdown-menu-end">
							
							
							<li>
								<h4 class="pb-0 mb-1 text-center">Today's Weather</h4>
							
								<div class="btn-group dropdown-item btn-group-sm px-3 pb-2">
									
										<a href="/wx/1/today" class="btn btn-info d-flex flex-column">
											<span class="badge numeric text-white d-inline mx-auto flex-shrink my-1 fs-6" style="background-color: rgba(141,191,113,1);">61.5&deg;</span>
											<small>Seattle</small>
										</a>
									
									
										<a href="/wx/2/today" class="btn btn-info d-flex flex-column">
											<span class="badge numeric text-white d-inline mx-auto flex-shrink my-1 fs-6"  style="background-color: rgba(141,191,113, 1);">62.4&deg;</span>
											<small>Reardan</small>
										</a>
									
									
										<a href="/wx/3/today" class="btn btn-info d-flex flex-column text-nowrap"><span class="badge numeric text-white d-inline mx-auto flex-shrink my-1 fs-6"  style="background-color: rgba(141,191,113, 1);">62.6&deg;</span><small>Des Moines</small></a>
									
									
										<a href="/wx/4/today" class="btn btn-info d-flex flex-column text-nowrap"><span class="badge numeric text-white d-inline mx-auto flex-shrink my-1 fs-6"  style="background-color: rgba(141,191,113, 1);">58.3&deg;</span><small>Edmonds</small></a>
									
								</div>
							</li>
							
							<li><hr class="dropdown-divider"></li>
							
							<li><a class="dropdown-item" href="/weather/records.cfm"><span class="material-symbols-outlined align-middle">beenhere</span> All-Time Records </a></li>
							<li><a class="dropdown-item" href="/weather/misc.cfm"><span class="material-symbols-outlined align-middle">category</span> Misc. </a></li>
						</ul>
					</li>
					<li class="nav-item text-center">
						<a class="nav-link " href="/beer/">
							<span class="material-symbols-outlined d-block mx-auto mb-1">sports_bar</span> Beer
						</a>
					</li>
					
					
						<li class="nav-item text-center">
							<a class="nav-link active" href="/baseball/">
								<span class="material-symbols-outlined d-block mx-auto mb-1">sports_baseball</span> Baseball
							</a>
						</li>
					
					
					<li class="nav-item text-center dropdown d-flex align-items-center" >
						<div class="col d-flex flex-column justify-content-center">
							<a class="nav-link align-self-center" data-bs-toggle="dropdown" href="#">
								<i class="material-symbols-outlined d-block mx-auto mb-1 fs-1">search</i><span class="d-sm-none">Search</span>
							</a>
							<div class="clearfix"></div>
							
							<div class="dropdown-menu dropdown-menu-end test" id="search_dropdown">
								<div class="searcher p-2" style="min-width: 300px;">
									<input id="searchbox" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search..." autofocus="autofocus" style="width: 100%;"/>
								</div>
							</div>
						</div>
					</li>		
				
					
				</ul>
		</div>
	</div>

</nav>


    <div class="container my-3">
        <h2>Import Result: gamePk 778521</h2>
        
            <div class="alert alert-success">Import complete.</div>
        
    </div>
    
    
<div class="clearfix mt-3"></div>
<footer class="bg-secondary text-white mt-auto py-2 border-2 border-top border-primary">
	<div class="container d-flex flex-wrap justify-content-between align-items-center ">
		
		<p class="col-12 col-md-5 text-center text-md-start mb-0 order-1 order-md-0">
			
			<img src="/largeicon.png" width="30" height="30" class="img-fluid " alt="">
			
			<span class="text-white align-self-center small mr-auto pr-5">&copy; Chris Rodkey 2026
				
				
			</span>
		</p>
		
		
		<div class="col-12 col-md-4 justify-content-center justify-content-md-end d-flex order-0 order-md-1">
			
			
			<a class="text-white align-self-center nav-link px-2" href="/flights/about.cfm">About</a>
			
			<a class="text-white align-self-center nav-link px-2" href="/weather/wx_live.cfm">61.5&deg;</a>
			
			
					<div class="py-1 col-sm-auto">
						<div class="vr d-flex h-100 mx-2 text-white"></div>
					</div>
					
					
					<div class="btn-group dropup">
						<div class="text-center dropdown dropdown-menu-end text-white align-items-center my-auto">
							
							<button class="btn btn-link nav-link py-1 px-0 px-lg-2 d-flex align-items-center dropdown-toggle mx-auto" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle theme (auto)">
								<span class="material-symbols-outlined fs-4 py-1 my-1 opacity-50 d-block mx-auto text-white theme-icon-active">
									stroke_partial
								</span>
								
								<span class="d-none ms-2" id="bd-theme-text">Toggle theme</span>
							</button>
							
							<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme-text">
								<li>
									<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
										<span class="material-symbols-outlined me-2 opacity-50 theme-icon">
											light_mode
										</span>
										
										Light
										<span class="material-symbols-outlined ms-auto d-none">
											check
										</span>
										
									</button>
								</li>
								<li>
									<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
										<span class="material-symbols-outlined me-2 opacity-50 theme-icon">
											dark_mode
										</span>
										
										Dark
										<span class="material-symbols-outlined ms-auto d-none">
											check
										</span>
										
									</button>
								</li>
								<li>
									<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
										<span class="material-symbols-outlined me-2 opacity-50 theme-icon">
											stroke_partial
										</span>
										
										Auto
										<span class="material-symbols-outlined ms-auto d-none">
											check
										</span>
										
									</button>
								</li>
							</ul>
							
						</div>
					</div>
							
					
				<!-- Content for non-authenticated users -->
			
			
		</div>
		
		<script>
			/*!
			 * Color mode toggler for Bootstrap's docs (https://getbootstrap.com/)
			 * Copyright 2011-2023 The Bootstrap Authors
			 * Licensed under the Creative Commons Attribution 3.0 Unported License.
			 */
			
			(() => {
			  'use strict'
			
			  const storedTheme = localStorage.getItem('theme')
			
			
			  const getPreferredTheme = () => {
				  if (storedTheme) {
					  return storedTheme
				  }
			  
				  return 'auto';
			  }
			
			
			  const setTheme = function (theme) {
				  if (theme === 'auto') {
					  theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
				  }
				  document.documentElement.setAttribute('data-bs-theme', theme)
			  }
			  
			
			  setTheme(getPreferredTheme())
			
			  const showActiveTheme = (theme, focus = false) => {
					const themeSwitcher = document.querySelector('#bd-theme');
				  
					if (!themeSwitcher) {
					  return;
					}
				  
					const themeSwitcherText = document.querySelector('#bd-theme-text');
					const activeThemeIcon = document.querySelector('.theme-icon-active');
					const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`);
					const iconOfActiveBtn = btnToActive.querySelector('.theme-icon').textContent;
				  
					document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
					  element.classList.remove('active');
					  element.setAttribute('aria-pressed', 'false');
					});
				  
					btnToActive.classList.add('active');
					btnToActive.setAttribute('aria-pressed', 'true');
					activeThemeIcon.textContent = iconOfActiveBtn;
					const themeSwitcherLabel = `${themeSwitcherText.textContent} (${btnToActive.dataset.bsThemeValue})`;
					themeSwitcher.setAttribute('aria-label', themeSwitcherLabel);
				  
					if (focus) {
					  themeSwitcher.focus();
					}
				  };
				  
			
			  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
				if (storedTheme !== 'light' || storedTheme !== 'dark') {
				  setTheme(getPreferredTheme())
				}
			  })
			
			  window.addEventListener('DOMContentLoaded', () => {
				showActiveTheme(getPreferredTheme())
			
				document.querySelectorAll('[data-bs-theme-value]')
				.forEach(toggle => {
					toggle.addEventListener('click', () => {
						const theme = toggle.getAttribute('data-bs-theme-value');
						localStorage.setItem('theme', theme);
						setTheme(theme);
						showActiveTheme(theme, true);
						
						// Dispatch a global event notifying that the theme has changed
						const event = new Event('themeChanged', { 'bubbles': true, 'cancelable': true });
						event.theme = theme;
						window.dispatchEvent(event);
					})
				});
			  })
			})()
		</script>
	</div>
</footer>


	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>


	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
	
	
<script>
	var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
	var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
	  return new bootstrap.Popover(popoverTriggerEl)
	})
	var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
	var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
	  return new bootstrap.Tooltip(tooltipTriggerEl)
	})
</script>


<script src="/flights/bs/auto/jquery.easy-autocomplete.min.js"></script> 


<script src="https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.5.0/lz-string.min.js" integrity="sha512-qtX0GLM3qX8rxJN1gyDfcnMFFrKvixfoEOwbBib9VafR5vbChV5LeE5wSI/x+IlCkTY5ZFddFDCCfaVJJNnuKQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>
	

// Function to construct deep link
function constructDeepLink(filterType, filterValue) {
	try {
		// Create a complete filter state object with all possible filters
		const filterState = {
			airline: [],
			continent: [],
			country: [],
			state: [],
			city: [],
			aircraft_manufacturer: [],
			aircraft_family: [],
			aircraft_fullname: [],
			tailnumber: [],
			trip_type: [],
			class_type: [],
			seat_type: [],
			joe_flight: [],
			international: [],
			yearf: [],
			monthf: [],
			dayf: [],
			mileage: {
				min: 6,  // Default min mileage
				max: 7422  // Default max mileage
			}
		};

		// Set the specified filter value
		filterState[filterType] = [filterValue];

		// Convert to JSON and encode
		const jsonString = JSON.stringify(filterState);
		const encodedString = btoa(jsonString)
			.replace(/\+/g, '-')
			.replace(/\//g, '_')
			.replace(/=+$/, '');

		return `/flights/filter_js_change.cfm?filters=${encodedString}`;
	} catch (error) {
		console.error('Error constructing deep link:', error);
		return '#';
	}
}

// Function to handle deep link generation for elements
function handleDeepLinks(container) {
	// Find all links with data-type attribute
	const filterLinks = container.querySelectorAll('a[data-type]');
	
	filterLinks.forEach(link => {
		try {
			const filterType = link.getAttribute('data-type');
			const filterValue = link.getAttribute('data-point');
			
			// Validate attributes
			if (!filterType || !filterValue) {
				console.warn('Link missing required attributes:', link);
				return;
			}

			// Set the href
			const deepLink = constructDeepLink(filterType, filterValue);
			link.href = deepLink;
			
			// Add click handler
			link.addEventListener('click', function(event) {
				// Only prevent default if the link was successfully constructed
				if (deepLink !== '#') {
					event.preventDefault();
					window.location.href = deepLink;
				}
			});

		} catch (error) {
			console.error('Error handling deep link for element:', link, error);
		}
	});
}

// Initialize when DOM is ready
document.addEventListener("DOMContentLoaded", function() {
	handleDeepLinks(document);
});

// Optional: Function to test a deep link
function testDeepLink(filterType, filterValue) {
	const link = constructDeepLink(filterType, filterValue);
	console.log('Test deep link:', {
		filterType,
		filterValue,
		link,
		decodedData: atob(link.split('=')[1]
			.replace(/-/g, '+')
			.replace(/_/g, '/'))
	});
	return link;
}

// Autocomplete
var options = {
	url: "/sitelists/sitelist.json",
	getValue: "text",
	template: {
		type: "custom",
		method: function(value, item) {
			return "<div class='d-flex justify-content-start align-items-center flex-nowrap p-1'><span class='material-symbols-outlined me-1'>" + item.i + "</span><div>" + item.m + "</div> <span class='badge text-bg-primary ms-2'>" + item.b + "</span></div>";
		}
	},
	adjustWidth: "false",
	minCharNumber: "2",
	list: {
		match: {
			enabled: true
		},
		sort: {
			enabled: true
		},
		onChooseEvent: function() {
			var selectedItem = $("#searchbox").getSelectedItemData();
			var link = constructDeepLink(selectedItem.dt, selectedItem.dp);
			window.location = link;
		}
	}
};

$("#searchbox").easyAutocomplete(options);
$('div.easy-autocomplete').removeAttr('style');

$('#search_dropdown').on('shown.bs.dropdown', function () {
	$("#searchbox").focus();
});

document.addEventListener('keydown', function(event) {
	// Check for CMD (on Mac) or CTRL (on PC) along with 'K' key
	if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
		event.preventDefault(); // Prevent any default action

		// Open the dropdown (this assumes you're using Bootstrap dropdowns)
		$('#search_dropdown').dropdown('show');

		// Focus on the search box
		$("#searchbox").focus();
	}
});


</script>


</body>

</html>