https://account.thecarillon.com/login?rurl=https%3A%2F%2Fwww.thecarillon.com%2F

1<!DOCTYPE html>
2<html>
3	<head>
4		<title>Log In - The Carillon</title>
5		
6		<meta name="viewport" content="width=device-width, initial-scale=1">
7		<meta property="og:image" content="/assets/display/img/fb-og-image.png">
8		<meta property="og:title" content="The Carillon - Log In">
9		<link rel="stylesheet" type="text/css" href="https://www.thecarillon.com/wp-content/client-mu-plugins/frontend/lib/fontawesome-brands.min.css" />
10		<link rel="stylesheet" type="text/css" href="https://www.thecarillon.com/wp-content/client-mu-plugins/frontend/lib/fontawesome-regular.min.css" />
11		<link rel="stylesheet" type="text/css" href="https://www.thecarillon.com/wp-content/client-mu-plugins/frontend/lib/fontawesome-solid.min.css" />
12		<link rel="stylesheet" type="text/css" href="https://www.thecarillon.com/wp-content/client-mu-plugins/frontend/lib/fontawesome.min.css" />
13		
14		<link rel="shortcut icon" type="image/x-icon" href="/assets/display/img/icons/car/favicon.ico" />
15		<link rel="icon" type="image/svg+xml" href="/assets/display/img/icons/car/icon.svg" />
16		<link rel="icon" sizes="32x32" href="/assets/display/img/icons/car/icon-32x32.png" />
17		<link rel="icon" sizes="192x192" href="/assets/display/img/icons/car/icon-192x192.png" />
18		<link rel="apple-touch-icon" sizes="180x180" href="/assets/display/img/icons/car/icon-180x180.png" />
19		<link rel="apple-touch-icon" sizes="512x512" href="/assets/display/img/icons/car/icon-512x512.png"/>
20		<meta name="msapplication-TileImage" content="/assets/display/img/icons/car/icon-270x270.png" />
21		
22				<meta name="application-name" content="The Carillon"/>
23		
24		

24<script type="text/javascript" src="https://www.thecarillon.com/wp-includes/js/jquery/jquery.js"></script>

24
25		

25<script type="text/javascript" nonce="1z4BmzE2YxlNJmwzIey11fvZKItxiwRy">$ = jQuery;</script>

25
26		
27		

27<script type="text/javascript" src="https://www.thecarillon.com/wp-content/client-mu-plugins/frontend/account-server.js"></script>

27
28		<link rel="stylesheet" type="text/css" href="/assets/display/css/base.css" />
29					<link rel="stylesheet" type="text/css" href="/assets/display/css/thecarillon.css" />
30				
31				<!-- Google Tag Manager -->
32			

32<script type="text/javascript" nonce="1z4BmzE2YxlNJmwzIey11fvZKItxiwRy">
33				(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
34				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
35				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
36				'https://www.googletagmanager.com/gtm.js?id='+i+dl;var n=d.querySelector('[nonce]');
37				n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f);
38				})(window,document,'script','dataLayer','GTM-TK48WJ9');
39			</script>

39
40		<!-- End Google Tag Manager -->
41		
42		

42<script type="text/javascript" nonce="1z4BmzE2YxlNJmwzIey11fvZKItxiwRy">
43		var publicationVariables = {
44			"publicationUri": "thecarillon",
45		};
46		var accountServerUrl = "https://account.thecarillon.com";
47		</script>

47
48
49		<!-- Marfeel -->
50		

50<script type="text/javascript" nonce="1z4BmzE2YxlNJmwzIey11fvZKItxiwRy">
51			!function(){"use strict";function e(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],c=document.createElement("script");c.src=e,t?c.type="module":(c.async=!0,c.type="text/javascript",c.setAttribute("nomodule",""));var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(c,n)}!function(t,c){!function(t,c,n){var a,o,r;n.accountId=c,null!==(a=t.marfeel)&&void 0!==a||(t.marfeel={}),null!==(o=(r=t.marfeel).cmd)&&void 0!==o||(r.cmd=[]),t.marfeel.config=n;var i="https://sdk.mrf.io/statics";e("".concat(i,"/marfeel-sdk.js?id=").concat(c),!0),e("".concat(i,"/marfeel-sdk.es5.js?id=").concat(c),!1)}(t,c,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})}(window,10197/* AccountId */,{} /* Config */)}();
52		</script>

52
53				
54					<!-- Google tag (gtag.js) -->

54
55			<script async src="https://www.googletagmanager.com/gtag/js?id=

55G-LX6YQZ9993

55"></script>
56			

56<script type="text/javascript" nonce="1z4BmzE2YxlNJmwzIey11fvZKItxiwRy">
57				const subscription_type = FP_Cookie_getCookie('fpnp__subscription_type');
58				const whitelist_group = FP_Cookie_getCookie('fpnp__whitelist_group');
59				window.dataLayer = window.dataLayer || [];
60				function gtag(){dataLayer.push(arguments);}
61				gtag('js', new Date());
62				if(subscription_type){
63					gtag('set', 'user_properties', { subscription_type: subscription_type });
64					if (subscription_type === 'no-active-subscription'){
65						window.marfeel.cmd.push(['compass', function(compass) {
66							compass.setUserType('logged');
67						}]);
68					}else{
69						window.marfeel.cmd.push(['compass', function(compass) {
70							compass.setUserType('paid');
71						}]);
72					}
73				} else {
74					gtag('set', 'user_properties', { subscription_type: 'not-logged-in' });
75				}
76				if(whitelist_group){
77					gtag('set', 'user_properties', { whitelist: whitelist_group });
78				}
79				gtag('config', 'G-LX6YQZ9993');
80			</script>

80
81			</head>
82	<body class="fpnp not-logged-in">
83	<!-- Google Tag Manager (noscript) -->
84		<noscript>
85			<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TK48WJ9" height="0" width="0" class="griffin">
86			</iframe>
87		</noscript>
88		<!-- End Google Tag Manager (noscript) -->
89				<header>
90			<div class="header-top">
91				<div class="header-content">
92					<a id="nav-open-btn" class="nav-btn"><i class="fas fa-bars"></i></a>
93					<a class="header-logo" href="https://www.thecarillon.com"><img class="car" src="https://account.thecarillon.com/assets/display/img/carillon-logo-white.svg" alt="The Carillon" /></a>
94									</div>
95			</div>
96		</header>
97		<div class="fp-container block container">
98										<section class="main">
99									<h2>
100						Log In
101					</h2>
102									<link rel="stylesheet" type="text/css" href="/assets/display/css/narrow.css" />
103	<form class="form-horizontal style-form" method="POST">
104		<input type="hidden" name="_token" value="QaothquXVOhAfdAVOJv8ETTPuv92PgAEYxb0Qsi4" autocomplete="off">					<input type="hidden" name="rurl" id="rurl" value="https://www.thecarillon.com/">
105				<div class="form-group form">
106			<div class="V4-input-wrap">
107				<input class="" type="email" name="email" id="email" value="">
108				<label class="" for="email">Email</label>
109			</div>
110		</div>
111		<div class="form-group">
112			<div class="V4-input-wrap hide-show-wrap">
113				<input class="" type="password" name="password" id="password" autocomplete="new-password">
114				<label class="" for="password">Password</label>
115				<div class="hide-show">
116					<span><a class="fa fa-eye"></a></span>
117				</div>
118			</div>
119		</div>
120		<div class="form-group">
121			<button class="button" type="submit">Log in</button>
122			<p class="login-links">
123				<a href="/password-free-login?rurl=https%3A%2F%2Fwww.thecarillon.com%2F">Password-free login</a>
124				<a href="/forgot-password?rurl=https%3A%2F%2Fwww.thecarillon.com%2F">Set/reset your password</a>
125			</p>
126		</div>
127		<div class="form-group socialSignin">
128			<p>or</p>
129			<a href="/login/google?rurl=https%3A%2F%2Fwww.thecarillon.com%2F" class="button google"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.1 12.2272C22.1 11.5182 22.0364 10.8363 21.9182 10.1818H12.5V14.05H17.8818C17.65 15.3 16.9455 16.3591 15.8864 17.0682V19.5772H19.1182C21.0091 17.8363 22.1 15.2727 22.1 12.2272Z" fill="#4285F4"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.4998 21.9999C15.1998 21.9999 17.4635 21.1045 19.118 19.5772L15.8862 17.0681C14.9907 17.6681 13.8453 18.0227 12.4998 18.0227C9.89529 18.0227 7.69075 16.2636 6.90439 13.8999H3.56348V16.4908C5.20893 19.759 8.59075 21.9999 12.4998 21.9999Z" fill="#34A853"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.90455 13.9C6.70455 13.3 6.59091 12.6591 6.59091 12C6.59091 11.3409 6.70455 10.7 6.90455 10.1V7.50909H3.56364C2.88636 8.85909 2.5 10.3864 2.5 12C2.5 13.6136 2.88636 15.1409 3.56364 16.4909L6.90455 13.9Z" fill="#FBBC05"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.4998 5.97727C13.968 5.97727 15.2862 6.48182 16.3226 7.47273L19.1907 4.60455C17.4589 2.99091 15.1953 2 12.4998 2C8.59075 2 5.20893 4.24091 3.56348 7.50909L6.90439 10.1C7.69075 7.73636 9.89529 5.97727 12.4998 5.97727Z" fill="#EA4335"></path></svg> Log in with Google</a>
130		</div>
131		<p>Don't have an account? <a href="/register?rurl=https%3A%2F%2Fwww.thecarillon.com%2F">Sign up here »</a></p>
132	</form>
133			</section>
134		</div>
135		
136		

136<script type="text/javascript" nonce="1z4BmzE2YxlNJmwzIey11fvZKItxiwRy">
137			
138			var showNavigation = function(e) {
139				navigationFunc(e, addClass);
140			};
141			
142			var hideNavigation = function(e) {
143				navigationFunc(e, removeClass);
144			};
145			
146			$(function() {
147				setupDetailBoxes();
148				setupShowPassword();
149				// navigation
150				setMenuActionForElementIds(['nav-open-btn'], showNavigation);
151				setMenuActionForElementIds(['nav-close-btn'], hideNavigation);
152			
153				/* TODO
154				* if navigation class put on HTML tag itself it
155				* doesn't make sense to hide menu on click outside
156				*/
157				document.addEventListener('click',
158					function (e) {
159						if (
160							!hasParent(e.target, 'js-nav')
161						) {
162							hideNavigation()
163						}
164					},
165					true
166				);
167			});
168			
169			function navigationFunc(e, action) {
170				if (typeof(action) == 'function') {
171					const menuElement = document.documentElement;
172					action.call(this, menuElement, 'js-nav');
173				}
174			}
175			
176			function trimString(string) {
177				return ('function' == typeof(string.trim))
178					? string.trim()
179					: string.replace(/^\s+|\s+$/g, '');
180			}
181			
182			function hasClass(element, className) {
183				if (!element || !className) {
184					return false;
185				}
186				return (' ' + element.className + ' ').indexOf(' ' + className + ' ') !== -1;
187			}
188			
189			function addClass(element, className) {
190				if (!element || !className) {
191					return false;
192				}
193				if (!hasClass(element, className)) {
194					element.className = (element.className === '') ? className : element.className + ' ' + className;
195				}
196			}
197			
198			function removeClass(element, className) {
199				if (!element || !className) {
200					return false;
201				}
202				element.className = trimString((' ' + element.className + ' ').replace(' ' + className + ' ', ' '));
203			}
204			
205			function hasParent(element, id) {
206				if (element) {
207					do {
208						if (element.id === id) {
209							return true;
210						}
211						if (element.nodeType === Node.DOCUMENT_NODE) {
212							break;
213						}
214					}
215					while ((element = element.parentNode));
216				}
217				return false;
218			}
219			
220			function setMenuActionForElementIds(ids, listener) {
221				if (!listener) {
222					return;
223				}
224				if (
225					typeof(ids) == 'string'
226					&& !Array.isArray(ids)
227				) {
228					ids = [ids];
229				} else if (!Array.isArray(ids)) {
230					return;
231				}
232				var idsLength = ids.length;
233				for (var i = 0; i < idsLength; i++) {
234					var id = ids[i];
235					var element = document.getElementById(id);
236					if (element) {
237						element.addEventListener('click', listener, false);
238					}
239				}
240			}
241			
242			function setupDetailBoxes() {
243				
244				$("a.see-details").click(function() {
245					toggleDetails(this);
246				});
247				
248				$("a.close-details").click(function() {
249					
250					var details = $($(this).closest("div[class$=details]")).attr("class");
251					var showDetailLink = $("a[data-details='" + details + "']").get(0);
252					toggleDetails(showDetailLink);
253				});
254			}
255			
256			function toggleDetails(showDetailLink) {
257				
258				var details = $(showDetailLink).data("details");
259				
260				if ($("div." + details).length > 0) {
261					if ($("div." + details).is(":visible")) {
262						$("div." + details).hide();	
263						$(showDetailLink).text("see details");
264					} else {
265						$("div." + details).show();
266						$(showDetailLink).text("hide details");
267					}
268				}
269			}
270			
271			function setupShowPassword(){
272				if ($('.hide-show').length > 0) {
273					$('.hide-show').show();
274					$('.hide-show span').addClass('show')
275					$('.hide-show span').click(function() {
276						if ($(this).hasClass('show')) {
277							$(this).html('<a class="fa fa-eye-slash"></a>');
278							$('input[name="password"]').attr('type', 'text');
279							$(this).removeClass('show');
280						} else {
281							$(this).html('<a class="fa fa-eye"></a>');
282							$('input[name="password"]').attr('type', 'password');
283							$(this).addClass('show');
284						}
285					});
286					$('form button[type="submit"]').on('click', function() {
287						$('.hide-show span').html('<a class="fa fa-eye"></a>').addClass('show');
288						$('.hide-show').parent().find('input[name="password"]').attr('type', 'password');
289					});
290				}
291			}
292		
293		</script>

293
294		

294<script type="text/javascript" nonce="1z4BmzE2YxlNJmwzIey11fvZKItxiwRy">
295			
296			function updateText(event){
297				var input=$(this);
298				setTimeout(function(){
299					var val=input.val();
300					if(val!="")
301						input.parent().addClass("floater");
302					else
303						input.parent().removeClass("floater");
304				},0)
305			}
306			$(".V4-input-wrap input").keydown(updateText);
307			$(".V4-input-wrap input").change(updateText);
308			$(".V4-input-wrap textarea").change(updateText);
309			$(".V4-input-wrap textarea").keydown(updateText);
310			$(".V4-input-wrap select").change(updateText);
311			setTimeout(function(){
312				$(".V4-input-wrap input, .V4-input-wrap select, .V4-input-wrap textarea").each(function() {
313					var input=$(this);
314					var val=input.val();
315					if(val!="") 
316						input.parent().addClass("floater");
317					else
318						input.parent().removeClass("floater");
319				});
320			},0);
321			
322		</script>

322
323		
324				
325			

325<script type="text/javascript" nonce="1z4BmzE2YxlNJmwzIey11fvZKItxiwRy">
326				
327			</script>

327
328		
329		

329<script type="text/javascript" nonce="1z4BmzE2YxlNJmwzIey11fvZKItxiwRy">
330			accountServerUrl = 'https://account.thecarillon.com';
331							var account = {
332					"is_logged_in": false,
333				};
334					</script>

334
335	</body>
336</html>