Home » Tools & Resources » tOOL gARAGE » UFO Cockpit UFO Cockpit <path d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z'></path></svg></span></a><a href="https://x.com/VillaTerras" aria-label="X" target="_blank" rel="noopener noreferrer" style="--color: #7acdee; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-twitter footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'></path></svg></span></a><a href="https://www.instagram.com/villaterras_ai/" aria-label="I" target="_blank" rel="noopener noreferrer" style="--color: #8a3ab9; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-instagram footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z'></path></svg></span></a><a href="https://www.linkedin.com/in/villaterras" aria-label="Linkedin" target="_blank" rel="noopener noreferrer" style="--color: #1c86c6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-linkedin footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'></path></svg></span></a><a href="https://api.whatsapp.com/send?phone=https://wa.me/529841163575" aria-label="WhatsApp" target="_blank" rel="noopener noreferrer" style="--color: #5BBA67; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-whatsapp footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'></path></svg></span></a><a href="tel:949-423-3778" aria-label="Phone 1" style="--color: inherit; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-phone footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'></path></svg></span></a><a href="mailto:info@villaterras.com" aria-label="Email 1" style="--color: #ea4335; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-email footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'> <title id='email'> Email </title> <path d='M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 7.188l3.824 3.099 3.83-3.104 5.612 6.817h-18.779l5.513-6.812zm9.208-1.264l4.616-3.741v9.348l-4.616-5.607z'/></svg></span></a><a href="https://www.youtube.com/@VillaTerras" aria-label="YouTube" target="_blank" rel="noopener noreferrer" style="--color: #e96651; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-youtube footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'></path></svg></span></a></div></div> </div> </div> <div class="site-footer-primary-section-3 site-footer-section site-footer-section-3"> </div> </div> </div> </div> </footer><!-- #colophon --> </div><!-- #page --> <div id="um_upload_single" style="display:none;"></div> <div id="um_view_photo" style="display:none;"> <a href="javascript:void(0);" data-action="um_remove_modal" class="um-modal-close" aria-label="Close view photo modal"> <i class="um-faicon-times"></i> </a> <div class="um-modal-body photo"> <div class="um-modal-photo"></div> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="Consent Preferences" style="background-color:#DBE1E9"> <button class="cky-btn-revisit" aria-label="Consent Preferences"> <img src="https://villaterras.com/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#FFFFFF;border-color:#F4F4F4"> <button class="cky-banner-btn-close" data-cky-tag="close-button" aria-label="Close"> <img src="https://villaterras.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt=""> </button> <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="2" data-cky-tag="title" style="color:#B2AFAF">VillaTerras values your privacy</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#A39E9E"> <p>VillaTerras only uses cookies to enhance your browsing experience, serve personalised ads or content, and analyse our traffic. By clicking "Accept All", you consent to our use of cookies. Thanks for your business Admin.<br><br>Contact us for more information about your Real Estate needs. <br><br>info@VillaTerras.com<br>949.423.3778</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Customise" aria-haspopup="true" aria-controls="ckyPreferenceCenter" data-cky-tag="settings-button" style="color:#CFD8E6;background-color:transparent;border-color:#A7BAD8">Customise</button> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="reject-button" style="color:#BBCEED;background-color:transparent;border-color:#BECEE7">Reject All</button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="accept-button" style="color:#FFFFFF;background-color:#C4D2E8;border-color:#DCE2EC">Accept All</button> </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" id="ckyPreferenceCenter" data-cky-tag="detail" style="color:#A39E9E;background-color:#FFFFFF;border-color:#F4F4F4"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="2" data-cky-tag="detail-title" style="color:#A39E9E">VillaTerras Values your privacy</span> <button class="cky-btn-close" aria-label="Close" data-cky-tag="detail-close"> <img src="https://villaterras.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt=""> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#A39E9E"> <p>VillaTerras use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p> <p>The cookies that are categorised as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site.</p> <p>We also use third-party cookies that help us analyse how you use this website, store your preferences, and provide the content and advertisements that are relevant to you. These cookies will only be stored in your browser with your prior consent.</p> <p>You can choose to enable or disable some or all of these cookies but disabling some of them may affect your browsing experience.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#A39E9E">Necessary</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#A39E9E"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#A39E9E">Functional</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#A39E9E"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#A39E9E">Analytics</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#A39E9E"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#A39E9E">Performance</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#A39E9E"> <p>Performance cookies are used to understand and analyse the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#A39E9E">Advertisement</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#A39E9E"> <p>Advertisement cookies are used to provide visitors with customised advertisements based on the pages you visited previously and to analyse the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="detail-reject-button" style="color:#BBCEED;background-color:transparent;border-color:#BECEE7"> Reject All </button> <button class="cky-btn cky-btn-preferences" aria-label="Save My Preferences" data-cky-tag="detail-save-button" style="color:#1863DC;background-color:transparent;border-color:#1863DC"> Save My Preferences </button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="detail-accept-button" style="color:#FFFFFF;background-color:#C4D2E8;border-color:#DCE2EC"> Accept All </button> </div></div></div></div></script><div id="VillaBotRoot"> <input id="VillaBotToggle" type="checkbox"> <label id="VillaBotLauncher" for="VillaBotToggle" aria-label="Open VillaBot"> <img id="VillaBotLogo" src="https://villaterras.com/wp-content/uploads/2025/03/villaterras_rotating_logo_30fps-1.gif" alt="VillaTerras AI" > <span id="VillaBotPulse"></span> </label> <div id="VillaAiChatBox"> <div id="VillaHeader"> <div id="VillaHeaderBrand"> <div id="VillaHeaderLogoWrap"> <img id="VillaHeaderLogo" src="https://villaterras.com/wp-content/uploads/2025/03/villaterras_rotating_logo_30fps-1.gif" alt="VillaTerras" > </div> <div> <strong>VillaBot</strong> <span>CRE + Residential Intelligence</span> </div> </div> <label id="VillaClose" for="VillaBotToggle">×</label> </div> <div id="VillaChat"> <div class="VillaBotMsg"> VillaBot loaded. Ask about industrial, retail, residential, land, zoning, NOI, cap rate, leasing, financing, valuation, or development. </div> </div> <div id="VillaSuggestions"> <button type="button" data-q="Industrial deal analysis">Industrial</button> <button type="button" data-q="Retail leasing risks">Retail</button> <button type="button" data-q="Residential valuation">Residential</button> <button type="button" data-q="Office leasing analysis">Office</button> <button type="button" data-q="Multifamily investment analysis">Multifamily</button> <button type="button" data-q="Land zoning analysis">Land / Zoning</button> <button type="button" data-q="What is cap rate">Cap Rate</button> <button type="button" data-q="How do I calculate NOI">NOI</button> <button type="button" data-q="How do I finance a commercial property">Financing</button> <button type="button" data-q="How do I underwrite a real estate deal">Underwriting</button> </div> <div id="VillaComposer"> <textarea id="VillaInput" placeholder="Ask VillaBot about CRE, residential, valuation, zoning, leasing, financing..."></textarea> <label id="VillaFileLabel" for="VillaFile">Upload document</label> <input id="VillaFile" type="file" accept=".pdf,.doc,.docx,.txt"> <div id="VillaActions"> <button id="VillaClear" type="button">Clear</button> <button id="VillaSend" type="button">Send</button> </div> </div> </div> </div> <style> #VillaBotRoot, #VillaBotRoot * { box-sizing: border-box !important; } #VillaBotRoot { --villa-navy: #071b33; --villa-navy-2: #0a2540; --villa-blue: #55c7ff; --villa-red: #ff4d5f; --villa-white: #ffffff; --villa-text: #172033; --villa-muted: #64748b; --villa-line: rgba(15, 23, 42, 0.12); --villa-soft: #f6f8fb; --villa-shadow: 0 32px 90px rgba(0, 0, 0, 0.38); position: fixed !important; right: 22px !important; bottom: 22px !important; z-index: 2147483647 !important; font-family: Inter, Arial, Helvetica, sans-serif !important; } /* Launcher */ #VillaBotToggle { display: none !important; } #VillaBotLauncher { width: 64px !important; height: 64px !important; border-radius: 999px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; overflow: visible !important; background: radial-gradient(circle at 30% 20%, rgba(85, 199, 255, 0.38), transparent 34%), linear-gradient(135deg, #061829, #0a2540 55%, #173f64) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42), 0 0 0 6px rgba(85, 199, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important; transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important; } #VillaBotLauncher:hover { transform: translateY(-3px) scale(1.035) !important; filter: saturate(1.08) !important; box-shadow: 0 24px 62px rgba(0, 0, 0, 0.50), 0 0 0 8px rgba(85, 199, 255, 0.11), 0 0 36px rgba(85, 199, 255, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important; } #VillaBotLogo { width: 46px !important; height: 46px !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; position: relative !important; z-index: 2 !important; } #VillaBotPulse { position: absolute !important; inset: -8px !important; border-radius: 999px !important; border: 1px solid rgba(85, 199, 255, 0.40) !important; animation: VillaPulse 1.8s ease-out infinite !important; pointer-events: none !important; } @keyframes VillaPulse { 0% { opacity: .78; transform: scale(.88); } 100% { opacity: 0; transform: scale(1.34); } } /* AiChatBox */ #VillaAiChatBox { display: none !important; position: fixed !important; right: 22px !important; bottom: 102px !important; width: 398px !important; height: 640px !important; max-height: calc(100vh - 132px) !important; flex-direction: column !important; overflow: hidden !important; border-radius: 28px !important; background: radial-gradient(circle at 18% 0%, rgba(85, 199, 255, 0.10), transparent 28%), linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98)) !important; border: 1px solid rgba(15, 23, 42, 0.12) !important; box-shadow: 0 34px 100px rgba(0, 0, 0, 0.40), 0 0 0 1px rgba(255,255,255,0.60), inset 0 1px 0 rgba(255,255,255,0.95) !important; backdrop-filter: blur(18px) saturate(1.12) !important; -webkit-backdrop-filter: blur(18px) saturate(1.12) !important; } #VillaBotToggle:checked ~ #VillaAiChatBox { display: flex !important; animation: VillaOpen .24s ease-out !important; } @keyframes VillaOpen { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } } /* Header */ #VillaHeader { min-height: 78px !important; padding: 14px 16px !important; background: linear-gradient(135deg, #061829, #0a2540 70%, #17456f) !important; color: var(--villa-white) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid rgba(255,255,255,0.14) !important; } #VillaHeaderBrand { display: flex !important; align-items: center !important; gap: 12px !important; } #VillaHeaderLogoWrap { width: 44px !important; height: 44px !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255,255,255,0.12) !important; border: 1px solid rgba(255,255,255,0.16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.14) !important; overflow: hidden !important; } #VillaHeaderLogo { width: 38px !important; height: 38px !important; object-fit: cover !important; border-radius: 50% !important; } #VillaHeader strong { display: block !important; color: #ffffff !important; font-size: 16px !important; line-height: 1.1 !important; font-weight: 950 !important; letter-spacing: -0.02em !important; } #VillaHeader span { display: block !important; color: rgba(255,255,255,0.72) !important; font-size: 11px !important; margin-top: 3px !important; font-weight: 650 !important; } #VillaClose { width: 34px !important; height: 34px !important; border-radius: 999px !important; background: rgba(255,255,255,0.12) !important; color: #ffffff !important; font-size: 25px !important; line-height: 1 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background .18s ease, transform .18s ease !important; } #VillaClose:hover { background: rgba(255,255,255,0.22) !important; transform: rotate(90deg) !important; } /* Chat */ #VillaChat { flex: 1 !important; overflow-y: auto !important; padding: 16px !important; background: radial-gradient(circle at top left, rgba(85,199,255,0.08), transparent 34%), linear-gradient(180deg, #f8fafc, #f3f6fa) !important; color: var(--villa-text) !important; scroll-behavior: smooth !important; } #VillaChat::-webkit-scrollbar { width: 7px !important; } #VillaChat::-webkit-scrollbar-track { background: transparent !important; } #VillaChat::-webkit-scrollbar-thumb { background: rgba(10, 37, 64, 0.22) !important; border-radius: 999px !important; } .VillaUserMsg, .VillaBotMsg, .VillaErrorMsg { max-width: 86% !important; padding: 11px 13px !important; margin: 9px 0 !important; border-radius: 16px !important; font-size: 13px !important; line-height: 1.46 !important; white-space: pre-wrap !important; word-break: break-word !important; box-shadow: 0 7px 18px rgba(15, 23, 42, 0.05) !important; } .VillaUserMsg { margin-left: auto !important; background: linear-gradient(135deg, #dbeafe, #eff6ff) !important; color: #0f172a !important; text-align: right !important; border: 1px solid rgba(37, 99, 235, 0.14) !important; border-bottom-right-radius: 6px !important; } .VillaBotMsg { margin-right: auto !important; background: #ffffff !important; color: #172033 !important; border: 1px solid rgba(15, 23, 42, 0.08) !important; border-bottom-left-radius: 6px !important; } .VillaErrorMsg { margin-right: auto !important; background: #fff1f2 !important; color: #9f1239 !important; border: 1px solid #fecdd3 !important; border-bottom-left-radius: 6px !important; } /* Suggestions */ #VillaSuggestions { max-height: 112px !important; overflow-y: auto !important; padding: 11px 12px !important; display: flex !important; flex-wrap: wrap !important; gap: 7px !important; border-top: 1px solid rgba(15,23,42,0.08) !important; background: rgba(255,255,255,0.94) !important; } #VillaSuggestions button { appearance: none !important; border: 1px solid rgba(10,37,64,0.14) !important; background: linear-gradient(180deg, #ffffff, #f8fafc) !important; color: #0a2540 !important; border-radius: 999px !important; padding: 7px 10px !important; font-size: 11px !important; line-height: 1.1 !important; font-weight: 800 !important; cursor: pointer !important; transition: transform .16s ease, background .16s ease, border-color .16s ease !important; } #VillaSuggestions button:hover { transform: translateY(-1px) !important; background: #eaf2fb !important; border-color: rgba(85,199,255,0.46) !important; } /* Composer */ #VillaComposer { padding: 13px !important; background: #ffffff !important; border-top: 1px solid rgba(15,23,42,0.08) !important; } #VillaInput { width: 100% !important; min-height: 64px !important; max-height: 130px !important; resize: vertical !important; border: 1px solid rgba(15,23,42,0.14) !important; border-radius: 17px !important; padding: 11px 12px !important; color: #111827 !important; background: #f8fafc !important; font-size: 13px !important; line-height: 1.42 !important; outline: none !important; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important; } #VillaInput:focus { background: #ffffff !important; border-color: rgba(85,199,255,0.72) !important; box-shadow: 0 0 0 4px rgba(85,199,255,0.12) !important; } #VillaFileLabel { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-top: 9px !important; color: #0a2540 !important; font-size: 11px !important; font-weight: 850 !important; letter-spacing: .02em !important; } #VillaFile { width: 100% !important; margin-top: 5px !important; font-size: 12px !important; color: #374151 !important; } #VillaActions { display: flex !important; gap: 9px !important; margin-top: 10px !important; } #VillaClear, #VillaSend { min-height: 40px !important; border-radius: 999px !important; border: none !important; cursor: pointer !important; font-weight: 900 !important; font-size: 12px !important; letter-spacing: .01em !important; transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease !important; } #VillaClear { flex: 1 !important; background: #eef2f7 !important; color: #0a2540 !important; } #VillaSend { flex: 2 !important; background: linear-gradient(135deg, #071b33, #0a2540) !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(10,37,64,0.24) !important; } #VillaClear:hover, #VillaSend:hover { transform: translateY(-1px) !important; } #VillaSend:disabled { opacity: .58 !important; cursor: not-allowed !important; transform: none !important; box-shadow: none !important; } /* Mobile */ @media (max-width: 600px) { #VillaBotRoot { right: 14px !important; bottom: 14px !important; } #VillaBotLauncher { width: 58px !important; height: 58px !important; } #VillaBotLogo { width: 43px !important; height: 43px !important; } #VillaAiChatBox { left: 10px !important; right: 10px !important; bottom: 86px !important; width: auto !important; height: 74vh !important; max-height: 690px !important; border-radius: 24px !important; } #VillaHeader { min-height: 72px !important; } .VillaUserMsg, .VillaBotMsg, .VillaErrorMsg { max-width: 92% !important; } } #VillaBotLauncher { padding: 1px !important; background: #000000 !important; border-radius: 50% !important; } #VillaBotLogo { display: block !important; width: 100% !important; height: 100% !important; border-radius: 50% !important; } </style> <script> (function () { "use strict"; /* ============================================================ VILLABOT FORCE SINGLE-SCRIPT CONTROLLER Purpose: - Removes duplicate VillaBot runtime bindings - Uses one execution path only - Forces Send, Enter, Clear, and Suggestions to work - Uses coded-response logic only - Writes troubleshooting directly into the chat ============================================================ */ window.__VillaBotControllerActive = false; function villaReady(callback) { if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", callback); } else { callback(); } } villaReady(function () { const chat = document.getElementById("VillaChat"); const input = document.getElementById("VillaInput"); const send = document.getElementById("VillaSend"); const clear = document.getElementById("VillaClear"); const suggestions = document.getElementById("VillaSuggestions"); const STORAGE = "VillaBot_FORCE_SINGLE_SCRIPT_V1"; if (!chat || !input || !send || !clear) { return; } window.__VillaBotControllerActive = true; /* ============================================================ FORCE CLEAN OLD HANDLERS ============================================================ */ const cleanSend = send.cloneNode(true); send.parentNode.replaceChild(cleanSend, send); const cleanClear = clear.cloneNode(true); clear.parentNode.replaceChild(cleanClear, clear); const cleanInput = input.cloneNode(true); input.parentNode.replaceChild(cleanInput, input); const DOM = { chat: chat, input: document.getElementById("VillaInput"), send: document.getElementById("VillaSend"), clear: document.getElementById("VillaClear"), suggestions: suggestions }; /* ============================================================ DEBUG ============================================================ */ function debug(message) { const div = document.createElement("div"); div.className = "VillaDebugMsg"; div.textContent = "[DBG] " + message; div.style.fontSize = "10px"; div.style.lineHeight = "1.3"; div.style.opacity = "0.58"; div.style.color = "#64748b"; div.style.margin = "4px 0"; DOM.chat.appendChild(div); scroll(); } /* ============================================================ MESSAGE RENDER ============================================================ */ function append(className, text) { const div = document.createElement("div"); div.className = className; div.textContent = text; DOM.chat.appendChild(div); scroll(); } function scroll() { DOM.chat.scrollTop = DOM.chat.scrollHeight; } /* ============================================================ STORAGE ============================================================ */ function save() { try { sessionStorage.setItem(STORAGE, DOM.chat.innerHTML); } catch (error) { debug("storage save failed: " + error.message); } } function load() { try { const saved = sessionStorage.getItem(STORAGE); if (saved) { DOM.chat.innerHTML = saved; debug("saved session restored"); } else { debug("no saved session found"); } } catch (error) { debug("storage load failed: " + error.message); } } /* ============================================================ SINGLE PROCESS PIPELINE ============================================================ */ function processInput(rawText) { try { const question = (rawText || "").trim(); debug("processInput fired"); if (!question) { debug("empty input blocked"); return; } append("VillaUserMsg", question); const response = getVillaResponse(question); if (!response || typeof response !== "string") { append("VillaErrorMsg", "VillaBot engine returned no response."); debug("engine response invalid"); return; } append("VillaBotMsg", response); save(); scroll(); } catch (error) { append("VillaErrorMsg", "VillaBot system error: " + error.message); debug("ERROR: " + error.message); } } /* ============================================================ EVENT BINDINGS — CLEAN ============================================================ */ DOM.send.addEventListener("click", function () { debug("send clicked"); processInput(DOM.input.value); DOM.input.value = ""; }); DOM.input.addEventListener("keydown", function (event) { if (event.key === "Enter" && !event.shiftKey) { event.preventDefault(); debug("enter pressed"); processInput(DOM.input.value); DOM.input.value = ""; } }); DOM.clear.addEventListener("click", function () { DOM.chat.innerHTML = ""; sessionStorage.removeItem(STORAGE); append("VillaBotMsg", "VillaBot reset. Ask about industrial, retail, office, multifamily, residential, land, zoning, NOI, cap rate, leasing, financing, valuation, development, or underwriting."); debug("chat cleared"); save(); }); if (DOM.suggestions) { debug("suggestions connected"); DOM.suggestions.addEventListener("click", function (event) { const button = event.target.closest("button"); if (!button) { debug("suggestion click ignored"); return; } const question = button.getAttribute("data-q") || button.textContent || ""; debug("suggestion clicked: " + question); processInput(question); }); } else { debug("suggestions not found"); } /* ============================================================ PROGRAMMABLE VILLABOT LOGIC ENGINE ============================================================ */ function getVillaResponse(inputText) { const q = (inputText || "").toLowerCase().trim(); debug("engine analyzing: " + q); if (q === "hi" || q === "hello" || q.includes("hello") || q.includes("hi ")) { return "VillaBot active. I am running in coded-response mode. Ask about industrial, retail, office, multifamily, residential, land, zoning, NOI, cap rate, leasing, financing, valuation, development, brokerage, or underwriting."; } const noiMatch = q.match(/([\d,]+)\s*(noi|net operating income)/); const capMatch = q.match(/([\d.]+)\s*(cap|cap rate|capitalization rate)/); const priceMatch = q.match(/\$?\s*([\d,]{4,})/); const parsedNOI = noiMatch ? parseFloat(noiMatch[1].replace(/,/g, "")) : null; const parsedCap = capMatch ? parseFloat(capMatch[1]) / 100 : null; const parsedPrice = priceMatch ? parseFloat(priceMatch[1].replace(/,/g, "")) : null; if (parsedNOI && parsedCap) { const value = parsedNOI / parsedCap; return ( "VALUATION RESULT:\n" + "Estimated Value: $" + value.toLocaleString(undefined, { maximumFractionDigits: 0 }) + "\n" + "Formula: NOI / Cap Rate\n" + "NOI Used: $" + parsedNOI.toLocaleString() + "\n" + "Cap Rate Used: " + (parsedCap * 100).toFixed(2) + "%" ); } if (parsedNOI && parsedPrice && q.includes("cap")) { const capRate = (parsedNOI / parsedPrice) * 100; return ( "CAP RATE RESULT:\n" + "Cap Rate: " + capRate.toFixed(2) + "%\n" + "Formula: NOI / Property Value\n" + "NOI Used: $" + parsedNOI.toLocaleString() + "\n" + "Value Used: $" + parsedPrice.toLocaleString() ); } if ( q.includes("industrial") || q.includes("warehouse") || q.includes("logistics") || q.includes("distribution") || q.includes("manufacturing") || q.includes("truck") || q.includes("ios") || q.includes("yard") ) { return ( "INDUSTRIAL REAL ESTATE ANALYSIS:\n" + "Review clear height, dock-high loading, grade-level doors, truck court depth, power, sprinkler system, column spacing, yard area, parking, zoning, freeway access, rail access, tenant use, and logistics corridor position.\n\n" + "Primary value drivers: modern clearance, strong loading, freeway proximity, yard/IOS utility, low vacancy, and high tenant demand." ); } if ( q.includes("retail") || q.includes("restaurant") || q.includes("storefront") || q.includes("shopping center") || q.includes("strip center") || q.includes("drive thru") || q.includes("grocery") ) { return ( "RETAIL REAL ESTATE ANALYSIS:\n" + "Review traffic counts, visibility, signage, ingress/egress, parking ratio, tenant mix, anchor tenants, co-tenancy, frontage, lease structure, trade-area demographics, and consumer demand." ); } if ( q.includes("office") || q.includes("medical office") || q.includes("creative office") || q.includes("coworking") ) { return ( "OFFICE REAL ESTATE ANALYSIS:\n" + "Review building class, occupancy, tenant credit, lease term, parking ratio, floor plate efficiency, elevator service, HVAC condition, tenant improvement exposure, and location quality." ); } if ( q.includes("multifamily") || q.includes("apartment") || q.includes("units") || q.includes("rental housing") ) { return ( "MULTIFAMILY REAL ESTATE ANALYSIS:\n" + "Review rent growth, occupancy, unit mix, operating expenses, capex needs, market rents, loss-to-lease, debt terms, insurance, taxes, and neighborhood demand." ); } if ( q.includes("residential") || q.includes("house") || q.includes("home") || q.includes("condo") || q.includes("single family") ) { return ( "RESIDENTIAL REAL ESTATE ANALYSIS:\n" + "Review comparable sales, property condition, neighborhood quality, schools, buyer demand, lot size, financing conditions, days on market, and recent sale trends." ); } if ( q.includes("land") || q.includes("zoning") || q.includes("entitlement") || q.includes("highest and best use") || q.includes("development site") ) { return ( "LAND AND ZONING ANALYSIS:\n" + "Review zoning designation, permitted uses, entitlement path, density, setbacks, parking requirements, utilities, access, environmental constraints, grading, stormwater, and highest and best use." ); } if (q.includes("noi") || q.includes("net operating income")) { return ( "NOI ANALYSIS:\n" + "NOI means Net Operating Income.\n\n" + "Formula:\n" + "NOI = Gross Operating Income - Operating Expenses\n\n" + "NOI excludes debt service, depreciation, income taxes, and major capital expenditures." ); } if (q.includes("cap rate") || q.includes("cap")) { return ( "CAP RATE ANALYSIS:\n" + "Cap Rate = NOI / Property Value\n\n" + "Example:\n" + "$100,000 NOI / $2,000,000 Value = 5.00% Cap Rate" ); } if ( q.includes("lease") || q.includes("leasing") || q.includes("tenant") || q.includes("landlord") ) { return ( "LEASING ANALYSIS:\n" + "Review base rent, NNN charges, lease term, annual increases, renewal options, tenant improvements, free rent, guarantees, permitted use, assignment/sublease language, default remedies, and landlord delivery obligations." ); } if ( q.includes("finance") || q.includes("financing") || q.includes("loan") || q.includes("debt") || q.includes("dscr") || q.includes("ltv") ) { return ( "FINANCING ANALYSIS:\n" + "Review loan-to-value, debt service coverage ratio, interest rate, amortization, recourse, prepayment penalty, borrower strength, property cash flow, lender appetite, and exit/refinance risk.\n\n" + "DSCR = NOI / Annual Debt Service\n" + "LTV = Loan Amount / Property Value" ); } if ( q.includes("valuation") || q.includes("value") || q.includes("worth") || q.includes("price") ) { return ( "VALUATION ANALYSIS:\n" + "Real estate valuation commonly uses three methods:\n\n" + "Income Approach: value based on NOI and cap rate.\n" + "Sales Comparison Approach: value based on comparable sales.\n" + "Cost Approach: land value plus replacement cost less depreciation." ); } if ( q.includes("development") || q.includes("build") || q.includes("construction") ) { return ( "DEVELOPMENT ANALYSIS:\n" + "Review land cost, zoning, entitlement risk, construction cost, timeline, financing, absorption, exit value, required return, utilities, infrastructure, and market demand." ); } if ( q.includes("underwrite") || q.includes("underwriting") || q.includes("deal analysis") ) { return ( "UNDERWRITING FRAMEWORK:\n" + "Review income, expenses, NOI, rent roll, lease expirations, capex, market rents, vacancy, financing, exit cap rate, hold period, sale assumptions, and sensitivity cases." ); } return ( "VillaBot is running in programmed logic mode.\n\n" + "Ask about industrial, retail, office, multifamily, residential, land, zoning, NOI, cap rate, leasing, financing, valuation, development, brokerage, or underwriting.\n\n" + "Example: 100000 NOI at 5 cap" ); } load(); scroll(); debug("READY"); }); })(); </script> <div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both"> <span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewbox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve"> <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" /> </svg></span> <span class="screen-reader-text">Scroll to Top</span> </div> <script type="text/javascript"> window.WPCOM_sharing_counts = {"https://villaterras.com/tools-resources/tool-garage/ufo-cockpit/":7308}; </script> <script type="text/javascript"> var visualizerUserInteractionEvents = [ "scroll", "mouseover", "keydown", "touchmove", "touchstart" ]; visualizerUserInteractionEvents.forEach(function(event) { window.addEventListener(event, visualizerTriggerScriptLoader, { passive: true }); }); function visualizerTriggerScriptLoader() { visualizerLoadScripts(); visualizerUserInteractionEvents.forEach(function(event) { window.removeEventListener(event, visualizerTriggerScriptLoader, { passive: true }); }); } function visualizerLoadScripts() { document.querySelectorAll("script[data-visualizer-script]").forEach(function(elem) { jQuery.getScript( elem.getAttribute("data-visualizer-script") ) .done( function( script, textStatus ) { elem.setAttribute("src", elem.getAttribute("data-visualizer-script")); elem.removeAttribute("data-visualizer-script"); setTimeout( function() { visualizerRefreshChart(); } ); } ); }); } function visualizerRefreshChart() { jQuery( '.visualizer-front:not(.visualizer-chart-loaded)' ).resize(); if ( jQuery( 'div.viz-facade-loaded:not(.visualizer-lazy):empty' ).length > 0 ) { visualizerUserInteractionEvents.forEach( function( event ) { window.addEventListener( event, function() { jQuery( '.visualizer-front:not(.visualizer-chart-loaded)' ).resize(); }, { passive: true } ); } ); } } </script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> <script id="astra-theme-js-js-extra"> var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""}; //# sourceURL=astra-theme-js-js-extra </script> <script id="astra-theme-js-js" src="https://villaterras.com/wp-content/themes/astra/assets/js/unminified/frontend.js?ver=4.13.3"></script> <script id="googlesitekit-consent-mode-js" src="https://villaterras.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-da15714e8829855bb7ce.js"></script> <script id="googlesitekit-events-provider-wpforms-js" src="https://villaterras.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-wpforms-087b09462076035a76b2.js" defer></script> <script id="underscore-js" src="https://c0.wp.com/c/7.0/wp-includes/js/underscore.min.js"></script> <script id="wp-util-js-extra"> var _wpUtilSettings = {"ajax":{"url":"/wp-admin/admin-ajax.php"}}; //# sourceURL=wp-util-js-extra </script> <script id="wp-util-js" src="https://c0.wp.com/c/7.0/wp-includes/js/wp-util.js"></script> <script id="wp-hooks-js" src="https://c0.wp.com/c/7.0/wp-includes/js/dist/hooks.js"></script> <script id="wp-i18n-js" src="https://c0.wp.com/c/7.0/wp-includes/js/dist/i18n.js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after </script> <script id="um_tipsy-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/tipsy/tipsy.js?ver=1.0.0a"></script> <script id="um_confirm-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/um-confirm/um-confirm.js?ver=1.0"></script> <script id="um_notice-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/um-notice/um-notice.js?ver=1.0"></script> <script id="um_datetime-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/pickadate/picker.js?ver=3.6.2"></script> <script id="um_datetime_date-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/pickadate/picker.date.js?ver=3.6.2"></script> <script id="um_datetime_time-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/pickadate/picker.time.js?ver=3.6.2"></script> <script id="um_common-js-extra"> var um_common_variables = {"locale":"en_US"}; var um_common_variables = {"locale":"en_US"}; //# sourceURL=um_common-js-extra </script> <script id="um_common-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/js/common.js?ver=2.11.4"></script> <script id="um_crop-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/cropper/cropper.js?ver=1.6.1"></script> <script id="um_frontend_common-js-extra"> var um_frontend_common_variables = []; //# sourceURL=um_frontend_common-js-extra </script> <script id="um_frontend_common-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/js/common-frontend.js?ver=2.11.4"></script> <script id="um_modal-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/js/um-modal.js?ver=2.11.4"></script> <script id="um_jquery_form-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/jquery-form/jquery-form.js?ver=2.11.4"></script> <script id="um_fileupload-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/fileupload/jquery.uploadfile.js?ver=3.1.2"></script> <script id="um_functions-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/js/um-functions.js?ver=2.11.4"></script> <script id="um_responsive-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/js/um-responsive.js?ver=2.11.4"></script> <script id="um_conditional-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/js/um-conditional.js?ver=2.11.4"></script> <script id="select2-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/select2/select2.full.js?ver=4.0.13"></script> <script id="um_select2_locale-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/select2/i18n/en.js?ver=4.0.13"></script> <script id="um_raty-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/libs/raty/um-raty.js?ver=2.6.0"></script> <script id="um_scripts-js-extra"> var um_scripts = {"max_upload_size":"536870912","nonce":"ab0b50b35c"}; //# sourceURL=um_scripts-js-extra </script> <script id="um_scripts-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/js/um-scripts.js?ver=2.11.4"></script> <script id="um_profile-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/js/um-profile.js?ver=2.11.4"></script> <script id="um_account-js" src="https://villaterras.com/wp-content/plugins/ultimate-member/assets/js/um-account.js?ver=2.11.4"></script> <script id="jetpack-stats-js-before"> _stq = window._stq || []; _stq.push([ "view", {"v":"ext","blog":"238443673","post":"7308","tz":"-7","srv":"villaterras.com","j":"1:15.8"} ]); _stq.push([ "clickTrackerInit", "238443673", "7308" ]); //# sourceURL=jetpack-stats-js-before </script> <script data-wp-strategy="defer" defer id="jetpack-stats-js" src="https://stats.wp.com/e-202623.js"></script> <script id="wp-consent-api-js-extra"> var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]}; //# sourceURL=wp-consent-api-js-extra </script> <script id="wp-consent-api-js" src="https://villaterras.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.js?ver=2.0.1"></script> <script id="sharing-js-js-extra"> var sharing_js_options = {"lang":"en","counts":"1","is_stats_active":"1"}; //# sourceURL=sharing-js-js-extra </script> <script id="sharing-js-js" src="https://c0.wp.com/p/jetpack/15.8/modules/sharedaddy/sharing.js"></script> <script id="sharing-js-js-after"> var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-facebook' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-facebook' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-x' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-x' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomx', 'menubar=1,resizable=1,width=600,height=350' ); return false; } } ); } )(); //# sourceURL=sharing-js-js-after </script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"wpemoji":"https://villaterras.com/wp-includes/js/wp-emoji.js?ver=7.0","twemoji":"https://villaterras.com/wp-includes/js/twemoji.js?ver=7.0"}} </script> <script type="module"> /** * @output wp-includes/js/wp-emoji-loader.js */ /* eslint-env es6 */ // Note: This is loaded as a script module, so there is no need for an IIFE to prevent pollution of the global scope. /** * Emoji Settings as exported in PHP via _print_emoji_detection_script(). * @typedef WPEmojiSettings * @type {object} * @property {?object} source * @property {?string} source.concatemoji * @property {?string} source.twemoji * @property {?string} source.wpemoji */ const settings = /** @type {WPEmojiSettings} */ ( JSON.parse( document.getElementById( 'wp-emoji-settings' ).textContent ) ); // For compatibility with other scripts that read from this global, in particular wp-includes/js/wp-emoji.js (source file: js/_enqueues/wp/emoji.js). window._wpemojiSettings = settings; /** * Support tests. * @typedef SupportTests * @type {object} * @property {?boolean} flag * @property {?boolean} emoji */ const sessionStorageKey = 'wpEmojiSettingsSupports'; const tests = [ 'flag', 'emoji' ]; /** * Checks whether the browser supports offloading to a Worker. * * @since 6.3.0 * * @private * * @returns {boolean} */ function supportsWorkerOffloading() { return ( typeof Worker !== 'undefined' && typeof OffscreenCanvas !== 'undefined' && typeof URL !== 'undefined' && URL.createObjectURL && typeof Blob !== 'undefined' ); } /** * @typedef SessionSupportTests * @type {object} * @property {number} timestamp * @property {SupportTests} supportTests */ /** * Get support tests from session. * * @since 6.3.0 * * @private * * @returns {?SupportTests} Support tests, or null if not set or older than 1 week. */ function getSessionSupportTests() { try { /** @type {SessionSupportTests} */ const item = JSON.parse( sessionStorage.getItem( sessionStorageKey ) ); if ( typeof item === 'object' && typeof item.timestamp === 'number' && new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds. typeof item.supportTests === 'object' ) { return item.supportTests; } } catch ( e ) {} return null; } /** * Persist the supports in session storage. * * @since 6.3.0 * * @private * * @param {SupportTests} supportTests Support tests. */ function setSessionSupportTests( supportTests ) { try { /** @type {SessionSupportTests} */ const item = { supportTests: supportTests, timestamp: new Date().valueOf() }; sessionStorage.setItem( sessionStorageKey, JSON.stringify( item ) ); } catch ( e ) {} } /** * Checks if two sets of Emoji characters render the same visually. * * This is used to determine if the browser is rendering an emoji with multiple data points * correctly. set1 is the emoji in the correct form, using a zero-width joiner. set2 is the emoji * in the incorrect form, using a zero-width space. If the two sets render the same, then the browser * does not support the emoji correctly. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.9.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} set1 Set of Emoji to test. * @param {string} set2 Set of Emoji to test. * * @return {boolean} True if the two sets render the same. */ function emojiSetsRenderIdentically( context, set1, set2 ) { // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set1, 0, 0 ); const rendered1 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set2, 0, 0 ); const rendered2 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); return rendered1.every( ( rendered2Data, index ) => { return rendered2Data === rendered2[ index ]; } ); } /** * Checks if the center point of a single emoji is empty. * * This is used to determine if the browser is rendering an emoji with a single data point * correctly. The center point of an incorrectly rendered emoji will be empty. A correctly * rendered emoji will have a non-zero value at the center point. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 6.8.2 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} emoji Emoji to test. * * @return {boolean} True if the center point is empty. */ function emojiRendersEmptyCenterPoint( context, emoji ) { // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( emoji, 0, 0 ); // Test if the center point (16, 16) is empty (0,0,0,0). const centerPoint = context.getImageData(16, 16, 1, 1); for ( let i = 0; i < centerPoint.data.length; i++ ) { if ( centerPoint.data[ i ] !== 0 ) { // Stop checking the moment it's known not to be empty. return false; } } return true; } /** * Determines if the browser properly renders Emoji that Twemoji can supplement. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.2.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} type Whether to test for support of "flag" or "emoji". * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification. * * @return {boolean} True if the browser can render emoji, false if it cannot. */ function browserSupportsEmoji( context, type, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) { let isIdentical; switch ( type ) { case 'flag': /* * Test for Transgender flag compatibility. Added in Unicode 13. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (white flag emoji + transgender symbol). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence '\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for Sark flag compatibility. This is the least supported of the letter locale flags, * so gives us an easy test for full support. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly ([C] + [Q]). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDDE8\uD83C\uDDF6', // as the sequence of two code points '\uD83C\uDDE8\u200B\uD83C\uDDF6' // as the two code points separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for English flag compatibility. England is a country in the United Kingdom, it * does not have a two letter locale code but rather a five letter sub-division code. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]). */ isIdentical = emojiSetsRenderIdentically( context, // as the flag sequence '\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F', // with each code point separated by a zero-width space '\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F' ); return ! isIdentical; case 'emoji': /* * Is there a large, hairy, humanoid mythical creature living in the browser? * * To test for Emoji 17.0 support, try to render a new emoji: Hairy Creature. * * The hairy creature emoji is a single code point emoji. Testing for browser * support required testing the center point of the emoji to see if it is empty. * * 0xD83E 0x1FAC8 (\uD83E\u1FAC8) == Hairy creature. * * When updating this test, please ensure that the emoji is either a single code point * or switch to using the emojiSetsRenderIdentically function and testing with a zero-width * joiner vs a zero-width space. */ const notSupported = emojiRendersEmptyCenterPoint( context, '\uD83E\u1FAC8' ); return ! notSupported; } return false; } /** * Checks emoji support tests. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 6.3.0 * * @private * * @param {string[]} tests Tests. * @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification. * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification. * * @return {SupportTests} Support tests. */ function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) { let canvas; if ( typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope ) { canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement. } else { canvas = document.createElement( 'canvas' ); } const context = canvas.getContext( '2d', { willReadFrequently: true } ); /* * Chrome on OS X added native emoji rendering in M41. Unfortunately, * it doesn't work when the font is bolder than 500 weight. So, we * check for bold rendering support to avoid invisible emoji in Chrome. */ context.textBaseline = 'top'; context.font = '600 32px Arial'; const supports = {}; tests.forEach( ( test ) => { supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ); } ); return supports; } /** * Adds a script to the head of the document. * * @ignore * * @since 4.2.0 * * @param {string} src The url where the script is located. * * @return {void} */ function addScript( src ) { const script = document.createElement( 'script' ); script.src = src; script.defer = true; document.head.appendChild( script ); } settings.supports = { everything: true, everythingExceptFlag: true }; // Obtain the emoji support from the browser, asynchronously when possible. new Promise( ( resolve ) => { let supportTests = getSessionSupportTests(); if ( supportTests ) { resolve( supportTests ); return; } if ( supportsWorkerOffloading() ) { try { // Note that the functions are being passed as arguments due to minification. const workerScript = 'postMessage(' + testEmojiSupports.toString() + '(' + [ JSON.stringify( tests ), browserSupportsEmoji.toString(), emojiSetsRenderIdentically.toString(), emojiRendersEmptyCenterPoint.toString() ].join( ',' ) + '));'; const blob = new Blob( [ workerScript ], { type: 'text/javascript' } ); const worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } ); worker.onmessage = ( event ) => { supportTests = event.data; setSessionSupportTests( supportTests ); worker.terminate(); resolve( supportTests ); }; return; } catch ( e ) {} } supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ); setSessionSupportTests( supportTests ); resolve( supportTests ); } ) // Once the browser emoji support has been obtained from the session, finalize the settings. .then( ( supportTests ) => { /* * Tests the browser support for flag emojis and other emojis, and adjusts the * support settings accordingly. */ for ( const test in supportTests ) { settings.supports[ test ] = supportTests[ test ]; settings.supports.everything = settings.supports.everything && settings.supports[ test ]; if ( 'flag' !== test ) { settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && settings.supports[ test ]; } } settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && ! settings.supports.flag; // When the browser can not render everything we need to load a polyfill. if ( ! settings.supports.everything ) { const src = settings.source || {}; if ( src.concatemoji ) { addScript( src.concatemoji ); } else if ( src.wpemoji && src.twemoji ) { addScript( src.twemoji ); addScript( src.wpemoji ); } } } ); //# sourceURL=https://villaterras.com/wp-includes/js/wp-emoji-loader.js </script> </body> </html>
