staircase.js/example.html at master · zetatech/staircase.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width" />
		<style type="text/css">
			.staircase-has-error
			{
				border-color: red;
			}
			.awaiting-validation
			{
				border-color: orange;
			}
			.staircase-autocomplete-box
			{
				position: absolute;
				background: #FFF;
				border: 1px solid #CCC;
				margin: 0;
				padding: 0;
				list-style: none;
			}
			.staircase-autocomplete-box li
			{
				display: block;
				margin: 5px;
				padding: 0;
				list-style: none;
			}
			.staircase-autocomplete-box li:hover
			{
				background: blue;
				color: #FFF;
			}
		</style>
		<script style="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script style="text/javascript">document.write('<script style="text/javascript" src="staircase.js?_=' + Math.round(new Date() / 1000) + '"><' + '/script>')</script>
		<script style="text/javascript">
		jQuery(function($)
		{
			/* Initialise Staircase
			 */
			var sc = $('.staircase').staircase(
			{
				history: true,
				checkboxGroups: true,
				APIs:
				{
					briteverify:
					{
						APIKey: 'd7a90287-472c-4c9a-b064-3f78f4880902',
						logging: true,
						markInput: true
					},
					data8:
					{
						APIKey: 'K9KlI2-pOM-R4doj3WBCUZe8RHUjffjJ8XtV72wM7zqo5vEMTYHS-w',
						License: 'WebClickFull',
						logging: true
					}
				}
			});

			var checkWaiting = function()
			{
				var button = $('button, input[type="button"], input[type="submit"]');

				if($('.awaiting-validation').length > 0)
				{
					button.attr('disabled', true);
				}
				else
				{
					button.removeAttr('disabled');
				}
			};

			sc.on('data8 data8lookup', checkWaiting);
			setInterval(checkWaiting, 5000);

			sc.on('data8', function(input, valid, response)
			{
				if($(input).is('[name="qTELEPHONE"][d8="telephone"]'))
				{
					$('input[name="qRESPONSE"]').val(response ? response.Result : '');
				}
			});

			/*sc.on('submit', function()
			{
				var ser = $('form').serializeArray(),
					dat = {};

				for(var i = 0; i < ser.length; i ++)
				{
					dat[ser[i].name] = ser[i].value;
				}

				$.ajax (
				{
					async: false,
					type: 'POST',
					url: 'post.php',
					data: dat
				});
			});*/
		});
		</script>
	</head>
	<body>
		<section class="staircase">
			<div class="step">
				<h1>Continue?</h1>
				<label><input type="radio" name="r1" value="Yes" validate="exists" /> Yes</label>
				<label><input type="radio" name="r1" value="No" validate="exists" /> No</label>
				<!--Next button-->
				<input type="submit" class="continue" value="NEXT" />
			</div>
			<div class="step">
				<label><input type="email" name="q1" placeholder="Email" validate="email" /></label>
				<!--Next button-->
				<input type="submit" class="continue" value="NEXT" />
			</div>
			<div class="step">
				<label>
					<input type="text" name="qTELEPHONE" placeholder="Telephone" validate="telephone" d8="telephone" />
					<input type="text" name="qRESPONSE" value="" />
				</label>
				<!--Next button-->
				<input type="button" class="continue" value="NEXT" />
			</div>
			<!--PGRpdiBjbGFzcz0ic3RlcCI+CgkJCQk8c2VsZWN0IG5hbWU9InRlc3Rjb25kIj4KCQkJCQk8b3B0aW9uIHZhbHVlPSJOTyI+Tm90IHRoaXMgb25lITwvb3B0aW9uPgoJCQkJCTxvcHRpb24gdmFsdWU9IllFUyI+VGhpcyBvbmUhPC9vcHRpb24+CgkJCQk8L3NlbGVjdD4KCgkJCQk8IS0tTmV4dCBidXR0b24tLT4KCQkJCTxpbnB1dCB0eXBlPSJidXR0b24iIGNsYXNzPSJjb250aW51ZSIgdmFsdWU9Ik5FWFQiIC8+CgoJCQkJPHNjcmlwdCB0eXBlPSJzdGFpcmNhc2UvY29uZGl0aW9uIj4KCQkJCQljb25zb2xlLmxvZyh0ZXN0Y29uZC52YWwoKSk7CgkJCQkJaWYodGVzdGNvbmQgPT0gJ05PJykKCQkJCQl7CgkJCQkJCXJldHVybiBhbGVydCgnVGhpcyBpcyBhbiBhbGVydCBwb3B1cCBmb3IgYW4gaW52YWxpZCByZXNwb25zZScpLCBmYWxzZTsKCQkJCQl9CgkJCQk8L3NjcmlwdD4KCQkJPC9kaXY+CgkJCTxkaXYgY2xhc3M9InN0ZXAiPgoJCQkJPGlucHV0IHR5cGU9InRleHQiIHBsYWNlaG9sZGVyPSJQaG9uZSBOdW1iZXIiIHZhbGlkYXRlPSJwaG9uZVsxXSIgbWF4bGVuZ3RoPSIxNiIgLz4KCgkJCQk8IS0tTmV4dCBidXR0b24tLT4KCQkJCTxpbnB1dCB0eXBlPSJidXR0b24iIGNsYXNzPSJjb250aW51ZSIgdmFsdWU9Ik5FWFQiIC8+CgkJCTwvZGl2PgoJCQk8ZGl2IGNsYXNzPSJzdGVwIj4KCQkJCTxsYWJlbD48aW5wdXQgdHlwZT0icmFkaW8iIG5hbWU9InJhZGlvMSIgdmFsdWU9IjEiIC8+IE9uZTwvbGFiZWw+CgkJCQk8bGFiZWw+PGlucHV0IHR5cGU9InJhZGlvIiBuYW1lPSJyYWRpbzEiIHZhbHVlPSIyIiAvPiBUd288L2xhYmVsPgoJCQkJPGxhYmVsPjxpbnB1dCB0eXBlPSJyYWRpbyIgbmFtZT0icmFkaW8xIiB2YWx1ZT0iMyIgLz4gVGhyZWU8L2xhYmVsPgoKCQkJCTxzY3JpcHQgdHlwZT0ic3RhaXJjYXNlL2NvbmRpdGlvbiI+CgkJCQkJY29uc29sZS5sb2coJ3JhZGlvMScsIHJhZGlvMSk7CgkJCQkJcmV0dXJuIGZhbHNlOwoJCQkJPC9zY3JpcHQ+CgoJCQkJPCEtLU5leHQgYnV0dG9uLS0+CgkJCQk8aW5wdXQgdHlwZT0iYnV0dG9uIiBjbGFzcz0iY29udGludWUiIHZhbHVlPSJORVhUIiAvPgoJCQk8L2Rpdj4KCQkJPGRpdiBjbGFzcz0ic3RlcCI+CgkJCQk8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0ibW9iaWxlIiBwbGFjZWhvbGRlcj0iTW9iaWxlIiB2YWxpZGF0ZT0ibW9iaWxlIiBkOD0ibW9iaWxlIiAvPgoJCQkJPGlucHV0IHR5cGU9InRleHQiIG5hbWU9InRlbGVwaG9uZSIgcGxhY2Vob2xkZXI9IlRlbGVwaG9uZSIgdmFsaWRhdGU9InRlbGVwaG9uZSIgZDg9InRlbGVwaG9uZSIgLz4KCgkJCQk8IS0tTmV4dCBidXR0b24tLT4KCQkJCTxpbnB1dCB0eXBlPSJidXR0b24iIGNsYXNzPSJjb250aW51ZSIgdmFsdWU9Ik5FWFQiIC8+CgkJCTwvZGl2PgoJCQk8ZGl2IGNsYXNzPSJzdGVwIj4KCQkJCTwhLS0gQWx3YXlzIGFwcGx5ICJhdXRvZm9jdXMiIHRvIHRoZSBmaXJzdCBpbnB1dCBmaWVsZCAtLT4KCQkJCTxsYWJlbD5XaGljaCBvZiB0aGVzZSBzdWJqZWN0cyBhcmUgeW91IGludGVyZXN0ZWQgaW4gc3R1ZHlpbmc/CgkJCQk8c2VsZWN0IG5hbWU9InF4eHh4IiB2YWxpZGF0ZT0ic2VsZWN0IiBhdXRvZm9jdXM+CgkJCQkJPG9wdGlvbiB2YWx1ZT0iIj4tLSBTZWxlY3QgT25lIC0tPC9vcHRpb24+CgkJCQkJPG9wdGlvbiB2YWx1ZT0iMSI+MTwvb3B0aW9uPgoJCQkJCTxvcHRpb24gdmFsdWU9IjIiPjI8L29wdGlvbj4KCQkJCQk8b3B0aW9uIHZhbHVlPSIzIj4zPC9vcHRpb24+CgkJCQk8L3NlbGVjdD48L2xhYmVsPgoKCQkJCTwhLS0gQ29uZGl0aW9uYWwgc3RhdGVtZW50IHRvIHNraXAgc3RlcHMgb3IgYWxlcnQgLS0+CgkJCQk8c2NyaXB0IHR5cGU9InN0YWlyY2FzZS9jb25kaXRpb24iPgoJCQkJCWlmKHF4eHh4ID09ICczJykKCQkJCQl7CgkJCQkJCXJldHVybiBTdGFpcmNhc2UuVG8oMiksIGZhbHNlOwoJCQkJCX0KCQkJCQllbHNlIGlmKHF4eHh4ID09ICcyJykKCQkJCQl7CgkJCQkJCXJldHVybiBhbGVydCgnVGhpcyBpcyBhbiBhbGVydCBwb3B1cCBmb3IgYW4gaW52YWxpZCByZXNwb25zZScpLCBmYWxzZTsKCQkJCQl9CgkJCQk8L3NjcmlwdD4KCgkJCQk8IS0tTmV4dCBidXR0b24tLT4KCQkJCTxpbnB1dCB0eXBlPSJidXR0b24iIGNsYXNzPSJjb250aW51ZSIgdmFsdWU9Ik5FWFQiIC8+CgkJCTwvZGl2PgoJCQk8ZGl2IGNsYXNzPSJzdGVwIj4KCQkJCTxmaWVsZHNldCBjbGFzcz0iY2hlY2tib3gtZ3JvdXAiIGVycm9yLXRvb2x0aXA9IlBsZWFzZSBzZWxlY3QgYXQgbGVhc3Qgb25lIHN1YmplY3QiPgoJCQkJCTxoND5XaGF0IG5ldyBza2lsbHMgaW50ZXJlc3QgeW91PzwvaDQ+CgkJCQkJPGxhYmVsPjxpbnB1dCB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrYm94LWdyb3VwLWlucHV0IiBjaGVja2VkPSJjaGVja2VkIiB2YWx1ZT0iMSIgbmFtZT0icWFhYSI+MTwvbGFiZWw+CgkJCQkJPGxhYmVsPjxpbnB1dCB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrYm94LWdyb3VwLWlucHV0IiB2YWx1ZT0iMiIgbmFtZT0icWFhYSI+MjwvbGFiZWw+CgkJCQkJPGxhYmVsPjxpbnB1dCB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrYm94LWdyb3VwLWlucHV0IiB2YWx1ZT0iMyIgbmFtZT0icWFhYSI+MzwvbGFiZWw+CgkJCQkJPGxhYmVsPjxpbnB1dCB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrYm94LWdyb3VwLWlucHV0IiB2YWx1ZT0iNCIgbmFtZT0icWFhYSI+NDwvbGFiZWw+CgkJCQkJPGxhYmVsPjxpbnB1dCB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrYm94LWdyb3VwLWlucHV0IiB2YWx1ZT0iNSIgbmFtZT0icWFhYSI+NTwvbGFiZWw+CgkJCQk8L2ZpZWxkc2V0PgoJCQkJPGlucHV0IHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImNvbnRpbnVlIiB2YWx1ZT0iTkVYVCIgLz4KCQkJPC9kaXY+CgkJCTxkaXYgY2xhc3M9InN0ZXAiPgoJCQkJPGRpdiBjbGFzcz0icmFkaW8iPgoJCQkJCVdoZW4gd291bGQgeW91IGxpa2UgdG8gc3RhcnQgeW91ciBzdHVkaWVzPwoJCQkJCTxsYWJlbD48aW5wdXQgdHlwZT0icmFkaW8iIHZhbHVlPSIxIiBjaGVja2VkPSJjaGVja2VkIiBuYW1lPSJxeXl5eSIgLz4gMTwvbGFiZWw+CgkJCQkJPGxhYmVsPjxpbnB1dCB0eXBlPSJyYWRpbyIgdmFsdWU9IjIiIG5hbWU9InF5eXl5IiAvPiAyPC9sYWJlbD4KCQkJCTwvZGl2PgoKCQkJCTwhLS0gQ29uZGl0aW9uYWwgc3RhdGVtZW50IHRvIGdpdmUgYWxlcnQgb3IgZ28gdG8gbmV4dCBzdGVwIC0tPgoJCQkJPHNjcmlwdCB0eXBlPSJzdGFpcmNhc2UvY29uZGl0aW9uIj4KCQkJCQlpZihxeXl5eSA9PSAnMScpCgkJCQkJewoJCQkJCQlyZXR1cm4gYWxlcnQoJ1RoaXMgaXMgYW4gYWxlcnQgcG9wdXAgZm9yIGFuIGludmFsaWQgcmVzcG9uc2UnKSwgZmFsc2U7CgkJCQkJfQoJCQkJPC9zY3JpcHQ+CgoJCQkJPGlucHV0IHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImNvbnRpbnVlIiB2YWx1ZT0iTkVYVCIgLz4KCQkJPC9kaXY+CgkJCTxkaXYgY2xhc3M9InN0ZXAiPgoJCQkJPCEtLSBqUXVlcnkgVUkgc2xpZGVyIGV4YW1wbGUgaW1wbGVtZW50YXRpb24gLS0+CgkJCQk8bGFiZWw+WW91ciBhcHByb3hpbWF0ZSB0b3RhbCBkZWJ0OgoJCQkJCTxpbnB1dCBwYXR0ZXJuPSJbMC05XSoiIHR5cGU9Im51bWJlciIgaWQ9InNsaWRlciIgdmFsdWU9IjAiIHNpemU9IjI1IiBuYW1lPSJxeHh4IiB2YWxpZGF0ZT0ibnVtYmVyIiAvPgoJCQkJPC9sYWJlbD4KCgkJCQk8IS0tIENvbmRpdGlvbmFsIHN0YXRlbWVudCB0byBnaXZlIGFsZXJ0IG9yIHN1Ym1pdCwgd2l0aCAibGVzcyB0aGFuIiBjb25kaXRpb25hbCAtLT4KCQkJCTxzY3JpcHQgdHlwZT0ic3RhaXJjYXNlL2NvbmRpdGlvbiI+CgkJCQkJaWYocGFyc2VGbG9hdChxeHh4KSA8IDEwMDApCgkJCQkJewoJCQkJCQlyZXR1cm4gYWxlcnQoJ1NvcnJ5LCB5b3VyIHRvdGFsIGRlYnQgbXVzdCBiZSBhdCBsZWFzdCDCozEsMDAwLicpLCBmYWxzZTsKCQkJCQl9CgkJCQk8L3NjcmlwdD4KCgkJCQk8aW5wdXQgdHlwZT0iYnV0dG9uIiBjbGFzcz0iY29udGludWUiIHZhbHVlPSJORVhUIiAvPgoJCQk8L2Rpdj4KCQkJPGRpdiBjbGFzcz0ic3RlcCI+CgkJCQk8IS0tIFN0YW5kYXJkIEFNUCBkYXRhIHBvaW50cyBmb3IgYmFzaWMgdXNlciBkYXRhLCBpbGx1c3RyYXRpbmcgdmFyaW91cyB2YWxpZGF0aW9uIHJlcXVpcmVtZW50cyAtLT4KCQkJCTxsYWJlbCBjbGFzcz0iZmlyc3QiPlRpdGxlCgkJCQk8c2VsZWN0IG5hbWU9InEyMiIgY2xhc3M9InRpdGxlIiB2YWxpZGF0ZT0ic2VsZWN0IiBhdXRvY29tcGxldGU9Imhvbm9yaWZpYy1wcmVmaXgiPgoJCQkJCTxvcHRpb24gdmFsdWU9IiI+LS0gU2VsZWN0IE9uZS0tIDwvb3B0aW9uPgoJCQkJCTxvcHRpb24gdmFsdWU9Ik1yIj5Ncjwvb3B0aW9uPgoJCQkJCTxvcHRpb24gdmFsdWU9Ik1ycyI+TXJzPC9vcHRpb24+CgkJCQkJPG9wdGlvbiB2YWx1ZT0iTWlzcyI+TWlzczwvb3B0aW9uPgoJCQkJCTxvcHRpb24gdmFsdWU9Ik1zIj5Nczwvb3B0aW9uPgoJCQkJCTxvcHRpb24gdmFsdWU9Ik90aGVyIj5PdGhlcjwvb3B0aW9uPgoJCQkJPC9zZWxlY3Q+PC9sYWJlbD4KCgkJCQk8bGFiZWw+RnVsbCBOYW1lCgkJCQk8aW5wdXQgdHlwZT0idGV4dCIgY2xhc3M9Im5hbWUiIHZhbHVlPSIiIHNpemU9IjI1IiBuYW1lPSJxMiIgdmFsaWRhdGU9Im5hbWUiIGF1dG9jb21wbGV0ZT0ibmFtZSIgYnlwYXNzX3ZhbGlkYXRpb249IjEiIC8+PC9sYWJlbD4KCgkJCQk8bGFiZWw+TGFzdCBOYW1lCgkJCQk8aW5wdXQgdHlwZT0idGV4dCIgY2xhc3M9InN1cm5hbWUiIHZhbHVlPSIiIHNpemU9IjI1IiBuYW1lPSJxMyIgdmFsaWRhdGU9Im5hbWUiIGF1dG9jb21wbGV0ZT0iZmFtaWx5LW5hbWUiIGJ5cGFzc192YWxpZGF0aW9uPSIxIiAvPjwvbGFiZWw+CgoJCQkJPGxhYmVsIGVycm9yLXRvb2x0aXA9IlBsZWFzZSBFbnRlciBhIFZhbGlkIEVtYWlsIEFkZHJlc3MiPkVtYWlsIEFkZHJlc3MKCQkJCTxpbnB1dCB0eXBlPSJlbWFpbCIgY2xhc3M9ImVtYWlsIiB2YWx1ZT0iIiBuYW1lPSJxMSIgdmFsaWRhdGU9ImVtYWlsIiBhdXRvY29tcGxldGU9ImVtYWlsIj48L2xhYmVsPgoKCQkJCTxsYWJlbCBlcnJvci10b29sdGlwPSJQbGVhc2UgRW50ZXIgYSBWYWxpZCBQaG9uZSBOdW1iZXIiPlRlbGVwaG9uZSBOdW1iZXIKCQkJCTxpbnB1dCB0eXBlPSJ0ZWwiIGNsYXNzPSJwaG9uZSIgdmFsdWU9IiIgbmFtZT0icTEwMTczIiBtYXhsZW5ndGg9IjExIiB2YWxpZGF0ZT0icGhvbmVbMF0iIGF1dG9jb21wbGV0ZT0idGVsLW5hdGlvbmFsIiBieXBhc3NfdmFsaWRhdGlvbj0iMSIgLz48L2xhYmVsPgoKCQkJCTxsYWJlbCBlcnJvci10b29sdGlwPSJQbGVhc2UgRW50ZXIgYSBWYWxpZCBNb2JpbGUgTnVtYmVyIj5Nb2JpbGUgTnVtYmVyIChPcHRpb25hbCkKCQkJCTxpbnB1dCB0eXBlPSJ0ZWwiIGNsYXNzPSJtcGhvbmUiIHZhbHVlPSIiIG5hbWU9InExMDE3NCIgbWF4bGVuZ3RoPSIxMSIgdmFsaWRhdGU9InBob25lWzFdIiBvcHRpb25hbD0idHJ1ZSIgYXV0b2NvbXBsZXRlPSJ0ZWwtbmF0aW9uYWwiIGJ5cGFzc192YWxpZGF0aW9uPSIxIiAvPjwvbGFiZWw+CgoJCQkJPGxhYmVsIGVycm9yLXRvb2x0aXA9IlBsZWFzZSBlbnRlciB5b3VyIGRheSBvZiBiaXJ0aCBpbiB0aGUgY29ycmVjdCBmb3JtYXQiID5EYXRlIG9mIEJpcnRoOiA8c3Bhbj5EYXkgKEREKTwvc3Bhbj48aW5wdXQgdHlwZT0ibnVtYmVyIiBjbGFzcz0iZGF5IiB2YWx1ZT0iIiBuYW1lPSJxMTIiIG1heGxlbmd0aD0iMiIgaWQ9ImRvYmRhdGUiIHZhbGlkYXRlPSJudW1iZXJbMF0iIHBhdHRlcm49IlswLTldKiIgbWluPSIwIiBtYXg9IjMxIiBhdXRvY29tcGxldGU9ImJkYXkiIHBsYWNlaG9sZGVyPSJERCIgZXJyb3ItdG9vbHRpcD0iUGxlYXNlIGVudGVyIGEgdmFsaWQgZGF0ZSBvZiBiaXJ0aCI+PC9sYWJlbD4KCQkJCTxsYWJlbCBlcnJvci10b29sdGlwPSJQbGVhc2UgZW50ZXIgeW91ciBtb250aCBvZiBiaXJ0aCBpbiB0aGUgY29ycmVjdCBmb3JtYXQiID48c3Bhbj5Nb250aCAoTU0pPC9zcGFuPjxpbnB1dCB0eXBlPSJudW1iZXIiIGNsYXNzPSJtb250aCIgdmFsdWU9IiIgbmFtZT0icTExIiBtYXhsZW5ndGg9IjIiIHZhbGlkYXRlPSJudW1iZXJbMF0iIHBhdHRlcm49IlswLTldKiIgbWluPSIwIiBtYXg9IjEyIiBhdXRvY29tcGxldGU9ImJkYXkiIHBsYWNlaG9sZGVyPSJNTSIgaWQ9ImRvYm1vbnRoIj48L2xhYmVsPgoJCQkJPGxhYmVsIGVycm9yLXRvb2x0aXA9IlBsZWFzZSBlbnRlciB5b3VyIHllYXIgb2YgYmlydGggaW4gdGhlIGNvcnJlY3QgZm9ybWF0IiA+PHNwYW4+WWVhciAoWVlZWSk8L3NwYW4+PGlucHV0IHR5cGU9Im51bWJlciIgY2xhc3M9InllYXIiIHZhbHVlPSIiIG5hbWU9InExMyIgbWF4bGVuZ3RoPSI0IiB2YWxpZGF0ZT0ibnVtYmVyWzBdIiBwYXR0ZXJuPSJbMC05XSoiIG1pbj0iMTkwMCIgbWF4PSIyMDAwIiBhdXRvY29tcGxldGU9ImJkYXkiIHBsYWNlaG9sZGVyPSJZWVlZIiBpZD0iZG9ieWVhciI+PC9sYWJlbD4KCgkJCQk8bGFiZWw+UG9zdGNvZGUKCQkJCTxpbnB1dCB0eXBlPSJ0ZXh0IiBjbGFzcz0icG9zdGNvZGUiIG5hbWU9InE4IiB2YWx1ZT0iIiB2YWxpZGF0ZT0icG9zdGNvZGUiIGFkZHJlc3MtbG9va3VwPSJxNCwgcTYsIHExMCIgYXV0b2NvbXBsZXRlPSJwb3N0YWwtY29kZSIgYnlwYXNzX3ZhbGlkYXRpb249IjEiIC8+PC9sYWJlbD4KCgkJCQk8bGFiZWw+QWRkcmVzcyAxCgkJCQk8aW5wdXQgdHlwZT0idGV4dCIgY2xhc3M9ImFkZHJlc3MxIiBuYW1lPSJxNCIgdmFsdWU9IiIgdmFsaWRhdGU9ImRlZmF1bHQiIGF1dG9jb21wbGV0ZT0iYWRkcmVzcy1saW5lMSIgYnlwYXNzX3ZhbGlkYXRpb249IjEiIC8+PC9sYWJlbD4KCgkJCQk8bGFiZWwgbm90LXJlcXVpcmVkPSJ0cnVlIj5BZGRyZXNzIDIgKG9wdGlvbmFsKQoJCQkJPGlucHV0IHR5cGU9InRleHQiIGNsYXNzPSJhZGRyZXNzMiIgbmFtZT0icTUiIHZhbHVlPSIiIHZhbGlkYXRlPSJkZWZhdWx0IiBhdXRvY29tcGxldGU9ImFkZHJlc3MtbGluZTIiIGJ5cGFzc192YWxpZGF0aW9uPSIxIiAvPjwvbGFiZWw+CgoJCQkJPGxhYmVsPkNpdHkKCQkJCTxpbnB1dCB0eXBlPSJ0ZXh0IiBjbGFzcz0iY2l0eSIgbmFtZT0icTYiIHZhbHVlPSIiIHZhbGlkYXRlPSJkZWZhdWx0IiBhdXRvY29tcGxldGU9ImxvY2FsaXR5IGNpdHkiIGJ5cGFzc192YWxpZGF0aW9uPSIxIiAvPjwvbGFiZWw+CgoJCQkJPGxhYmVsPkNvdW50eQoJCQkJPGlucHV0IHR5cGU9InRleHQiIGNsYXNzPSJjb3VudHkiIG5hbWU9InExMDE4MCIgdmFsdWU9IiIgdmFsaWRhdGU9ImRlZmF1bHQiIGF1dG9jb21wbGV0ZT0ic3RhdGUgcHJvdmluY2UgcmVnaW9uIiBieXBhc3NfdmFsaWRhdGlvbj0iMSIgLz48L2xhYmVsPgoKCQkJCTxsYWJlbD5Db3VudHJ5CgkJCQk8aW5wdXQgdHlwZT0idGV4dCIgY2xhc3M9ImNvdW50cnkiIG5hbWU9InExMCIgdmFsdWU9IiIgdmFsaWRhdGU9ImRlZmF1bHQiIGF1dG9jb21wbGV0ZT0iY291bnRyeS1uYW1lIiBieXBhc3NfdmFsaWRhdGlvbj0iMSIgLz48L2xhYmVsPgoKCQkJCTxpbnB1dCB0eXBlPSJzdWJtaXQiIHZhbHVlPSJORVhUIiAvPgoJCQk8L2Rpdj4=-->
		</section><!-- end .staircase -->
	</body>
</html>