Create index.html

newjersey · Feb 23, 2024 · 2ac8f62 · 2ac8f62
1 parent 92cd20c
commit 2ac8f62
Showing 1 changed file with 164 additions and 0 deletions.
diff --git a/_forms_legacy/PrivateCarriers/index.html b/_forms_legacy/PrivateCarriers/index.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+	<meta charset="utf-8" />
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	<title>Commuter and Transit Bus Private Carrier Relief and Jobs Program Phase 2</title>
+	<meta name="viewport"
+		content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, minimal-ui" />
+	<meta name="Description" content="Apply for the Commuter and Transit Bus Private Carrier Relief and Jobs Program Phase 2" />
+	<link rel="preconnect" href="https://services.cognitoforms.com" />
+	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+	<link rel="manifest" href="/site.webmanifest">
+	<style>
+		html,
+		body {
+			-webkit-text-size-adjust: 100%;
+		}
+
+		body {
+			margin: 0;
+			overflow-y: auto;
+		}
+
+		html:root:root:root:root:root,
+		:root:root:root:root:root body {
+			height: 100%;
+			box-sizing: border-box;
+			margin: 0;
+		}
+
+		:root:root:root:root:root .cog-form {
+			overflow: auto;
+		}
+
+		:root:root:root:root:root .cog-form--stretch {
+			margin: 0 auto auto;
+		}
+
+		:root:root:root:root:root .cog-form--stretch .cog-form__container {
+			margin-top: 0;
+			margin-bottom: 0;
+		}
+
+		:root:root:root:root.cog-public-form .cog-form__container {
+			margin: var(--page__margins);
+			transition: .2s;
+		}
+
+		:root:root:root:root:root:root .cog-form {
+			width: 100%;
+			min-width: 100%;
+			min-height: 100%;
+			background-attachment: fixed;
+			background-color: var(--page__background-color);
+			background-image: var(--page__background-image);
+			background-size: var(--page__background-size);
+		}
+
+		@media all and (-ms-high-contrast: none),
+		(-ms-high-contrast: active) {
+
+			/* 
+		We apply page background to the .cog-form element because CSS vars are scoped to each form by the .cog-{formID} class.
+		However, applying the background to this element rather than the body causes the image to jitter when scrolling in IE.
+		Here, we take advantage of the fact that the css-vars-ponyfill doesn't respect this scoping and the fact that we don't
+		need these page-level variables to be scoped. This allows us to apply these to the body and avoid the jitter.
+	*/
+			:root:root:root:root:root body {
+				background-attachment: fixed;
+				background-color: var(--page__background-color);
+				background-image: var(--page__background-image);
+				background-size: var(--page__background-size);
+			}
+
+			:root:root:root:root:root:root .cog-form {
+				background-attachment: none;
+				background-color: transparent;
+				background-image: none;
+				background-size: none;
+			}
+		}
+
+
+		:root:root:root:root:root .cog-form__container {
+			max-width: var(--form__width);
+			transition: margin .2s;
+		}
+
+		/* Top selector is for publish page (doesn't hurt other views because it is on outer container), bottom selector for public-form */
+		:root:root:root:root:root .cog-cognito--styled:not(.cog-form--transparent-background),
+		:root:root:root:root:root .cog-cognito--styled:not(.cog-form--transparent-background) .cog-form__container {
+			box-shadow: 0 0 10px hsla(0, 0%, 0%, .1), 1px 1px 2px hsla(0, 0%, 0%, .1);
+		}
+
+		:root:root:root:root:root .cog-form--maximal-branding {
+			padding-bottom: 50px;
+		}
+
+		/*
+	Public Form Margins
+	Right now, embedded form margins are handled idenpendantly with --form__margins.
+	When we drop support for IE the below can be replaced with:
+	:root .cog-form {
+		--form__margins: 45px;
+	}
+ */
+
+		/* About 450px and wider */
+		:root:root:root:root:root:root [data-width~='450'] .cog-header.cog-wrapper {
+			padding-top: calc(var(--gutter) * 1.5);
+		}
+
+		:root:root:root:root:root [data-width~='450'] .cog-wrapper.cog-wrapper,
+		:root:root:root:root:root [data-width~='450'] .cog-page-progress.cog-page-progress ol {
+			padding-right: calc(var(--gutter) * 1.5);
+			padding-left: calc(var(--gutter) * 1.5);
+		}
+
+		:root:root:root:root:root:root [data-width~='450'] .cog-form__container {
+			padding-bottom: calc(var(--gutter) * 1.5);
+		}
+
+		/* About 450px and skinnier */
+		:root:root:root:root:root:root .cog-header.cog-wrapper {
+			padding-top: var(--gutter);
+		}
+
+		:root:root:root:root:root .cog-wrapper.cog-wrapper,
+		:root:root:root:root:root .cog-page-progress.cog-page-progress ol {
+			padding-right: var(--gutter);
+			padding-left: var(--gutter);
+		}
+
+		:root:root:root:root:root:root .cog-form__container {
+			padding-bottom: calc(var(--gutter) * 1.25);
+		}
+
+		main,
+		main > * {
+			min-height: 100vh;
+		}
+	</style>
+</head>
+
+<body>
+	<main>
+                <script src="https://www.cognitoforms.com/f/seamless.js" data-key="uQNEG-gOCUOOWnAkVY9FZg" data-form="288"></script>
+	</main>
+
+	<!-- Global site tag (gtag.js) - Google Analytics -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-140253594-5"></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		function gtag() { dataLayer.push(arguments); }
+		gtag('js', new Date());
+
+		gtag('config', 'UA-140253594-5');
+	</script>
+</body>
+
+</html>