페이지에서: 세상을 '놀이터'로 만드는 데 도움을 주는 사서들

/* BEGIN: Zephr's Form Styling */ .blaize-theme-default.blaize-form.blaize-form-register, .blaize-theme-default.blaize-form.blaize-form-login, .blaize-theme-default.blaize-form.blaize-form-reset-password, .blaize-theme-default.blaize-form, .blaize-theme-default.blaize-form.blaize-form-complete-registration { max-width: 450px !important; } :is(.blaize-theme-default.blaize-form.blaize-form-register, .blaize-theme-default.blaize-form.blaize-form-login, .blaize-theme-default.blaize-form.blaize-form-reset-password, .blaize-theme-default.blaize-form) .blaize-submit, :is(.blaize-theme-default.blaize-form.blaize-form-register, .blaize-theme-default.blaize-form.blaize-form-login, .blaize-theme-default.blaize-form.blaize-form-reset-password, .blaize-theme-default.blaize-form) .blaize-submit:visited { background-color: #da202d; color: #ffffff; display: inline-block; padding: 0.6em 1em; border-radius: 0.3em; font-weight: 700; margin: 0; margin-bottom: 10px; width: inherit !important; } :is(.blaize-theme-default.blaize-form.blaize-form-register, .blaize-theme-default.blaize-form.blaize-form-login, .blaize-theme-default.blaize-form.blaize-form-reset-password, .blaize-theme-default.blaize-form) .blaize-submit:hover, :is(.blaize-theme-default.blaize-form.blaize-form-register, .blaize-theme-default.blaize-form.blaize-form-login, .blaize-theme-default.blaize-form.blaize-form-reset-password, .blaize-theme-default.blaize-form) .blaize-submit:focus, :is(.blaize-theme-default.blaize-form.blaize-form-register, .blaize-theme-default.blaize-form.blaize-form-login, .blaize-theme-default.blaize-form.blaize-form-reset-password, .blaize-theme-default.blaize-form) .blaize-submit:active { cursor: pointer; color: #ffffff; background-color: #ad141f; /*sign-up-button-hover-colour*/ } .blaize-theme-default.blaize-form .blaize-title { color: #da202d; font-size: 1.5rem; font-weight: 700; } .blaize-theme-default.blaize-form :is(.blaize-to-login a, .blaize-to-reset-password a, .blaize-to-register a, .blaize-reset-to-login a, .blaize-reset-to-register a) { font-weight: 500; color: #da202d; } :is(.blaize-to-register, .blaize-to-reset-password, .blaize-to-login, .blaize-form-reset-password) a:hover { text-decoration: underline; } .blaize-icon { position: absolute; top: 0; left: 0; right: 0; width: 26px; height: 26px; margin: 8px; } .blaize-icon.blaize-icon-facebook { background: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20216%20216%22%20color%3D%22%23fff%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M204.1%200H11.9C5.3%200%200%205.3%200%2011.9v192.2c0%206.6%205.3%2011.9%2011.9%2011.9h103.5v-83.6H87.2V99.8h28.1v-24c0-27.9%2017-43.1%2041.9-43.1%2011.9%200%2022.2.9%2025.2%201.3v29.2h-17.3c-13.5%200-16.2%206.4-16.2%2015.9v20.8h32.3l-4.2%2032.6h-28V216h55c6.6%200%2011.9-5.3%2011.9-11.9V11.9C216%205.3%20210.7%200%20204.1%200z%22/%3E%3C/svg%3E) no-repeat center; } .blaize-icon.blaize-icon-google { background: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M482.56%20261.36c0-16.73-1.5-32.83-4.29-48.27H256v91.29h127.01c-5.47%2029.5-22.1%2054.49-47.09%2071.23v59.21h76.27c44.63-41.09%2070.37-101.59%2070.37-173.46z%22%20fill%3D%22%234285f4%22/%3E%3Cpath%20d%3D%22M256%20492c63.72%200%20117.14-21.13%20156.19-57.18l-76.27-59.21c-21.13%2014.16-48.17%2022.53-79.92%2022.53-61.47%200-113.49-41.51-132.05-97.3H45.1v61.15C83.93%20439.12%20163.74%20492%20256%20492z%22%20fill%3D%22%2334a853%22/%3E%3Cpath%20d%3D%22M123.95%20300.84c-4.72-14.16-7.4-29.29-7.4-44.84s2.68-30.68%207.4-44.84v-61.15H45.1C29.12%20181.87%2020%20217.92%2020%20256s9.12%2074.13%2025.1%20105.99l78.85-61.15z%22%20fill%3D%22%23fbbc05%22/%3E%3Cpath%20d%3D%22M256%20113.86c34.65%200%2065.76%2011.91%2090.22%2035.29l67.69-67.69C373.03%2043.39%20319.61%2020%20256%2020%20163.75%2020%2083.93%2072.89%2045.1%20150.01l78.85%2061.15c18.56-55.78%2070.59-97.3%20132.05-97.3z%22%20fill%3D%22%23ea4335%22/%3E%3Cpath%20d%3D%22M20%2020h472v472H20V20z%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center; background-color: white; background-size: 26px 26px; height: 38px; width: 38px; border-radius: 2px; margin: 2px; } .blaize-icon.blaize-icon-apple { background: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20170%20170%22%3E%3Cpath%20d%3D%22M150.4%20130.3a88%2088%200%2001-8.7%2015.6c-4.6%206.5-8.4%2011-11.3%2013.6a21.8%2021.8%200%2001-14.4%206.3c-3.7%200-8.1-1-13.3-3.2-5.2-2-10-3.1-14.3-3.1-4.6%200-9.5%201-14.8%203.1A39.7%2039.7%200%200161%20166c-5%20.2-9.9-2-14.8-6.5a97.1%2097.1%200%2001-29.4-68c0-11%202.4-20.3%207.1-28.2a41.3%2041.3%200%200134.7-20.5c4%200%209%201.2%2015.4%203.6A49.6%2049.6%200%200086.2%2050c1.3%200%205.9-1.4%2013.6-4.3a44.9%2044.9%200%200118.4-3.2%2039.2%2039.2%200%200130.7%2016.1%2034.1%2034.1%200%2000-18.1%2031c0%2010.3%203.8%2019%2011.2%2025.8%203.3%203.1%207%205.6%2011.2%207.3l-2.8%207.5zM119%207.3c0%208-3%2015.6-8.8%2022.6C103%2038.2%2094.5%2043%2085.2%2042.3l-.2-3c0-7.9%203.4-16.2%209.4-23%203-3.4%206.8-6.3%2011.4-8.6%204.7-2.2%209-3.5%2013.1-3.7.2%201%20.2%202.2.2%203.2z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E) no-repeat center; } .blaize-form .blaize-identifiers { transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out 0.1s; overflow: hidden; } .blaize-form .blaize-oauth { display: block; position: relative; margin: 0 auto 10px; height: 42px; line-height: 42px; width: 100%; font-weight: bold; background-color: #4697ce; color: #fff; border-radius: 3px; text-align: center; cursor: pointer; text-decoration: none; box-sizing: border-box; } .blaize-form .blaize-oauth[disabled] { cursor: default; } .blaize-form .blaize-oauth > :before { position: absolute; top: 0; left: 0; right: 0; line-height: 42px; width: 42px; font-size: 26px; } .blaize-form .blaize-oauth.blaize-oauth-google { background-color: #397af2; } .blaize-form .blaize-oauth.blaize-oauth-facebook { background-color: #395ca9; } .blaize-form .blaize-oauth.blaize-oauth-apple { background-color: #000; } .blaize-form .blaize-fields .field-container { display: block; } .blaize-form .blaize-fields input[type="radio"] { display: inline-block; width: auto; height: 17px; margin: 0 6px 0 0; } .blaize-form .blaize-fields .range-container { display: flex; } .blaize-form .blaize-fields .range-container output { margin: 6px 0 0 9px; } .blaize-form .blaize-fields .align-center { display: block; display: flex; align-items: center; } .blaize-form .blaize-fields input[type="checkbox"] { float: left; } .blaize-form .blaize-fields select { padding: 10px; } #blaize-recaptcha-badge .grecaptcha-badge { margin: 0 auto; } #blaize-recaptcha-badge { visibility: hidden; } #blaize-recaptcha-badge.show { visibility: visible; } .blaize-recaptcha-tcs { display: none; } .blaize-recaptcha-tcs.show { display: block; } .blaize-form .blaize-fields input[type="radio"] { display: inline-block; width: auto; height: 17px; margin: 0 6px 0 0; } .blaize-theme-default.blaize-form { margin: 20px auto; padding: 20px 0; border-radius: 3px; background-color: #fff; } .blaize-theme-default.blaize-form fieldset { border: none; padding: 0; margin: 0; } .blaize-theme-default.blaize-form .blaize-title { margin-top: 0; } .blaize-theme-default.blaize-form .blaize-error { display: none; color: #e12d2d; } .blaize-theme-default.blaize-form .blaize-success { display: none; margin: 1em 0; background-color: #eef5ee; border: 1px solid #638463; border-radius: 2px; color: #638463; padding: 1em; font-size: 0.9rem; } .blaize-theme-default.blaize-form input, .blaize-theme-default.blaize-form select { width: 100%; height: 42px; display: block; margin-bottom: 15px; border: 1px solid #e1e3e8; border-radius: 3px; background-color: white; } /* .blaize-theme-default.blaize-form .blaize-submit { display: block; width: 180px; margin: 10px auto 0; height: 42px; font-weight: bold; background-color: #4697ce; color: #fff; border-radius: 3px; } */ .blaize-theme-default.blaize-form input { padding: 5px 10px; } .blaize-theme-default.blaize-form input[type="checkbox"] { display: inline-block; width: auto; height: auto; margin: 5px 5px 0 0; } .blaize-theme-default.blaize-form .blaize-social-sign-in-footer { text-align: center; overflow: hidden; margin: 15px 0 10px 0; font-weight: bold; } .blaize-theme-default.blaize-form .blaize-social-sign-in-footer:before, .blaize-theme-default.blaize-form .blaize-social-sign-in-footer:after { border-bottom: 1px solid #e1e3e8; content: ""; display: inline-block; width: 50%; margin: 0 6px 0 -55%; vertical-align: middle; } .blaize-theme-default.blaize-form .blaize-social-sign-in-footer:after { margin: 0 -55% 0 6px; } .blaize-theme-default.blaize-form.blaize-form-login, .blaize-theme-default.blaize-form.blaize-form-reset-password { display: none; } /* END: Zephr's Form Styling */ /* BEGIN: BlackPress' Elements Styling */ .bpz-anon-canvas-regwall { max-width: 640px; } .bpz-anon-canvas-regwall div { width: 100%; padding: 40px 20px 0 20px; max-width: 450px; margin: auto; } .bpz-anon-canvas-regwall p { margin-block-start: 0.3em; margin-block-end: 0.3em; } .bpz-anon-canvas-regwall a:link { text-decoration: none; } .bpz-anon-canvas-regwall-header { font-size: 1.5rem; font-weight: 700; color: #da202d; /*brand-colour*/ } .bpz-anon-canvas-regwall-body { color: #0A0A0A; font-weight: 500; } .blaize-form label { width: 100%; } .blaize-form input { font-weight: 500; } /* END: BlackPress' Elements Styling */ pBe Among The First To Know/p pCreate a free account today, and start receiving free newsletters./p Sign Up with google Sign Up with facebook or Email Address First Name Last Name p This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. /p Create a password Sign Up Complete Registration Already registered? Click here to login Login Sign in with google Sign in with facebook or Email Address p This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. /p Password Login p A link has been emailed to you - check your inbox. /p Don't have an account? Click here to sign up Forgotten your password? Click here to reset it Reset your password Email Address p This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. /p Reset p A link has been emailed to you - check your inbox. /p> Remembered your password? Click here to login Don't have an account? Click here to sign up window.blaizeRecaptchaClientId = ''; function onRecaptchaLoadCallback() { window.blaizeRecaptchaClientId = grecaptcha.render('blaize-recaptcha-badge', { sitekey: '', badge: window.blaizeRecaptchaPosition, size: 'invisible' }); } (function() { if (! window.Blaize) { window.Blaize = { formPreProcessors: {}, formPostProcessors: {}, registerFormPreProcessor: function(formSlug, processor) { if (! window.Blaize.formPreProcessors[formSlug]) window.Blaize.formPreProcessors[formSlug] = []; if (typeof processor === "function") { window.Blaize.formPreProcessors[formSlug].push(processor); } }, registerFormPostProcessor: function(formSlug, processor) { if (! window.Blaize.formPostProcessors[formSlug]) window.Blaize.formPostProcessors[formSlug] = []; if (typeof processor === "function") { window.Blaize.formPostProcessors[formSlug].push(processor); } }, preProcessFormData: function(formSlug, formData) { if (window.Blaize.formPreProcessors[formSlug] || window.Blaize.formPreProcessors['*']) { var processors = []; if (window.Blaize.formPreProcessors['*']) { window.Blaize.formPreProcessors['*'].forEach(function(processor) { processors.push(processor); }); } if (window.Blaize.formPreProcessors[formSlug]) { window.Blaize.formPreProcessors[formSlug].forEach(function(processor) { processors.push(processor); }); } processors.forEach(function(processor) { processedFormData = processor(formData); if (processedFormData != undefined) { formData = processedFormData; } }); } return formData; }, postProcessFormData: function(formSlug, formData, response) { if (window.Blaize.formPostProcessors[formSlug] || window.Blaize.formPostProcessors['*']) { var processors = []; if (window.Blaize.formPostProcessors['*']) { window.Blaize.formPostProcessors['*'].forEach(function(processor) { processors.push(processor); }); } if (window.Blaize.formPostProcessors[formSlug]) { window.Blaize.formPostProcessors[formSlug].forEach(function(processor) { processors.push(processor); }); } processors.forEach(function(processor) { processor(formData, response); }); } } } } var section = document.getElementById("form-b0054b57-ff13-4055-8d21-53dc7c614180"); var formRegister = section.querySelector('.blaize-form-register'); var formLogin = section.querySelector('.blaize-form-login'); var registerSsiError = formRegister.querySelector('.blaize-ssi-error'); var registerError = formRegister.querySelector('.blaize-error'); var registerSuccess = formRegister.querySelector('.blaize-success'); var loginError = formLogin.querySelector('.blaize-error'); var loginSuccess = formLogin.querySelector('.blaize-success'); var identifiersFieldset = formRegister.querySelector('.blaize-identifiers'); var validatorsFieldset = formRegister.querySelector('.blaize-validators'); var formResetPassword = section.querySelector('.blaize-form-reset-password'); var passwordResetError = formResetPassword.querySelector('.blaize-error'); var passwordResetSuccess = formResetPassword.querySelector('.blaize-success'); section.querySelector('.blaize-to-login a').onclick = function(event) { event.preventDefault(); formRegister.style.display = 'none'; formResetPassword.style.display = 'none'; formLogin.style.display = 'block'; }; section.querySelector('.blaize-to-register a').onclick = function(event) { event.preventDefault(); formLogin.style.display = 'none'; formResetPassword.style.display = 'none'; formRegister.style.display = 'block'; }; section.querySelector('.blaize-to-reset-password a').onclick = function(event) { event.preventDefault(); formLogin.style.display = 'none'; formRegister.style.display = 'none'; formResetPassword.style.display = 'block'; }; section.querySelector('.blaize-reset-to-login a').onclick = function(event) { event.preventDefault(); formRegister.style.display = 'none'; formResetPassword.style.display = 'none'; formLogin.style.display = 'block'; }; section.querySelector('.blaize-reset-to-register a').onclick = function(event) { event.preventDefault(); formLogin.style.display = 'none'; formResetPassword.style.display = 'none'; formRegister.style.display = 'block'; }; var blaizeRequest = function({ url, action, data, callback, method = 'POST' }) { var xhr = new(XMLHttpRequest || ActiveXObject)('MSXML2.XMLHTTP.3.0'); xhr.open(method, url, true); xhr.setRequestHeader('Content-type', 'application/json'); xhr.setRequestHeader('Accept', 'application/json'); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { var response; try { response = JSON.parse(xhr.response); } catch (e) { response = xhr.response; } return callback(xhr.status, response); } }; if (typeof grecaptcha !== 'undefined') { grecaptcha.ready(function() { grecaptcha.execute(window.blaizeRecaptchaClientId, { action: action }).then(function(recaptchaToken) { xhr.setRequestHeader('X-Recaptcha-Token', recaptchaToken); return (!data) ? xhr.send() : xhr.send(data); }); }); } else { return (!data) ? xhr.send() : xhr.send(data); } }; blaizeRequest({ url: '/zephr/media/registration/config', action: 'registrationConfig', method: 'GET', callback: function(status, response) { if (status !== 200) { return; } if (response.oauthProvidersEnabled) { var oauthLinks = section.querySelectorAll("a.blaize-oauth"); for (var i = 0; i el.classList.add("show")); } else { badge.classList.add("show"); } } }}); var handleRegister = function(event) { event.preventDefault(); registerError.style.display = 'none'; var identifier = registrationAuthenticationIdentifier ? registrationAuthenticationIdentifier : formRegister.querySelector('input[name="email_address"]').value; var identifierKey = "email_address"; var attributes = {}; var inputs = formRegister.querySelector('.blaize-user-attributes').querySelectorAll('input, textarea, select'); for (var i = 0; i { var lastName; var firstName; if (oauthProvider == "google") { lastName = extendedProfile.family_name; firstName = extendedProfile.given_name; } else if (oauthProvider == "facebook"){ var fullName = extendedProfile.name.split(" "); lastName = fullName.pop(); firstName = fullName.join(' '); } fetch('/blaize/profile', { method: 'PATCH', headers: { "Content-type": "application/json" }, credentials: 'include', body: JSON.stringify({ "name": firstName ? firstName : " ", "last-name": lastName ? lastName : " ", }) }).then( () => { pushToDataLayer(); location.reload(true); }) .catch(function (error) { console.log('Request failed', error); registerSuccess.style.display = 'none'; registerError.innerHTML = 'Something went wrong! Please try again later.'; registerError.style.display = 'block'; }); }).catch (err => { console.log(err); registerSuccess.style.display = 'none'; registerError.innerHTML = 'Something went wrong! Please try again later.'; registerError.style.display = 'block'; }); } else { registerSuccess.style.display = 'none'; registerError.innerHTML = 'Something went wrong! Please try again later.'; registerError.style.display = 'block'; } }}); }; var handleLogin = function(event) { event.preventDefault(); loginError.style.display = 'none'; var identifier = formLogin.querySelector('input[name="email_address"]').value; var isAUserName = false; var endpoint; var payloadData; if (event.target.className.indexOf("passwordless") > -1) { endpoint = '/blaize/token-exchange'; payloadData = JSON.stringify({ identifiers: { email_address: identifier }, delivery: { method: 'email', destination: identifier, action: 'login', redirect: window.location.href.replace(window.location.origin, "") } }); } else { endpoint = '/blaize/login'; if (isAUserName) { payloadData = JSON.stringify({ identifiers: { username: identifier }, validators: { password: formLogin.querySelector('input[name="password"]').value } }); } else { payloadData = JSON.stringify({ identifiers: { email_address: identifier }, validators: { password: formLogin.querySelector('input[name="password"]').value } }); } } blaizeRequest({ url: endpoint, action: 'login', data: payloadData, callback: function(status, response) { if (status === 200) { if (response.cookie) { document.cookie = response.cookie; pushToDataLayer(); location.reload(true); } } else if (status === 201) { if (response.message) { loginSuccess.innerHTML = response.message; loginSuccess.style.display = 'block'; if (event.target.className.indexOf("passwordless") > -1) { formLogin.querySelector('.blaize-login-passwordless').style.display = 'none'; } else { formLogin.querySelector('.blaize-submit').style.display = 'none'; } formLogin.querySelector('.blaize-validators').style.display = 'none'; formLogin.querySelector('.blaize-to-register').style.display = 'none'; } } else if (status === 401) { if (isAUserName) { loginError.innerHTML = 'The username or password you entered are incorrect.'; } else { loginError.innerHTML = 'The email address or password you entered are incorrect.'; } loginError.style.display = 'block'; } else if (status === 404) { loginError.innerHTML = 'User not found.'; loginError.style.display = 'block'; } else if (status === 429) { loginError.innerHTML = 'To gain login access, please contact your administrator.'; loginError.style.display = 'block'; } else { loginError.innerHTML = 'Something went wrong! Please try again later.'; loginError.style.display = 'block'; } }}); }; var handleResetPassword = function(event) { event.preventDefault(); var payloadData = JSON.stringify({ identifiers: { email_address: formResetPassword.querySelector('input[name="email_address"]').value } }); blaizeRequest({ url: '/blaize/users/reset', action: 'password_reset', data: payloadData, callback: function(status, response) { if (status = 200) { passwordResetSuccess.style.display = 'block'; } else { passwordResetError.innerHTML = (response.message) ? response.message : response; passwordResetError.style.display = 'block'; } }}); }; formResetPassword.addEventListener('submit', handleResetPassword); var registrationAuthenticationToken; var registrationAuthenticationIdentifier; var loginAuthenticationToken; var oauthProvider; var oauthProviderWindowFeatures = "menubar=no,location=yes,resizable=no,scrollbars=no,status=no,width=500,height=600"; var registerClickHandler = function(link) { link.addEventListener("click", function(event) { event.preventDefault(); var provider = link.getAttribute("data-oauth-provider"); oauthProvider = provider; if (link.hasAttribute("disabled")) { console.log(provider + " provider is not configured."); return; } window.open("/blaize/oauth/" + provider, provider + " sign-in", oauthProviderWindowFeatures); }); } var oauthLinks = section.querySelectorAll("a.blaize-oauth"); for (var i = 0; i if (!window.Zephr) window.Zephr = {}; if (!window.Zephr.outcomes) window.Zephr.outcomes = {}; window.Zephr.outcomes['fraser-valley-west-subscription-journey'] = { featureLabel: 'Fraser Valley West Subscription Journey', outcomeId: 'transformation/59', outcomeLabel: 'MRN Reg Form 1' }; View Comments -- googletag.cmd.push(function() { googletag.display('div-gpt-14');gptRefreshSlots.push(14); }); googletag.cmd.push(function() { googletag.display('div-gpt-19');gptRefreshSlots.push(19); }); /strong>