home_test application.2

<center>

     <div style="background-color:pink; color:white; border:2px solid black; padding:2px; font-size:18px; font-family: verdana;">
    </div>

</center>

    <center>
    
    

</center>

		<script>
			var prjsCurYear = '2024';
			var prjsMinYear = '2012';
			var prjsMaxYear = '2028';
			var prjsMinYearEdit = '2012';
			var prjsMaxYearEdit = '2028';
		</script>
	<!-- 2024_pr_inc_path_switch.cfm --->




 	
 	<script>
		var jsCurRun  = '#curRun#';
	</script>


 



<script>
	
	document.title = 'Calendar of Events';
	
</script>	

	



	<style>
		/* **********************************************************/
		/* ***** EDITED STYLES 1 ( live ) ***************************/
		/* **********************************************************/
		
	</style>
    
    

<!-- xp_GetEvents -->
<!-- xp_GetEvents -->
<!-- xp_GetEvents -->
<!-- xp_GetEvents -->

    

<script>
// begin inc_ek_js.cfm



var xpage_ek_filename = "events.cfm";
var jsAllArgs = "";


function OkToUseInnerHTML()
{
	// let's assume everybody supports this by now
	return true;
}

function ShowPassInfo(cOrg, passID)
{
	var url = "http://www.eventkeeper.com/code/popinfo.cfm?curOrg=" + cOrg + "&curApp=passes&pID=" + passID;
	window.open(url, "popnotewin", "width=400,height=400,left=100,top=100, resizable=yes,scrollbars=yes").focus();
}

function ShowRegForm(cOrg, dfdID)
{
	var url = "http://www.eventkeeper.com/code/ekform.cfm?curOrg=" + cOrg + "&curID=" + dfdID;
	window.open(url, "popnotewin", "width=800,height=800,left=100,top=80, resizable=yes,scrollbars=yes").focus();
}

function RealMonth(codeMonth)
{
	var humanMonthNumber = Number(codeMonth) + 1;
	return humanMonthNumber;
}	


var today = new Date();
var day = today.getDate(), month = today.getMonth(), year = y2k(today.getYear()), whichOne = 0;
var today2 = year + "-" + padout(month) + "-" + padout(day);

function y2k(number)    { return (number < 1000) ? number + 1900 : number; }

function padout(number) { return (number < 10) ? '0' + number : number; }

function tfDayHasEvent (thisDay, evtDayList)
{
	var rMonth = RealMonth(document.SetDisplayCriteria.fMonth.value);
    var thisDate = "\'" + document.SetDisplayCriteria.fYear.value + "-" + padout(rMonth) + "-" + padout(thisDay);
	var testdate = new RegExp (thisDate);
	// alert(evtDayList);
	// alert("inc_ek_js.cfm rmonth = " + rMonth);
	// alert("inc_ek_js.cfm testdate = " + testdate);
	// alert(testdate.test(evtDayList));
	
	return testdate.test(evtDayList);
}

/* 7/13/2017 */
/* need to modify selectDay so that it knows about pagination and keywords */
function selectDay( newMonth, newDay, newYear ) 
{
		
		
		document.SetDisplayCriteria.fDay.value = newDay;
			
		var GoToURL = "";
		
		
			GoToURL += "https://www.plymouthrocketxb.com/EK.cfm?" + jsAllArgs + "&curMonth=" + RealMonth(newMonth);
			// GoToURL += "ek.cfm?" + jsAllArgs + "&curMonth=" + RealMonth(newMonth);
			
		
			GoToURL += "&curYear=" + newYear;
		
		
		
		
		
		
		
		
		
		
		
		
		
		if (newDay!='0')
		{
		var GoToDate = "";
		GoToDate += RealMonth(newMonth) + "/";
		GoToDate += newDay + "/" + newYear;
		
		GoToURL += "&SelectedDate=" + GoToDate;
		
		// this next line was commented out : don't know why : be prepared to add it back
		GoToURL += "#" + GoToDate;
		}
		
		
		
		location.href = GoToURL;
		
		
		
}



function tfToday (thisDay)
{
    return (today2 == document.SetDisplayCriteria.fYear.value + "-" + padout(document.SetDisplayCriteria.fMonth.value) + "-" + padout(thisDay));
}

function changeYear(tfEvtListPg3) 
{
	// woof : might need to use Layers to avoid layers even in NN on bigMonth
	// sniff
    if (OkToUseInnerHTML()) 
		newYear = document.Cal.Year.options[document.Cal.Year.selectedIndex].value + '';
	else
		newYear = document.layers['SMALL_CAL'].document.Cal.Year.options[document.layers['SMALL_CAL'].document.Cal.Year.selectedIndex].value + '';

	document.SetDisplayCriteria.fYear.value = newYear;
    ShowMonth (document.SetDisplayCriteria.fMonth.value,newYear,tfEvtListPg3,'JS-CY-186');
}

function changeMonth(newMonth) 
{
	// alert("A: Change Montho");
	// sniff
    if (OkToUseInnerHTML()) 
	{
		// alert ("A: change month, IE, layers");		
		// alert("newMonth = doggie " + document.Cal.Month.options[document.Cal.Month.selectedIndex].value);
														 
		newMonth = document.Cal.Month.options[document.Cal.Month.selectedIndex].value + '';
	}
	else
	{
		alert("A: Second option");
		newMonth = document.layers['SMALL_CAL'].document.Cal.Month.options[document.layers['SMALL_CAL'].document.Cal.Month.selectedIndex].value + '';
	}
			
	window.document.SetDisplayCriteria.fMonth.value = newMonth;
    // alert("existing year = " + document.SetDisplayCriteria.fYear.value);
	ShowMonth (newMonth,document.SetDisplayCriteria.fYear.value,true,'JS-CM-178');    
}

function IndexOfDayPicked (thisMonth, thisDay, thisYear)
{
	var someDateStr = RealMonth(thisMonth) + '/' + thisDay + '/' + thisYear;
	// alert("checking day = " + someDateStr);
	// alert("PickedDayArray = " + PickedDayArray + "PickedDayArray.length = " + PickedDayArray.length);
	
	/*
	for (var i = 0; i < PickedDayArray.length; i++) 
   	{ 
   		if (someDateStr == PickedDayArray[i])
		{
			return i ; 
	 	}
	}
	*/
	return -1;
}






function MakeCalendarCode(Month,Year,tfEvtListPg1) 

	{
	
	// alert("beckett 238/244 : BEGIN -- Make Calendar Code -- inc_ek_js.cfm"); 

	var tfPickDates = false;
	
	// var nm = 5;
	
	
		// alert("BEGIN -- MakeCalendarCode function : 231"); 
	
	
	// 
    var output = '';
    // 
    // opera fussing : remove form from here and put it on the page.
	// pre styles = output += '<table bgcolor="' + tbgColor1 + '" border=1>';
	output += '<table align="center" ID="scal_table_outer" >';
	// output += '<form name="Cal" style="margin-bottom: 0px;"><table bgcolor="' + tbgColor1 + '" border=1>';
	    
	// 
    if (tfEvtListPg1)
	{
		
			// alert("tfEvtListPg1");
		
		

		output += '<tr><td align=center width=100%><select name="Month" class="scal_month_list" onChange="changeMonth();">';

		// 
    	for (month=0; month<12; month++) 
		{
        	if (month == Month) 
				output += '<option value="' + month + '" selected>' + names[month] + '<\/option>';
        	else              
				output += '<option value="' + month + '">' + names[month] + '<\/option>';
    	}

    	output += '<\/select>&nbsp;<select name="Year" ID="WTF:259" class="scal_year_list" onChange="changeYear(1);">';

    	// 
		// BOYDEN asked...
		
		
				if (Year == 0)
					output += '<option value="0" selected>0<\/option>';
				else
					output += '<option value="0">0<\/option>';
				
		
    	output += '<\/select><\/td><\/tr>';
	}
	
	output += '<tr><td align=center colspan=2>';

 	// 

    firstDay = new Date(Year,Month,1);
    startDay = firstDay.getDay();

    if (((Year % 4 == 0) && (Year % 100 != 0)) || (Year % 400 == 0))
         days[1] = 29; 
    else
         days[1] = 28;

	// 
    output += '<table ID="scal_table_inner"><tr>';

	// 
    for (i=0; i<7; i++)
	{
        output += '<td class="scal_details_dow_row">';
		
		output += dow[i]; 
		
		output += '<\/td>';
	}
		
    output += '<\/tr><tr align=center valign=middle>';

    var column = 0;
    var lastMonth = Month - 1;
    if (lastMonth == -1) lastMonth = 11;

	// 
    for (i=0; i<startDay; i++, column++)
        output += '<td class="scal_details_gray_day">' + (days[lastMonth]-startDay+i+1) + '<\/td>';

	// 
	for (i=1; i<=days[Month]; i++, column++) 
	{
		{	output += '<td align=center valign=middle'; }
			
		// 
		if 	((tfPickDates) && (IndexOfDayPicked(Month, i, Year) != -1))
		{ 
			output +=  ' bgcolor=red';
		}
		// 
		else if (tfToday(i)) 
		{ 
			output +=  ' class="scal_details_today"';
		}

		else
		{ 
			output +=  ' class="scal_details_regular_day"';
		}

		output += '>';
		
		// 
		
		// alert("woofta : i = " + i + " daylist = " + daylist);
		
		if (tfDayHasEvent(i,daylist))
		// if (i > 15)
		{
			// alert("day has event");
			output += '<a href="javascript:selectDay(' + Month + ',' + i + ',' + Year + ')">';
			output += i;
			output += '<\/a>';
		}
		else
		{
			// alert("day does not have event");
			output += '' + i + '';
		}
		
        output += '<\/td>';
		
		if (column == 6) {
            output += '<\/tr><tr align=center valign=middle>';
            column = -1;
        }
    }

	// 
    if (column > 0) {
        for (i=1; column<7; i++, column++)
            output +=  '<td class="scal_details_gray_day">' + i + '<\/td>';
    }

	// 
    
	// output += '<\/tr><\/table><\/td><\/tr><\/table><\/form>\n';
	
	// opera fussing remove close form tag
	output += '<\/tr><\/table><\/td><\/tr><\/table>\n';
	
	
		// alert("END -- Make Calendar Code"); 
	
	
    return output;
}

function ShowMonth (aMonth, aYear, tfEvtListPg4, debugLocation)
{
	
	
	document.SetDisplayCriteria.fMonth.value = aMonth;
	document.SetDisplayCriteria.fYear.value = aYear;
	
    var calCode = MakeCalendarCode( aMonth, aYear, tfEvtListPg4, debugLocation );
	
	// have to have an extra char at the end of the calCode or Mac IE gets confused.
	// a space works - so does newline i.e. backslash n.
	
	var name="CL1";
	var preCalCode = '<form name="Cal" style="margin-bottom: 0px;">';
	var postCalCode = '</form>';

	
		
	if (tfEvtListPg4)
	{
		// sniff
		if (document.getElementById) 
		{ 
			// alert("getElementByID");
			document.getElementById("CL1").innerHTML  = 'hello';
			// alert("Now draw the small calendar");
			
			if (isMac)
				calCode = preCalCode + calCode + postCalCode;
				
			document.getElementById("CL1").innerHTML  = calCode;
		} 
    	else if (document.layers) 
		{
			// alert ("layers");
			
        	document.layers['CL1'].document.open();
        	document.layers['CL1'].document.write(preCalCode);
        	document.layers['CL1'].document.write(calCode);
        	document.layers['CL1'].document.write(postCalCode);
        	document.layers['CL1'].document.close();
    	} 
		else 
		{
        	if (document.all) 
			{ 
				alert ("document.all");
				document.all.CL1.innerHTML = calCode;
			} 
    	}
	}
	else
	{
		// Opera fussing
		// document.write("<form name='Cal' style='margin-bottom: 0px;'>");
		document.write(calCode);
		// document.write("</form>");
	}
	
	
		
	return;	
}



function ShowMonth_SMALL_CAL (aMonth, aYear, tfEvtListPg4, debugLocation)
{
	alert("incs/inc_ek_js.cfm.423 ShowMonth declaration");

	
	
	alert("aMonth = " + aMonth);
	document.SetDisplayCriteria.fMonth.value = aMonth;
	// document.SetDisplayCriteria.fYear.value = aYear;
	
	alert("fMonth = " + document.SetDisplayCriteria.fMonth.value);
	
    var calCode = MakeCalendarCode( aMonth, aYear, tfEvtListPg4 );
    
	
		alert("calCode is ready");
		alert("in ShowMonth .439 : calCode is now " + calCode);
	
// var calCode = MakeSimpleCalendarCode( aMonth, aYear );
	
	// have to have an extra char at the end of the calCode or Mac IE gets confused.
	// a space works - so does newline i.e. backslash n.
	
	var name="SMALL_CAL";
	var preCalCode = '<form name="Cal" style="margin-bottom: 0px;">';
	var postCalCode = '</form>';
		
	alert("tfEvtListPg4 = " + tfEvtListPg4); 
	if (tfEvtListPg4)
	{
		// sniff
		if (document.getElementById) 
		{ 
			alert("still using getElementByID");
			var el = document.getElementById('SMALL_CAL');
			alert("after .458");
			el.innerHTML  = 'temp...';
			alert(el.innerHTML);
			
			
			alert("Now draw the small calendar");
			
			
			el.innerHTML  = 'loading...';
			
			// if (isMac) calCode = preCalCode + calCode + postCalCode;
			if (false) 
			{
				alert("isMac");
				calCode = preCalCode + calCode + postCalCode;
			}
			else
			{
				alert ("not mac");
				document.getElementById('SMALL_CAL').innerHTML  = calCode;
			}	
				
		} 
    	else if (document.layers) 
		{
			alert ("layers");
			
        	document.layers['SMALL_CAL'].document.open();
        	document.layers['SMALL_CAL'].document.write(preCalCode);
        	document.layers['SMALL_CAL'].document.write(calCode);
        	document.layers['SMALL_CAL'].document.write(postCalCode);
        	document.layers['SMALL_CAL'].document.close();
    	} 
		else 
		{
        	if (document.all) 
			{ 
				alert ("document.all");
				document.all.SMALL_CAL.innerHTML = calCode;
			} 
    	}
	}
	else
	{
		// Opera fussing
		// document.write("<form name='Cal' style='margin-bottom: 0px;'>");
		alert("iej.c : 454");
		document.write(calCode);
		// document.write("</form>");
	}
	
	// alert("ShowMonth END (mm/yyyy = "+ aMonth + "/" + aYear + ") IsEventList =" + tfEvtListPg4 + " Location = " + debugLocation + "."); 
	
	return;	
}


// reqMonth = 11
var goMonth = 11 - 1;
// alert("goMonth = " + goMonth);
// goMonth	  
// window.onload = ShowMonth(goMonth,2024,1,'inc_EK : 5')
// window.onload = ShowMonth(10,2014,1,'inc_EK : 4')


</script>



  

<script>
var newWin;
var openArgs = 'toolbars=no,addressbar=no,menubar=no,directories=no,scrollbars=yes,resizable=no';
function NewPop(theURL)
{
	newWin = window.open(theURL,openArgs);
	return false;
}
</script>
</head>






<hr>



<!DOCTYPE html>
<HTML>


		<script>
			var prjsCurYear = '2024';
			var prjsMinYear = '2012';
			var prjsMaxYear = '2028';
			var prjsMinYearEdit = '2012';
			var prjsMaxYearEdit = '2028';
		</script>
	



<!-- application.cfm : root -->

    
<META name="google-translate-customization" content="8cd768c6b36authdfdf8737e-36b838408e8fc655-gc17a127d75c93ed9-13"></meta>


<META name="google-site-verification" content="2eloclYAzUF8G3Vxybt2yj7D_339ErPaQVAEXHXp5sU" /> 



<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="google-site-verification" content="se_SIhoFoIhZRmDPw8zrGGPApKcL6vcXZsz1yIPkyX4" />
<meta charset="utf-8">
<title>.PR KIOSK.</title>


		<script>
			var prjsCurYear = '2024';
			var prjsMinYear = '2012';
			var prjsMaxYear = '2028';
			var prjsMinYearEdit = '2012';
			var prjsMaxYearEdit = '2028';
		</script>
	
	
	
	<link href="https://www.eventkeeper.com/mars/bs/css/styles.css" rel="stylesheet" type="text/css">
  	<link rel="stylesheet" href="https://www.eventkeeper.com/mars/bs/css/bootstrap.min.css">
  	<link rel="stylesheet" id="font-awesome-css" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" type="text/css" media="screen">

	<script src="scroll-down.js"></script>

  	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://www.eventkeeper.com/mars/bs/js/jquery-2.1.4.min.js"></script>
	
	<script src="https://www.eventkeeper.com/mars/bs/js/bootstrap.min.js"></script>
  	




<link href="https://fonts.googleapis.com/css?family=Baloo|Libre+Barcode+39|Noto+Sans:700|Righteous|Sniglet" rel="stylesheet">









<style>
	
.link
{
  color: blue;
  text-decoration: underline;
}
	
	
.container
{
	color:black;
	font-size:18px;
	font-family:calibri;
}

.container-fluid
{
	margin-left:0px;
	margin-right:0px;
}

.headline
{
	text-align:center;
	font-family: 'Baloo', cursive;
	font-size:36px;
}
	
.subhead
{
	text-align:center;
	font-family: 'Righteous', cursive;
	font-size:24px;
}

.jumbotron-mars
{
	background-color:#ADD8E6 !IMPORTANT;
}

.jumbotron-services
{
	background-color:#ADD8E6 !IMPORTANT;
}

.jumbotron-home-text
{
	background: rgba(255, 255, 255, 0.75) !IMPORTANT;
	border-radius:12px;
}

.jumbotron-ek-text
{
	font-size:31px;
}

.jumbotron-home
{
	background-image: url("http://1.bp.blogspot.com/-oSRGqsD5Y8E/VaFctNsaK2I/AAAAAAAAeho/OSJfi1KFoWM/s1600/DSC00633_edited-1.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-box
{
	background-color:lightgrey;
	border-radius: 12px;
	height:300px;
}

.service-price
{
	background-color:lightgrey;
	border-radius: 12px;
	font-size:16px;
	padding-bottom:20px;
}

@media (min-width: 767px) {
	.service-price-addon
{
	height:250px;
}
}
	
.service-price-addon
{
	background-color:white;
	border:2px solid lightgrey;
	border-radius: 12px;
	font-size:14px;
	padding-bottom:20px;
}

.key-icon {

	width:40%;
}

.btn-services
{
	background-color:lightgrey;
}

 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.affix + .container-fluid {
    padding-top: 70px;
 }



.clickbate-icon
{
}

#clickbate
{
	font-size:32px;
	margin-top:-220px;
}

.ct-btn-scroll {

}

.arrow-btn
{
	width:30px;
}

.footer
{
	background-color:#104e8b;
	color:white;
	font-size:15px;
}



/** navbar custom styles **/

/** services navbar **/

.navbar-services
{
    width: 100%;
    text-align: center;
}

.navbar-services > li
{
    float: none;
    display: inline-block;
}

/** home navbar **/

.ek-logo
{
	height:50px;
	float:left;
}

.header-title
{
	font-size:24px;
	padding-top:15px;
	padding-left:65px;
}

/* navbar */
.navbar-default {
    background-color: #104e8b;
    border:none;
	margin-bottom:0px;
	border-radius:0px;
}

/* Title */
.navbar-default .navbar-brand {
    color: white;
	padding:10px;
}


.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #428bca;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: white;
	margin-top:10px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #428bca;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: #428bca;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #104e8b;
}

/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: white;
    border-bottom-color: white;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: white;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #428bca;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

/** got to top button **/


.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}




@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #428bca;
    }

/* Title */
.navbar-default .navbar-brand {
    color: white;
	padding-top:5px;
}
.ek-logo
{
	height:40px;
	float:left;
}
.header-title
{
	display:none !IMPORTANT;
}

.service-box
{
	height:250px;
}

.service-price
{
	padding-bottom:30px;
}

}

@media (min-width: 767px) {
.navbar-default {
    height:70px;
}
}

/* Answer Keeper Front End Test */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    
    background: #428bca;
    color: #fff;
    transition: all 0.3s;
    
    margin-bottom:-30px;
    font-size:18px;
    padding-top:25px;
    padding-left:15px;
}

#sidebar.active {
    margin-left: -250px;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

#sidebar .sidebar-header {
    padding: 20px;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    background-color: #ADD8E6;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: white;
    background: #104e8b;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}

.subsubmenu
{
	margin-left:25px;
}

.website-header
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}


@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}


/* AnswerKeeper Styles*/

.panel-body
{
	word-wrap:break-word;
	word-break:break-word;
	overflow-wrap:break-word;
}

@media (max-width: 768px) {
	.panel-group
	{
		margin-left:-35px;
	}
}






</style>
	<script src="https://www.google.com/recaptcha/api.js" async defer></script>


<script>
function enableBtn()
	{
    	document.getElementById("SubmitButton").disabled = false;
   	}

function disableBtn()
	{
    	document.getElementById("SubmitButton").disabled = true;
   	}
   	

   	
</script>


	
<div id="DemoModalLive" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="DemoModalLiveLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <h3 align="center" class="modal-title" id="DemoModalLiveLabel">Request a Demo : 2021</h3>
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      
      <div class="modal-body">
      
      <form name="RequestDemo" class="form-horizontal" align="center" 
      		action="index.cfm" method="post">
	   		
	   		<label for="name" class="sr-only">Name *</label>
	        <input type="text" name="name" id="inputName" class="form-control" 
	        	value="" placeholder="Name *" required autofocus >
	        <br>
		
	   		<label for="phone" class="sr-only">Phone *</label>
	        <input type="text" name="phone" id="inputPhone" class="form-control" 
	        	value="" placeholder="Phone *" required>
	        <br>
		
	   		<label for="email" class="sr-only">Email *</label>
	        <input type="text" name="email" id="inputEmail" class="form-control" size="60"
	        	value="" placeholder="Email *" required>
	        <br>
		
       		<label for="comments" class="sr-only">Comments *</label>
	        <input type="text" name="comments" id="inputComments" class="form-control" size="80" 
	        	value="" placeholder="Area(s) of Interest *" required>
	        <br>
		
      		
      			<div class="g-recaptcha" data-sitekey="6LdL3g8UAAAAAG6s41J_bT3v9ui10Vcfbmre0K5V" data-callback="enableBtn"></div><br/>
    		
    		
      </div>
      
      
      
 	<div class="modal-footer" style="text-align:center;">
					           	
      	<button class="btn btn-primary" type="submit" name="bSubmit" id="SubmitButton">Send</button>
	        
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        
      </div>
      
      </form>
      	
      	
    </div>
  </div>
</div>


</head>



<body>
	
<!-- Begin Constant Contact Active Forms -->
<script> var _ctct_m = "c15653e8edb08e0258ba14b8266c81ea"; </script>
<script id="signupScript" src="//static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script>
<!-- End Constant Contact Active Forms -->

		<script>
 
			$(function(){
 
				$(document).on( 'scroll', function(){
 
					if ($(window).scrollTop() > 100) {
						$('.scroll-top-wrapper').addClass('show');
					} else {
						$('.scroll-top-wrapper').removeClass('show');
					}
				});
 
				$('.scroll-top-wrapper').on('click', scrollToTop);
			});
 
			function scrollToTop() {
				verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
				element = $('body');
				offset = element.offset();
				offsetTop = offset.top;
				$('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
			}
		</script>
        
		<div class="scroll-top-wrapper ">
			<span class="scroll-top-inner">
				<i class="fa fa-2x fa-arrow-circle-up"></i>
			</span>
		</div>



<!-- Static navbar -->
      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" 
            data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          <a class="navbar-brand text-left" href="https://www.plymouthrocket.com">
           	<img src="http://www.eventkeeper.com/ek_logos/ek_logo.gif" class="ek-logo" alt="ek logo">
            <div class="header-title"> Plymouth Rocket </div>
          </a>
          </div>
          
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right website-header">
              
              
              	<li><a href="https://www.plymouthrocket.com">Plymouth Rocket Home Page</a></li>
              
              	<li><a href="https://www.plymouthrocket.com/support">Contact</a></li>
              
              	<li class="active"><a href="kiosk.cfm">Kiosk</a></li>
              	
              
              
              
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>


    <div class="jumbotron jumbotron-home container-fluid hidden visible-lg"><br>
        <div class="jumbotron-home-text subhead text-center col-lg-6 col-lg-offset-3"><br><br>
        			<div class="headline" style="font-size:48px; margin-top:-32px;">
                Plymouth Rocket
                </div>
                
                <a href="kiosk.cfm?curKPage=welcome">Welcome</a><br>
                <a href="kiosk.cfm?curKPage=eventkeeper">EventKeeper / EK Mars</a><br>
                
                <a href="kiosk.cfm?curKPage=ekregistration">EK Registration</a>
                &nbsp;&nbsp;&nbsp;
                <a href="kiosk.cfm?curKPage=ekcurbside">EK Curbside</a><br>
                <a href="kiosk.cfm?curKPage=ekrooms">EK Rooms</a><br>
                <a href="kiosk.cfm?curKPage=tixkeeper">TixKeeper</a>
                &nbsp;&nbsp;&nbsp;
                <a href="kiosk.cfm?curKPage=kitkeeper">KitKeeper</a>
                <br>
   <br>
   

        </div>
    </div>

    <div class="jumbotron jumbotron-home container-fluid hidden-lg hidden-xs"><br>
        <div class="jumbotron-home-text subhead text-center col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2"><br><br>        	
        			<div class="headline" style="font-size:48px; margin-top:-32px;">
                Plymouth Rocket
                </div>
                
                <a href="kiosk.cfm?curKPage=welcome">Welcome</a><br>
                <a href="kiosk.cfm?curKPage=eventkeeper">EventKeeper / EK Mars</a><br>
                
                <a href="kiosk.cfm?curKPage=ekregistration">EK Registration</a>
                &nbsp;&nbsp;&nbsp;
                <a href="kiosk.cfm?curKPage=ekcurbside">EK Curbside</a><br>
                <a href="kiosk.cfm?curKPage=ekrooms">EK Rooms</a><br>
                <a href="kiosk.cfm?curKPage=tixkeeper">TixKeeper</a>
                &nbsp;&nbsp;&nbsp;
                <a href="kiosk.cfm?curKPage=kitkeeper">KitKeeper</a>
                <br>
   <br>
   

         </div>
    </div>
    
        <div class="jumbotron-ek-text subhead text-center hidden-lg hidden-md hidden-sm col-xs-12" style="background-color:white; font-size:22px;"><br>
        			<div class="headline" style="font-size:48px; margin-top:-32px;">
                Plymouth Rocket
                </div>
                
                <a href="kiosk.cfm?curKPage=welcome">Welcome</a><br>
                <a href="kiosk.cfm?curKPage=eventkeeper">EventKeeper / EK Mars</a><br>
                
                <a href="kiosk.cfm?curKPage=ekregistration">EK Registration</a>
                &nbsp;&nbsp;&nbsp;
                <a href="kiosk.cfm?curKPage=ekcurbside">EK Curbside</a><br>
                <a href="kiosk.cfm?curKPage=ekrooms">EK Rooms</a><br>
                <a href="kiosk.cfm?curKPage=tixkeeper">TixKeeper</a>
                &nbsp;&nbsp;&nbsp;
                <a href="kiosk.cfm?curKPage=kitkeeper">KitKeeper</a>
                <br>
   <br>
   

         </div>
              
    <div class="jumbotron jumbotron-home container-fluid hidden-lg hidden-md hidden-sm col-xs-12"><br><br><br><br><br><br><br><br>
    </div>
   
        
    
    <div class="container">
        <div class="row services-home">
        	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<HTML>



<HEAD>

<STYLE>
	em {color:firebrick; font-weight:bold;}
	strong {color:navy; font-weight:bold; font-style:italic;}
	ul {margin:0px;}
</STYLE>


<BODY style="text-align:center; font-size:24px; background-color:lightsteelblue;">


<DIV style="text-align:left; font-size:24px; padding-left:48px; padding-right:48px;">
    

	
	<form name="EDIT" action="kiosk_note.cfm" method="post">
    	
        <input type="hidden" name="curOrg" value="TECHLAB">
        <input type="hidden" name="curNoteID" value="4034">
        <input type="hidden" name="curNoteKey" value="tixkeeper">
        <input type="hidden" name="tfPRS" value="false">
        
    
        <BR>
        <TABLE align="center" border="0" style="font-size:48px; color:navy; width:780px;">
        <TR>
        <TD width="200">
        <IMG src="prk_images/TK.gif" width="160" height="160">
        	
        </TD>
        <TD>
        TixKeeper
        </TD>
        </TR>
        </TABLE>
        <BR>
	    <p><em>TixKeeper</em> is our software which lets you manage <strong>Museum Pass reservations </strong>(or any other &quot;tickets&quot;, hence the name TixKeeper).<strong> </strong></p>

<p>TixKeeper puts the web to work for you, enabling your patrons to search and reserve your available passes, visit the museum web sites, even cancel their own pass reservations, all without calling you! And by adding patron authentication, you can even control who can access your pass reservation page.</p>

<p>&nbsp;</p>

<p style="text-align:-webkit-left"><strong>TK Find</strong> seen here : <a href="https://www.plymouthrockets.com/map2016/">Michigan Activity Pass</a></p>

<p>&nbsp;</p>

<p>A custom front end for <em>TixKeeper</em> that allows patrons to search for museums and other destinations, by location and type of destination.</p>

<p style="text-align:-webkit-left"><strong>TK Mars</strong></p>

<p style="text-align:-webkit-left">TK Mars is an enhancement to the look and functionality of <em>TixKeeper</em>. &nbsp;TKMars includes:</p>

<ul>
	<li>The ability to change and update the look of the TixKeeper page</li>
	<li>Responsive windows for mobile devices. &nbsp;It&nbsp;looks great on all devices; desktop, tablet and smartphone.</li>
	<li>The ability to add in maps to museum and destination locations.</li>
</ul>

<p>See, for example,&nbsp;<a href="https://www.eventkeeper.com/mars/tkflex.cfm?curOrg=DENVER">DENVER PUBLIC LIBRARY</a></p>

<p>And check out a few other cool <strong>TixKeeper samples</strong>:</p>

<p><br />
<a href="https://www.eventkeeper.com/code/events.cfm?curOrg=CAMBRIDGE&amp;curApp=passes">Cambridge Public Library</a><br />
<a href="https://www.eventkeeper.com/code/events.cfm?curOrg=HAUP&amp;curApp=passes">Hauppage Public Library</a><br />
<a href="https://www.bpl.org/general/circulation/museum_passes.php">Boston Public Library</a><a href="https://www.eventkeeper.com/mars/tkflex.cfm?curApp=passes&amp;curOrg=boston"> </a>[this is a custom start page because they have so many passes and so many branches.]<br />
<a href="https://ocls.info/local-wanderer">Orange County Library System</a></p>

<p>&nbsp;</p>
 * 
         
	</form>

</DIV>  


</BODY>
</HTML>

       	</div>
                 
            
      </div>  


	<script src="https://www.google.com/recaptcha/api.js" async defer></script>


<script>
function enableBtn()
	{
    	document.getElementById("SubmitButton").disabled = false;
   	}

function disableBtn()
	{
    	document.getElementById("SubmitButton").disabled = true;
   	}
   	

   	
</script>


	
<div id="DemoModalLive" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="DemoModalLiveLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <h3 align="center" class="modal-title" id="DemoModalLiveLabel">Request a Demo : 2021</h3>
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      
      <div class="modal-body">
      
      <form name="RequestDemo" class="form-horizontal" align="center" 
      		action="index.cfm" method="post">
	   		
	   		<label for="name" class="sr-only">Name *</label>
	        <input type="text" name="name" id="inputName" class="form-control" 
	        	value="" placeholder="Name *" required autofocus >
	        <br>
		
	   		<label for="phone" class="sr-only">Phone *</label>
	        <input type="text" name="phone" id="inputPhone" class="form-control" 
	        	value="" placeholder="Phone *" required>
	        <br>
		
	   		<label for="email" class="sr-only">Email *</label>
	        <input type="text" name="email" id="inputEmail" class="form-control" size="60"
	        	value="" placeholder="Email *" required>
	        <br>
		
       		<label for="comments" class="sr-only">Comments *</label>
	        <input type="text" name="comments" id="inputComments" class="form-control" size="80" 
	        	value="" placeholder="Area(s) of Interest *" required>
	        <br>
		
      		
      			<div class="g-recaptcha" data-sitekey="6LdL3g8UAAAAAG6s41J_bT3v9ui10Vcfbmre0K5V" data-callback="enableBtn"></div><br/>
    		
    		
      </div>
      
      
      
 	<div class="modal-footer" style="text-align:center;">
					           	
      	<button class="btn btn-primary" type="submit" name="bSubmit" id="SubmitButton">Send</button>
	        
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        
      </div>
      
      </form>
      	
      	
    </div>
  </div>
</div>


<div class="container-fluid footer hidden visible-lg visible-md visible-sm" style="margin-top:30px; padding-bottom:20px; height:200px; padding-top:100px;">

    	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-left">
            42 Bay Shore Drive<br>
            Plymouth, MA<br>
            855.365.5000<br>
    	</div>
    	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 subhead text-center">
    		<br>
    		<a href="storytime.cfm" target="_blank" style="text-decoration:none;">Plymouth Rocket, Inc.</a>
    	</div>
    	<div class="col-lg-3 col-md-4 col-sm-4 col-xs-4 text-right">
            <div class="bd-demo">

            </div>
    	</div>

</div>

<div class="container-fluid footer hidden visible-xs" style="margin-top:30px; padding-bottom:20px; height:250px; padding-top:20px;">


    	<div class="col-xs-12 subhead text-center">
    		<br>
    		<a href="storytime.cfm" target="_blank" style="text-decoration:none;">Plymouth Rocket, Inc.</a>
    	</div>
        <br><br><br><br><br>
    	<div class="col-xs-5 text-left" style="font-size:14px;">
            42 Bay Shore Dr.<br>
            Plymouth, MA<br>
            855.365.5000<br>
    	</div>
        <div class="col-xs-7">
       
    	</div>


</div>

</body>
</html>