1 2 3<!DOCTYPE html> 4<html lang="en"> 5 6 <head> 7
7<script type="text/javascript">window.__ufmServerReferrer=null;</script>
7 8 <!-- BEGIN META TAGS --> 9 <title>Declaration of Principles | Universal Co-Masonry</title> 10 <meta charset="utf-8" /> 11 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> 12 <meta name="apple-mobile-web-app-capable" content="yes" /> 13 <meta name="apple-touch-fullscreen" content="yes" /> 14 <meta name="apple-mobile-web-app-status-bar-style" content="default" /> 15 <meta name="description" content="Universal Co-Masonry is an organization of moral principles that seeks to end division by combating ignorance in all its forms." /> 16 <meta name="author" content="Masonic Order of Universal Co-Freemasonry" /> 17 18 <meta data-n-head="ssr" data-hid="og:image:type" property="og:image:type" content="image/png" /> 19 20 <meta property="fb:app_id" content="231858324417883" /> 21 <meta property="og:locale" content="en_US" /> 22 <meta property="og:logo" content="https://www.universalfreemasonry.org/assets/images/logo_black.png" /> 23 <meta property="og:title" content="Declaration of Principles | Universal Co-Masonry" /> 24 <meta property="og:site_name" content="Universal Co-Masonry" /> 25 <meta property="og:type" content="website" /> 26 <meta property="og:description" content="Universal Co-Masonry is an organization of moral principles that seeks to end division by combating ignorance in all its forms." /> 27 <meta property="og:image" content="https://www.universalfreemasonry.org/assets/images/image-declaration-principles.jpg" /> 28 <meta property="og:image:secure_url" content="https://www.universalfreemasonry.org/assets/images/image-declaration-principles.jpg" /> 29 <meta property="og:url" content="https://www.universalfreemasonry.org/en/masonic-declaration-principles" /> 30 31 <meta name="twitter:card" content="summary_large_image" /> 32 <meta name="twitter:site" content="@CoMasonry" /> 33 <meta name="twitter:creator" content="@CoMasonry" /> 34 <meta name="twitter:title" content="Declaration of Principles | Universal Co-Masonry" /> 35 <meta name="twitter:description" content="Universal Co-Masonry is an organization of moral principles that seeks to end division by combating ignorance in all its forms." /> 36 <meta name="twitter:image" content="https://www.universalfreemasonry.org/assets/images/image-declaration-principles.jpg" /> 37 <!-- END META TAGS --> 38 39 40 <link rel="alternate" hreflang="en" href="https://www.universalfreemasonry.org/en/masonic-declaration-principles" /> 41 <link rel="alternate" hreflang="x-default" href="https://www.universalfreemasonry.org/en/masonic-declaration-principles" /> 42 <link rel="canonical" href="https://www.universalfreemasonry.org/en/masonic-declaration-principles" /> 43 44
44<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.universalfreemasonry.org/#organization","name":"Universal Co-Masonry","legalName":"Masonic Order of Universal Co-Freemasonry","alternateName":"The Honorable Order of Universal Co-Masonry","description":"Universal Co-Masonry is a Masonic fraternity for men and women of every race, nationality, and religion, dedicated to ancient Freemasonry, personal growth, and service.","url":"https://www.universalfreemasonry.org/","logo":{"@type":"ImageObject","url":"https://www.universalfreemasonry.org/assets/images/logo_black.png"},"image":"https://www.universalfreemasonry.org/assets/images/featured/feature_2.jpg","telephone":"+1-303-681-2028","address":{"@type":"PostalAddress","postOfficeBoxNumber":"P.O. Box 70","addressLocality":"Larkspur","addressRegion":"CO","postalCode":"80118","addressCountry":"US"},"contactPoint":{"@type":"ContactPoint","telephone":"+1-303-681-2028","contactType":"membership and general inquiries","areaServed":"US","availableLanguage":"English"},"sameAs":["https://www.facebook.com/universalfreemasonry/","https://twitter.com/CoMasonry","https://www.instagram.com/universalfreemasonry/","https://www.youtube.com/channel/UCiTfhHoeJ3MHbwtl8XgUjtg","https://blog.universalfreemasonry.org"]},{"@type":"WebSite","@id":"https://www.universalfreemasonry.org/#website","url":"https://www.universalfreemasonry.org/","name":"Universal Co-Masonry","description":"Universal Co-Masonry is a Masonic fraternity for men and women of every race, nationality, and religion, dedicated to ancient Freemasonry, personal growth, and service.","inLanguage":"en-US","publisher":{"@id":"https://www.universalfreemasonry.org/#organization"}},{"@type":"WebPage","@id":"https://www.universalfreemasonry.org/en/masonic-declaration-principles#webpage","url":"https://www.universalfreemasonry.org/en/masonic-declaration-principles","name":"Declaration of Principles | Universal Co-Masonry","description":"Universal Co-Masonry is an organization of moral principles that seeks to end division by combating ignorance in all its forms.","inLanguage":"en-US","isAccessibleForFree":true,"primaryImageOfPage":{"@type":"ImageObject","url":"https://www.universalfreemasonry.org/assets/images/image-declaration-principles.jpg"},"publisher":{"@id":"https://www.universalfreemasonry.org/#organization"},"isPartOf":{"@id":"https://www.universalfreemasonry.org/#website"}}]}</script>
44 45 46 47 <!-- BEGIN ICON TAG --> 48 <link rel="apple-touch-icon" href="/assets/icons/60.png"> 49 <link rel="apple-touch-icon" sizes="76x76" href="/assets/icons/76.png"> 50 <link rel="apple-touch-icon" sizes="120x120" href="/assets/icons/120.png"> 51 <link rel="apple-touch-icon" sizes="152x152" href="/assets/icons/152.png"> 52 <link rel="icon" type="image/x-icon" href="/favicon.ico" /> 53 <!-- END ICON TAG --> 54 55 <!-- BEGIN PAGES CSS --> 56 <link href="/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 57 <link class="main-stylesheet" href="/pages/css/pages.css" rel="stylesheet" type="text/css" /> 58 <link href="/assets/css/ufm-performance.css" rel="stylesheet" type="text/css" /> 59 <link rel="preconnect" href="https://fonts.cdnfonts.com" crossorigin> 60 <link rel="preload" href="https://fonts.cdnfonts.com/css/cinzel" as="style" onload="this.onload=null;this.rel='stylesheet'"> 61 <link rel="preload" href="https://fonts.cdnfonts.com/css/adobe-caslon-pro" as="style" onload="this.onload=null;this.rel='stylesheet'"> 62 <noscript> 63 <link href="https://fonts.cdnfonts.com/css/cinzel" rel="stylesheet"> 64 <link href="https://fonts.cdnfonts.com/css/adobe-caslon-pro" rel="stylesheet"> 65 </noscript> 66 <!-- BEGIN PAGES CSS --> 67 <meta name="facebook-domain-verification" content="cxhb2lj06t3lkj7p744a62ov9cjclx" /> 68 </head> 69 70 <body class="pace-white"> 71 72 <!-- BEGIN HEADER --> 73 <nav class="header md-header dark" data-pages="header" data-pages-header="autoresize"> 74 <div class="container relative"> 75 76 <!-- BEGIN LEFT CONTENT --> 77 <div class="pull-left"> 78 <!-- .header-inner Allows to vertically Align elements to the Center--> 79 <div class="header-inner"> 80 <!-- BEGIN LOGO --> 81 <a href="/"><img usemap="#map" src="/assets/images/UCM_Main_Logo.png" width="200" height="37" decoding="async" fetchpriority="high" alt="Universal Co-Masonry"></a> 82 </div> 83 </div> 84 85 <!-- BEGIN HEADER TOGGLE FOR MOBILE & TABLET --> 86 <div class="pull-right"> 87 <div class="header-inner"> 88 <div class="visible-sm-inline visible-xs-inline menu-toggler pull-right p-l-10" data-pages="header-toggle" data-pages-element="#header"> 89 <div class="one"></div> 90 <div class="two"></div> 91 <div class="three"></div> 92 </div> 93 </div> 94 </div> 95 <!-- END HEADER TOGGLE FOR MOBILE & TABLET --> 96 97 <!-- BEGIN RIGHT CONTENT --> 98 <div class="pull-right menu-content clearfix" data-pages="menu-content" data-pages-direction="slideRight" id="header"> 99 <!-- BEGIN HEADER CLOSE TOGGLE FOR MOBILE --> 100 <div class="pull-right"> 101 <a href="#" title="Masonic Freemasonry" class="text-black link padding-10 visible-xs-inline visible-sm-inline pull-right m-t-10 m-b-10 m-r-10" data-pages="header-toggle" data-pages-element="#header"><i class=" pg-close_line"></i></a> 102 </div> 103 <!-- END HEADER CLOSE TOGGLE FOR MOBILE --> 104 105 <!-- BEGIN MENU ITEMS --> 106 <div class="header-inner"> 107 <ul class="menu"> 108 <li class="classic"> 109 <a href="javascript:;" data-text="Discover Freemasonry" title="Discover Freemasonry">Explore <i class="pg-arrow_minimize m-l-5"></i></a> 110 <nav class="classic"> 111 <span class="arrow"></span> 112 <ul class="sub-menu"> 113 <li><a href="/en/masonic-declaration-principles" title="Masonic Principles">Declaration of Principles</a></li> 114 <li><a href="/en/masonic-universal-constitution" title="Masonic Constitution">Grand Constitution</a></li> 115 <li><a href="/en/masonic-freemason-character" title="Masonic Character">Character of a Mason</a></li> 116 <li><a href="/en/masonic-landmarks" title="Masonic Landmarks">Masonic Landmarks</a></li> 117 <li><a href="/en/masonic-why-freemasonry" title="Masonic Virtues">Why become a Mason?</a></li> 118 <li><a href="/en/masonic-government" title="Masonic Government">Government of the Craft</a></li> 119 <li><a href="/en/masonic-grand-commanders" title="Leaders of Our Order">Grand Commanders</a></li> 120 <li><a href="/en/masonic-degrees-freemasonry" title="Masonic Degrees">Degrees of Freemasonry</a></li> 121 <li><a href="/en/masonic-rituals" title="Masonic Degrees">Co-Masonic Ritual</a></li> 122 <li><a href="/en/masonic-symbol-freemasonry" title="Masonic Symbols">
122Symbols of Freemasonry</a></li> 123 <li><a href="/en/masonic-ancient-mysteries" title="Ancient Mysteries">The Ancient Mysteries</a></li> 124 <li><a href="/en/masonic-membership" title="Masonic Membership">Masonic Membership</a></li> 125 <li><a href="/en/masonic-accession-process" title="Accession Process">Accession Process</a></li> 126 <li><a href="/en/masonic-faq" data-text="Contact" title="Masonic FAQ">F.A.Q. </a></li> 127 </ul> 128 </nav> 129 </li> 130 <li class="classic"> 131 <a href="/en/masonic-mission-splash" data-text="Mission" title="Mission">Mission <i class="pg-arrow_minimize m-l-5"></i></a> 132 <nav class="classic"> 133 <span class="arrow"></span> 134 <ul class="sub-menu"> 135 <li><a href="/en/masonic-mission" title="Our Mission">Our Mission and Vision</a></li> 136 <li><a href="/en/masonic-esoteric-freemasonry" title="Esoteric Freemasonry">Esoteric Freemasonry</a></li> 137 <li><a href="/en/masonic-restoration-freemasonry" title="The Restoration of Freemasonry">Restoration of Masonry</a></li> 138 <li><a href="/en/masonic-women-freemasonry" title="Women in Freemasonry">Women in Freemasonry</a></li> 139 <li><a href="/en/masonic-alchemy-freemasonry" title="Alchemy and Freemasonry">Alchemy and Freemasonry</a></li> 140 <li><a href="/en/masonic-theosophy-freemasonry" title="Theosophy and Freemasonry">Theosophy and Freemasonry</a></li> 141 <li><a href="/en/masonic-egyptian-freemasonry" title="Egyptian Freemasonry">Egyptian Freemasonry</a></li> 142 <li><a href="/en/masonic-philosophy-freemasonry" title="Philosophy and Freemasonry">Philosophy and Freemasonry</a></li> 143 <li><a href="/en/masonic-science-freemasonry" title="Science and Freemasonry">Science and Freemasonry</a></li> 144 <li><a href="/en/masonic-philosophical-society" title="Masonic Philosophy">Masonic Philosophical Society</a></li> 145 <li><a href="/en/masonic-publishing-company" title="Masonic Publishing">Masonic Publishing Company</a></li> 146 <li><a href="/en/masonic-college" title="Masonic College">The Masonic College</a></li> 147 <li><a href="/en/masonic-arts" title="Masonic Institute of Fine Arts">Masonic Institute of Fine Arts</a></li> 148 </ul> 149 </nav> 150 </li> 151 <li class="classic"> 152 <a href="/en/masonic-education" data-text="Masonic Education" title="Masonic Education">Education <i class="pg-arrow_minimize m-l-5"></i></a> 153 <nav class="classic"> 154 <span class="arrow"></span> 155 <ul class="sub-menu"> 156 <li><a href="/en/masonic-seminar" title="Masonic Seminar Courses">Masonic Seminar</a></li> 157 <li><a href="/en/masonic-famous-freemasons" title="Masonic Freemasons">Famous Freemasons</a></li> 158 <li><a href="/en/masonic-history-freemasonry" title="History of Freemasons">History of Freemasonry</a></li> 159 <li><a href="/en/masonic-stories-freemasonry" title="Stories of Freemasonry">Stories of Freemasonry</a></li> 160 <li><a href="/en/masonic-library" title="Books, Text, and Sacred Writings">Publication Library</a></li> 161 <li><a href="/en/masonic-galleries" title="Art and Photo Galleries">Art and Photo Galleries</a></li> 162 <li><a href="/en/masonic-recommended-books" title="Recommended Reading">Recommended Reading</a></li> 163 <li>
163<a href="/en/encyclopedia-masonica" title="Encyclopedia of Freemasonry">Encyclopedia Masonica</a></li> 164 <li><a href="http://research.co-masonry.org/" target="_blank" title="Masonic Lodge of Research">Lodge of Research</a></li> 165 <li><a href="/en/masonic-articles" title="Masonic Articles">Masonic Articles</a></li> 166 <li><a href="/en/masonic-quotes" title="Masonic Quotes">Masonic Quotes</a></li> 167 <li><a href="/en/masonic-videos" title="Masonic Videos">Masonic Videos</a></li> 168 <li><a href="/en/masonic-music-videos" title="Masonic Music">Masonic Music</a></li> 169 <li><a href="/en/masonic-podcasts" title="Masonic Podcasts">Podcasts</a></li> 170 </ul> 171 </nav> 172 </li> 173 <li class="classic"> 174 <a href="javascript:;" data-text="Members" title="Members">Resources <i class="pg-arrow_minimize m-l-5"></i></a> 175 <nav class="classic"> 176 <span class="arrow"></span> 177 <ul class="sub-menu"> 178 <li><a href="/en/masonic-donations-bequests" title="Masonic Donations & Bequests">Donations & Bequests</a></li> 179 <li><a href="https://blog.universalfreemasonry.org" target="_blank" title="Masonic Blog">Blog</a></li> 180 <li><a href="/events" title="Masonic Events">Upcoming Events</a></li> 181 <li><a href="https://portal.universalfreemasonry.org" target="_blank" title="Masonic Portal">Lodge Portal</a></li> 182 <li><a href="https://distribution.universalfreemasonry.org/" target="_blank" title="Masonic Regalia">Purchase Regalia</a></li> 183 <li><a href="/en/masonic-social-media" title="Masonic Social media">Social media</a></li> 184 <li><a href="/en/masonic-inclusion-address-name-policy" title="Masonic Gender Policy">Diversity, Address, Name Policy</a></li> 185 </ul> 186 </nav> 187 </li> 188 <li> 189 <a href="/events" data-text="Events" title="Masonic Events">Events</a> 190 </li> 191 192 <li class="classic"> 193 <a href="javascript:;" data-text="Masonic Education" title="Masonic Education"><img style="width:25px;" src="/assets/images/language.png" alt="Language selection" /></a> 194 <nav class="classic"> 195 <span class="arrow"></span> 196 <ul class="sub-menu"> 197 <li class="m-b-5 no-padding"><a class="link text-black" title="English" href="https://www.universalfreemasonry.org/">English</a></li> 198 <li class="m-b-5 no-padding"><a class="link text-black" title="Español" href="http://www.francmasoneriauniversal.org">Español</a></li> 199 <li class="m-b-5 no-padding"><a class="link text-black" title="Français" href="http://www.francmaconnerieuniverselle.org">Français</a></li> 200 <li class="m-b-5 no-padding"><a class="link text-black" title="Português" href="http://www.francomaconariauniversal.org">Português</a></li> 201 <li class="m-b-5 no-padding"><a class="link text-black" title="Chinese" href="http://www.asianfreemasonry.org">Chinese</a></li> 202 <li class="m-b-5 no-padding"><a class="link text-black" title="Arab" href="http://ar.universalfreemasonry.org">Ø§ÙØ¹Ø±Ø¨ÙØ©</a></li> 203 <li class="m-b-5 no-padding"><a class="link text-black" title="Serbian" href="http://sr.universalfreemasonry.org">СÑпÑки</a></li> 204 <li class="m-b-5 no-padding"><a class="link text-black" title="Swedish" href="http://sv.universalfreemasonry.org">Svenska</a></li> 205 </ul> 206 </nav> 207 </li> 208 <li> 209 <a class="btn btn-sm btn-bordered fs-12 btn-white hidden-sm hidden-xs membership-nav-button" href="/en/masonic-membership" data-text="Membership" title="Masonic Membership">Membership</a> 210 <a class="btn btn-bordered fs-12 btn-black font-montserrat fs-12 all-caps pull-bottom visible-sm visible-xs buy-now sm-static sm-m-l-20 sm-m-r-20 sm-m-t-20 membership-nav-button" href="/en/masonic-membership" title="Masonic Membership">Membership</a> 211 </li> 212 </ul> 213 </div> 214 <!-- END MENU ITEMS --> 215 </div> 216 </div> 217 </nav> 218 <!-- END HEADER --> 219 220 <!-- BEGIN TOP IMAGE --> 221 <section class="demo-hero-5" data-pages="parallax" data-pages-bg-image="/assets/images/Top_Banner_1.jpg"> 222 <div class="container-xs-height full-height"> 223 <div class="col-xs-height col-middle text-center"> 224 <div class="text-white inner" aria-hidden="true"></div> 225 </div> 226 </div> 227 </section> 228 <!-- END TOP IMAGE --> 229 230 <!-- BEGIN TEXT --> 231 <section class="bg-master-lightest p-b-85 p-t-75"> 232 <div class="container"> 233 <div class="md-p-l-20 md-p-r-20 xs-no-padding"> 234 <div class="row"> 235 <div class="col-sm-4 col-md-3"> 236 <img class="Side-Image" src="/assets/images/Image-Declaration-Principles.jpg" alt="Declaration of Principles"> 237 </div> 238 <div class="col-sm-7 col-md-8 no-padding xs-p-l-15 xs-p-r-15"> 239 <div class="p-t-0 p-l-35 md-p-l-5 md-p-t-15"> 240 241 <div style="display: inline-block;"> 242 <p class="block-title m-b-0">DISCOVER THE PRINCIPLES OF UNIVERSAL CO-MASONRY</p> 243 </div> 244 <div style="padding-top:20px;float: right;"> 245 <div class="fb-share-button" data-href="https://www.universalfreemasonry.org/en/masonic-declaration-principles" data-layout="button"></div> 246 </div> 247 248 <h1 class="m-t-5 light">DECLARATION OF PRINCIPLES</h1> 249 250 <p class="hint-text fs-12">Laboring Under the Banner of Brotherly Love, Relief, and Truth</p> 251 252 <p>Freemasonry is a fraternity including men and women of every race, nationality and religion. 253 Wishing to do away with all cause for division and strife, it continually seeks the means 254 which to help all human beings to unite and work together for the perfection of Humanity.</p> 255 256 <p>Universal Co-Masonry, a Masonic Obedience independent of all others, has not created a 257 new Rite. What distinguishes it from other existing Obediences is that, instead of admitting 258 men only to its ranks, it admits women on an equal footing. It proclaims equal rights for 259 both sexes and absolute liberty of conscience. In order to secure to everyone unlimited 260 freedom in the search for truth, it demands the utmost tolerance from all its members. 261 It avoids political and religious discussions wherever these cannot be carried on with 262 requisite tolerance and moderation; it welcomes everyone who is upright, free, of mature 263 age, sound judgement, and strict morals, whatever may be his or her convictions in matters 264 of religion, philosophy, or politics.</p> 265 266 <p>Universal Co-Masonry seeks to destroy ignorance under whatever form, and its program may be explained as follows:</p> 267 <ul> 268 <li><p>Each Mason owes obedience to the Order and to the laws of his or her country; he must live honorably, practice justice, love his neighbor, work unceasingly for the true happiness of humanity, and help human beings to emancipate themselves from the thralldom of passion and ignorance. 269 <li><p>From the first to the last, to whatever degree the aspirant may desire to be admitted, the first condition to be fulfilled
269is to have a reputation of unsullied honor and probity. 270 <li><p>Members of the Order owe to each other help and support in all circumstances and conditions of life. 271 <li><p>To think high, to speak truth, to do well, to be tolerant to others, to search after truth, to practice liberty under law, fraternal equality, justice, and solidarity, are the duties which the Supreme Council of Universal Co-Masonry, prescribes for its members seeking to build to the Glory of the Great Architect of the Universe, to the perfection of Humanity, and to the service of the Head of All True Freemasons, the true Masonic Temple open to both men and women. 272 </ul> 273 <div class="row"> 274 <div class="col-sm-6"> 275 <h6 class="block-title">MASONIC ARTICLES</h6> 276 <p class="hint-text">Explore articles and essays written by Freemasons about Freemasonry.</p> 277 <a class="btn btn-rounded btn-black" href="/en/masonic-articles">Read More</a> 278 </div> 279 <div class="col-sm-6"> 280 <h6 class="block-title">MEMBERSHIP</h6> 281 <p class="hint-text">Interested in becoming a member of the worlds oldest Fraternal organization?</p> 282 <a class="btn btn-rounded btn-black" href="/en/masonic-membership">Join</a> 283 </div> 284 </div> 285 </div> 286 </div> 287 </div> 288 </div> 289 </div> 290 </section> 291 <!-- END TEXT --> 292 293 <!-- START QUOTE --> 294 <section id="demo-content-2" class="bg-master-darkest no-overflow relative" data-pages-bg-image="/assets/quotes/Quotes-Isaac-Newton.jpg"> 295 <div class="container p-b-50 p-t-50"> 296 <div class="row"> 297 <div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3"> 298 <div class="col-xs-height col-middle"> 299 <h6 class="block-title m-t-80 text-white m-b-0">"IF I HAVE SEEN FURTHER THAN OTHERS, IT IS BY STANDING UPON THE SHOULDERS OF GIANTS."</h6> 300 <p class="fs-12 text-white m-t-20"><span class="hint-text">- BRO. ISAAC NEWTON 301 </p> 302 </div> 303 </div> 304 </div> 305 </div> 306 </section> 307 <!-- END QUOTE --> 308 309 310 311 312<!-- START FOOTER --> 313<section class="p-b-70 p-t-55 "> 314 <div class="container"> 315 <div class="row"> 316 <div class="col-md-7"> 317 <img alt="Universal Co-Masonry logo" src="/assets/images/logo_black.png" width="220" height="28" loading="lazy" decoding="async"> 318 </div> 319 <div class="col-md-5"> 320 <ul class="no-style fs-12 no-padding pull-right xs-pull-left xs-m-t-20"> 321 <li class="inline no-padding"><a target="-blank" title="Masonic YouTube" href="https://www.youtube.com/channel/UCiTfhHoeJ3MHbwtl8XgUjtg" class="text-black p-l-30 fs-16 xs-no-padding"><i class="fa fa-youtube"></i></a></li> 322 <li class="inline no-padding"><a target="-blank" title="Masonic Facebook" href="https://www.facebook.com/universalfreemasonry/" class="text-black p-l-30 fs-16 xs-no-padding"><i class="fa fa-facebook"></i></a></li> 323 <li class="inline no-padding"><a target="-blank" title="Masonic Twitter" href="https://twitter.com/CoMasonry" class="text-black p-l-30 fs-16"><i class="fa fa-twitter"></i></a></li> 324 <li class="inline no-padding"><a target="-blank" title="Masonic Wordpress" href="https://blog.universalfreemasonry.org" class="text-black p-l-30 fs-16"><i class="fa fa-wordpress"></i></a></li> 325 <li class="inline no-padding"><a target="-blank" title="Masonic Instagram" href="https://www.instagram.com/universalfreemasonry/" class="text-black p-l-30 fs-16"><i class="fa fa-instagram"></i></a></li> 326 </ul> 327 </div> 328 </div> 329 <div class="row m-t-30"> 330 <div class="col-sm-3 col-xs-12 xs-m-b-20"> 331 <p class="fs-14">P.O. BOX 70 332 <br> Larkspur CO 80118 333 <br> United States 334 <br> (303) 681-2028 335 </p> 336 </div> 337 <div class="col-sm-3 col-xs-6 xs-m-b-20"> 338 <ul class="no-style no-padding"> 339 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Principles" href="/en/masonic-declaration-principles">Declaration of Principles </a></li> 340 <li class="m-b-5 no-padding"><a class="link text-black" title="Laws of Freemasonry" href="/en/masonic-universal-constitution">Universal Constitution</a></li> 341 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Character of Women and Men Freemasons" href="/en/masonic-freemason-character">Character of a Mason</a></li> 342 <li class="m-b-5 no-padding"><a class="link text-black" title="Freemasonry for Men and Women" href="/en/masonic-why-freemasonry">Why Become a Freemason</a></li> 343 <li class="m-b-5 no-padding"><a class="link text-black" title="Structure of Freemasonry" href="/en/masonic-government">Government of the Craft</a></li> 344 <li class="m-b-5 no-padding"><a class="link text-black" title="Grand Commanders" href="/en/masonic-grand-commanders">Grand Commanders</a></li> 345 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Degrees in Mixed Masonry" href="/en/masonic-degrees-freemasonry">Degrees of Freemasonry</a></li> 346 <li class="m-b-5 no-padding">
346<a class="link text-black" title="Learn more about Comasonry" href="/en/masonic-articles">Masonic Articles</a></li> 347 <li class="m-b-5 no-padding"><a class="link text-black" title="Watch the Stories of Co-Masonry" href="/en/masonic-videos">Masonic Videos</a></li> 348 <li class="m-b-5 no-padding"><a class="link text-black" title="Listen to Co-Freemasonry Opinions" href="/en/masonic-podcasts">Podcasts</a></li> 349 <li class="m-b-5 no-padding"><a class="link text-black" title="Accession Process" href="/en/masonic-accession-process">How A Lodge Can Join Universal Co-Masonry</a></li> 350 </ul> 351 </div> 352 <div class="col-sm-3 col-xs-6 xs-m-b-20"> 353 <ul class="no-style no-padding"> 354 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Blog" href="https://blog.universalfreemasonry.org">Blog</a></li> 355 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic FAQ" href="/en/masonic-faq">Frequently Asked Questions </a></li> 356 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Education" href="/en/masonic-education">Masonic Education</a></li> 357 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Philosophy" href="/en/masonic-philosophical-society">Masonic Philosphical Society</a></li> 358 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Publishing" href="/en/masonic-publishing-company">Masonic Publishing Company</a></li> 359 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic College" href="/en/masonic-college">Masonic College of Art and Science</a></li> 360 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Institute of Fine Arts" href="/en/masonic-arts">Masonic Institute of Fine Arts</a></li> 361 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Membership" href="/en/masonic-membership">Membership</a></li> 362 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Terms" href="/en/masonic-terms-conditions">Terms & Conditions</a></li> 363 <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Sitemap" href="/sitemap.xml">Sitemap</a></li> 364 </ul> 365 </div> 366 <div class="col-sm-3 col-xs-6 xs-m-b-20"> 367 <ul class="no-style no-padding"> 368 <h5><b>Languages</b></h5> 369 <li class="m-b-5 no-padding"><a class="link text-black" title="English" href="https://www.universalfreemasonry.org/">English</a></li> 370 <li class="m-b-5 no-padding"><a class="link text-black" title="Español" href="http://www.francmasoneriauniversal.org">Español</a></li> 371 <li class="m-b-5 no-padding"><a class="link text-black" title="Français" href="http://www.maconnerieuniverselle.org">Français</a></li> 372 <li class="m-b-5 no-padding"><a class="link text-black" title="Português" href="http://www.francomaconariauniversal.org">Português</a></li> 373 <li class="m-b-5 no-padding"><a class="link text-black" title="Chinese" href="http://www.asianfreemasonry.org">Chinese</a></li> 374 <li class="m-b-5 no-padding"><a class="link text-black" title="Arab" href="http://ar.universalfreemasonry.org">Ø§ÙØ¹Ø±Ø¨ÙØ©</a></li> 375 <li class="m-b-5 no-padding"><a class="link text-black" title="Serbian" href="http://sr.universalfreemasonry.org">СÑпÑки</a></li> 376 <li class="m-b-5 no-padding"><a class="link text-black" title="Swedish" href="http://sv.universalfreemasonry.org">Svenska</a></li> 377 </ul> 378 </div> 379 </div> 380 <div class="col-md-12 text-center"> 381 <!-- Begin Mailchimp Signup Form --> 382 <div id="mc_embed_signup" style="max-width: 650px; margin: 0 auto;"> 383 <form action="/api/MailchimpSubscribe.aspx" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"> 384 <div id="mc_embed_signup_scroll" class="m-t-10"> 385 <label for="mce-EMAIL" class="block-title m-b-10">Subscribe to receive updates on new Articles, Videos, and Podcasts</label> 386 <div class="input-group" style="max-width: 520px; margin: 0 auto;"> 387 <input type="email" value="" name="EMAIL" class="form-control" id="mce-EMAIL" placeholder="Email address" required>
388 <span class="input-group-btn"> 389 <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-black"> 390 </span> 391 </div> 392 <input type="hidden" name="RETURNURL" value="/en/masonic-declaration-principles"> 393 <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 394 <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_03fc72431a185d699277606a0_976e113fa4" tabindex="-1" value=""></div> 395 <p id="mc-subscribe-message" class="text-danger m-t-10" style="display:none;"></p> 396 </div> 397 </form> 398 </div> 399 <!--End mc_embed_signup--> 400 </div> 401 </div> 402</section>
403<script type="text/javascript"> 404 (function () { 405 var form = document.getElementById('mc-embedded-subscribe-form'); 406 if (!form || !window.fetch || !window.URLSearchParams) return; 407 408 var email = document.getElementById('mce-EMAIL'); 409 var button = document.getElementById('mc-embedded-subscribe'); 410 var message = document.getElementById('mc-subscribe-message'); 411 var debugPrefix = '[Mailchimp signup]'; 412 413 function showMessage(text, isSuccess) { 414 if (!message) return; 415 message.className = (isSuccess ? 'text-success' : 'text-danger') + ' m-t-10'; 416 message.textContent = text; 417 message.style.display = text ? 'block' : 'none'; 418 } 419 420 if (email) { 421 email.addEventListener('input', function () { 422 showMessage('', false); 423 }); 424 } 425 426 form.addEventListener('submit', function (event) { 427 event.preventDefault(); 428 429 var emailValue = email ? email.value.replace(/^\s+|\s+$/g, '') : ''; 430 if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(emailValue)) { 431 showMessage('Please enter a valid email address.', false); 432 return; 433 } 434 435 var honeypot = form.querySelector('input[name="b_03fc72431a185d699277606a0_976e113fa4"]'); 436 var payload = { 437 email: emailValue, 438 returnUrl: window.location.pathname + window.location.search, 439 honeypot: honeypot ? honeypot.value : '' 440 }; 441 442 if (button) button.disabled = true; 443 showMessage('Subscribing...', true); 444 var endpoint = form.getAttribute('action') + '?email=' + encodeURIComponent(emailValue); 445 if (window.console && console.log) { 446 console.log(debugPrefix, 'submit', { 447 endpoint: endpoint, 448 email: emailValue, 449 payload: payload 450 }); 451 } 452 453 fetch(endpoint, { 454 method: 'POST', 455 headers: { 456 'Content-Type': 'application/json; charset=UTF-8', 457 'X-Requested-With': 'XMLHttpRequest' 458 }, 459 body: JSON.stringify(payload) 460 }) 461 .then(function (response) { 462 return response.text().then(function (text) { 463 if (window.console && console.log) { 464 console.log(debugPrefix, 'response', { 465 httpStatus: response.status, 466 ok: response.ok, 467 body: text 468 }); 469 } 470 471 try { 472 return JSON.parse(text); 473 } catch (e) { 474 if (window.console && console.error) { 475 console.error(debugPrefix, 'invalid JSON response', e); 476 } 477 return { 478 ok: false, 479 message: 'There was a problem subscribing. Please try again.', 480 debug: { parseError: e.message, rawResponse: text } 481 }; 482 } 483 }); 484 }) 485 .then(function (data) { 486 if (window.console && console.log) { 487 console.log(debugPrefix, 'parsed', data); 488 } 489 showMessage(data && data.message ? data.message : 'There was a problem subscribing. Please try again.', !!(data && data.ok)); 490 if (data && data.ok && email) email.value = ''; 491 }) 492 .catch(function (error) { 493 if (window.console && console.error) { 494 console.error(debugPrefix, 'request failed', error); 495 } 496 showMessage('There was a problem subscribing. Please try again.', false); 497 }) 498 .then(function () { 499 if (button) button.disabled = false; 500 }); 501 }); 502 })(); 503</script>
503 504<section class="p-t-10 p-b-10 bg-master-darkest"> 505 <div class="container"> 506 <div class="row"> 507 <div class="col-sm-7"> 508 <p class="fs-11 no-margin font-arial text-white small-text"><span class="hint-text">Co-Masonry, Co-Freemasonry, Women's Freemasonry, Men and Women, Mixed Masonry 509 </p> 510 </div> 511 <div class="col-sm-5 text-right"> 512 <p class="fs-11 no-margin font-arial text-white small-text"><span id="_Footer_Copyright">Copyright © 1975-2026 Universal Co-Masonry, The American Federation of Human Rights, Inc. All Rights Reserved.</span> 513 </p> 514 <p class="fs-11 no-margin font-arial text-white small-text m-t-5"><span id="_Footer_FooterUrlReferrer">Request.UrlReferrer: (none)</span></p> 515 </div> 516 </div> 517 </div> 518</section> 519<!-- END FOOTER --> 520 521<!-- BEGIN CHAT WIDGET --> 522<!-- BEGIN PRESET FAQ BOT (multi-layer, no server, no DB) --> 523 524<div id="kbChatLauncher" class="kb-chat-launcher" title="Help">?</div> 525 526<div id="kbChatPanel" class="kb-chat-panel" aria-hidden="true"> 527 <div class="kb-chat-header"> 528 <div class="kb-chat-title"> 529 Help 530 <span class="kb-pill">FAQ</span> 531 </div> 532 <button type="button" class="kb-chat-close" id="kbChatCloseBtn">×</button> 533 </div> 534 535 <div id="kbChatBody" class="kb-chat-body"> 536 <!-- rendered by JS --> 537 </div> 538</div> 539
540<script type="text/javascript" src="/assets/js/ufm-chat.js" defer></script>
vendor: 2 bytes, line 540
540
541<script type="text/plain" id="kbChatLegacyInline"> 542 (function () { 543 if (window.__KBFAQ_INIT__) return; 544 window.__KBFAQ_INIT__ = true; 545 546 const launcher = document.getElementById('kbChatLauncher'); 547 const panel = document.getElementById('kbChatPanel'); 548 const body = document.getElementById('kbChatBody'); 549 const btnClose = document.getElementById('kbChatCloseBtn'); 550 551 const STORAGE_KEY = 'kbChatOpen'; 552 const FAQ_URL = "https://www.universalfreemasonry.org/en/masonic-faq"; 553 554 // Multi-layer data model based on your FAQ page content 555 const FAQ_TREE = [ 556 { 557 id: "basics", 558 title: "Freemasonry basics", 559 desc: "What it is, what it aims at, religion & dogma.", 560 items: [ 561 { 562 q: "What is Freemasonry?", 563 a: "There is no simple one-line definition that satisfactorily describes what is Freemasonry. Among many things, it is a Science, a Philosophy, and a system of morality and ethics that employs ritual drama to convene self-evident truths.", 564 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 565 }, 566 { 567 q: "What is the Aim of Freemasonry?", 568 a: "Freemasonry seeks to destroy ignorance under whatever form - to combat superstition, fanaticism, and egotism wherever encountered.", 569 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 570 }, 571 { 572 q: "Is Freemasonry a religion?", 573 a: "Freemasonry is not a religion, nor is it a substitute for religion. However, the doors of Freemasonry are open to men and women of any philosophy, religion, creed.", 574 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 575 }, 576 { 577 q: "Does Freemasonry have dogma?", 578 a: "No, Freemasonry is an organization that practices absolute liberty of mind while inculcating the maximum amount of discipline. Masonry seeks diversity in its members to ensure freedom and tolerance in its ranks.", 579 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 580 }, 581 { 582 q: "Is a belief in God a requirement to become a Freemason?", 583 a: "In accordance with the ancient declaration of Freemasonry, Freemasons must assert the existence of a Supreme Power, but at the same time, they are at perfect liberty to differ in regard to the Attributes of that power.", 584 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 585 } 586 ] 587 }, 588 { 589 id: "comasonry", 590 title: "Co-Masonry & inclusion", 591 desc: "Mixed Masonry, equality, language, LGBTQ+.", 592 items: [ 593 { 594 q: "What is Co-Masonry, Mixed-Masonry, and Freemasonry for Men and Women?", 595 a: "All three terms are synonymous of Masonic Orders that practice Freemasonry and including men and women of every race, nationality, and religion who wish to do away with all cause for division and strife.", 596 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 597 }, 598 { 599 q: "How does Co-Masonry differ from Male-only Masonic Orders?", 600 a: "Instead of admitting men only to its ranks, it admits women on an equal footing. It proclaims equal rights for both sexes and absolute liberty of conscience. In order to secure everyone unlimited freedom in the search for Truth, it demands the utmost tolerance from all its members. It avoids political and religious discussions wherever these cannot be carried on with requisite tolerance and moderation.\n\n
600It welcomes everyone who is upright, free, of mature age, sound judgment, and strict morals - whatever may be their convictions in matters of religion, philosophy, or politics.", 601 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 602 }, 603 { 604 q: "Why is everyone called \"Brother\"?", 605 a: "Universal Co-Masonry is committed to cultivating an environment of spiritual unity. To this end, the Masonic Temple is open to men and women without distinction of nationality, religion, or creed. In order to promote unity in diversity, members make use of the title 'Brother' to address one another. This form of address is in alignment with the Masonic Doctrine of Solidarity and is intended to remove all distinction between members in the Craft.", 606 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 607 }, 608 { 609 q: "Does Universal Co-Masonry admit members of the LGTBQ+ community?", 610 a: "Universal Co-Masonry does not take into consideration one's sexual orientation or gender identity in the application process. Membership is open to all those who are upright, free, of mature age, sound judgment, and strict morals. The Order does not have stance on the LGTBQ+ community.", 611 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 612 } 613 ] 614 }, 615 { 616 id: "membership", 617 title: "Joining & eligibility", 618 desc: "How to join, time commitment, age, family, felonies.", 619 items: [ 620 { 621 q: "Why join a Masonic Lodge?", 622 a: "Through participation in a Masonic Temple, a Freemason is given an opportunity to learn the more important truths of morality, his relationship with God and fellow man - and at the same time learning the perspective of others in an atmosphere of tolerance and mutual support. Whether you are Christian, Muslim, or a Deist; black or white; male or female; rich or poor; all who gather within the doors of the Temple are met on the Level as equals.", 623 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 624 }, 625 { 626 q: "How do I join a Masonic Lodge?", 627 a: "To become a Freemason, one merely needs to knock on the door of the Temple by asking for membership in The Order. Why must you ask? Because you have to join of your own free will and accord. It has to be your own desire, decision, and action.", 628 sources: [ 629 { title: "Masonic FAQ", path: FAQ_URL }, 630 { title: "Membership (more info)", path: "/en/masonic-membership" } 631 ] 632 }, 633 { 634 q: "What are the time commitments of a Masonic Lodge?", 635 a: "The time commitments are dependent on the Lodge that you join but can range from twice to three times a month. Freemasonry does not seek to be large in its assembly and therefore attendance is of great importance to each lodge.", 636 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 637 }, 638 { 639 q: "What is the age requirement to make application?", 640 a: "Eligible individuals are men and women who are of 21 years of age or older.", 641 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 642 }, 643 { 644 q: "Does one have to have a Freemason in the family in order to make application?", 645 a: "No, family relations have no effect on admission into The Order.", 646 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 647 }, 648 { 649 q: "Can a felon make application?", 650 a: "No, unless the felony was committed before the age of 18.", 651 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 652 } 653 ] 654 }, 655 { 656 id: "practice", 657 title: "Practice & conduct", 658 desc: "Who is a Freemason, networking, ritual.", 659 items: [ 660 { 661 q: "Who is a Freemason?", 662 a: "A Freemason is one who owes obedience to the Masonic Order and to the laws of his or her country. He must live honorably, practice justice, love his neighbor, work unceasingly for the true happiness of Humanity, and help human beings to emancipate themselves from the thralldom of passion and ignorance.", 663 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 664 }, 665 { 666 q: "Does Freemasonry help build contacts?", 667 a: "Freemasonry is not for business networking or collecting contacts.", 668 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 669 }, 670 { 671 q: "Why does Freemasonry rely on ritual?", 672 a: "Freemasonry relies on ritual to illustrate those principles that cannot be verbally communicated. Ritual, being a series of actions set in a particular order, is the parable by which the Initiate can learn about himself, his society, and his universe.", 673 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 674 } 675 ] 676 }, 677 { 678 id: "ucm", 679 title: "Universal Co-Masonry", 680 desc: "What it is, focus, and what it expects.", 681 items: [ 682 { 683 q: "What is Universal Co-Masonry?", 684 a: "The Honorable Order of Universal Co-Masonry, heir to the ancient traditions whose wise principles, moral force, and discipline it has maintained, has preserved the rules, discipline, and aim of Ancient Masonry. The Order practices the 1st to the 33rd Degree of the Ancient and Accepted Scottish, including the English Rite Degrees of the Mark, Royal Ark Mariner, and Holy Royal Arch of Jerusalem.", 685 sources: [ 686 { title: "Masonic FAQ", path: FAQ_URL }, 687 { title: "Degrees of Freemasonry", path: "/en/masonic-degrees-freemasonry" } 688 ] 689 }, 690 { 691 q: "Does Universal Co-Masonry have the truth?", 692 a: "No, instead it seeks to discover it. No institution or organization has ownership of the Truth.", 693 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 694 }, 695 { 696 q: "What is the focus of Universal Co-Masonry?", 697 a: "Universal Co-Masonry works to the Glory of the Great Architect of the Universe and to the perfection of Humanity by seeking to find relief through the eradication of ignorance and the strengthening of ties of fraternity.", 698 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 699 }, 700 { 701 q: "What does Universal Co-Masonry expect from its members?", 702 a: "To think high, to speak truth, to do well, to be tolerant toward others, to search after truth, to practice liberty under law, fraternal equality, justice and solidarity, are the duties which The Supreme Council of Universal Co-Masonry, prescribes to Freemasons seeking to build to the Glory of the Great Architect of the Universe, to the perfection of Humanity, and to the service of the Head of All True Freemasons, the true Masonic Temple open to both men and women.", 703 sources: [{ title: "Masonic FAQ", path: FAQ_URL }] 704 } 705 ] 706 } 707 ]; 708 709 const state = { 710 view: "categories", // categories | questions | answer 711 categoryId: null, 712 questionObj: null, 713 query: "" 714 }; 715 716 // Debounce timer for search (prevents focus loss on every keystroke) 717 let searchTimer = null; 718 719 function setOpen(isOpen) { 720 panel.style.display = isOpen ? 'block' : 'none'; 721 panel.setAttribute('aria-hidden', isOpen ? 'false' : 'true'); 722 try { localStorage.setItem(STORAGE_KEY, isOpen ? '1' : '0'); } catch (e) { } 723 if (isOpen) setTimeout(() => { render(); body.scrollTop = 0; }, 0); 724 } 725 726 function escapeHtml(s) { 727 return String(s) 728 .replaceAll('&', '&') 729 .replaceAll('<', '<') 730 .replaceAll('>', '>') 731 .replaceAll('"', '"') 732 .replaceAll("'", '''); 733 } 734 735 function getCategory(catId) { 736 return FAQ_TREE.find(c => c.id === catId) || null; 737 } 738
739 function allQuestionsFlat() { 740 const out = []; 741 for (const c of FAQ_TREE) for (const it of c.items) out.push({ cat: c, it }); 742 return out; 743 } 744 745 // Simple internal search (keywords) across all answers/questions 746 function searchFAQ(q) { 747 const terms = String(q || "") 748 .toLowerCase() 749 .replace(/[^a-z0-9\s]+/g, " ") 750 .split(/\s+/) 751 .filter(x => x.length >= 3); 752 753 if (!terms.length) return []; 754 755 const scored = allQuestionsFlat().map(x => { 756 const hay = (x.it.q + " " + x.it.a).toLowerCase(); 757 let score = 0; 758 759 for (const t of terms) { 760 if (hay.includes(t)) score += 3; 761 } 762 for (const t of terms) { 763 if (x.it.q.toLowerCase().includes(t)) score += 2; 764 } 765 return { ...x, score }; 766 }).filter(x => x.score > 0); 767 768 scored.sort((a, b) => b.score - a.score); 769 return scored.slice(0, 10); 770 } 771 772 function renderTopbar(showBack, placeholder) { 773 const backBtn = showBack ? `<button type="button" class="kb-back" id="kbBackBtn">â Back</button>` : ""; 774 return ` 775 <div class="kb-topbar"> 776 ${backBtn} 777 <input class="kb-search" id="kbSearch" type="text" placeholder="${escapeHtml(placeholder)}" value="${escapeHtml(state.query || "")}"> 778 </div> 779 `; 780 } 781 782 function renderCategories() { 783 const items = FAQ_TREE.map(c => ` 784 <div class="kb-item" data-cat="${escapeHtml(c.id)}"> 785 <div class="kb-item-title">${escapeHtml(c.title)}</div> 786 <div class="kb-item-sub">${escapeHtml(c.desc)}</div> 787 </div> 788 `).join(""); 789 790 body.innerHTML = ` 791 ${renderTopbar(false, "Search the FAQâ¦")} 792 <div class="kb-section-title">Choose a topic</div> 793 <div class="kb-list" id="kbList">${items}</div> 794 <div class="kb-muted">This assistant uses preset FAQ answers.</div> 795 `; 796 } 797 798 function renderQuestions(catId) { 799 const cat = getCategory(catId); 800 if (!cat) { state.view = "categories"; render(); return; } 801 802 const items = cat.items.map((it, idx) => ` 803 <div class="kb-item" data-qidx="${idx}"> 804 <div class="kb-item-title">${escapeHtml(it.q)}</div> 805 <div class="kb-item-sub">Tap to view answer</div> 806 </div> 807 `).join(""); 808 809 body.innerHTML = ` 810 ${renderTopbar(true, "Search the FAQâ¦")} 811 <div class="kb-section-title">${escapeHtml(cat.title)}</div> 812 <div class="kb-list" id="kbList">${items}</div> 813 <div class="kb-muted">Or search above to jump to a specific answer.</div> 814 `; 815 } 816 817 function renderAnswer(catId, qObj) { 818 const cat = getCategory(catId); 819 if (!cat || !qObj) { state.view = "categories"; render(); return; } 820 821 const sources = (qObj.sources || []).map(s => { 822 const title = escapeHtml(s.title || "Source"); 823 const path = escapeHtml(s.path || "#"); 824 return `<div>⢠<a href="${path}" target="_blank" rel="noopener noreferrer">${title}</a></div>`; 825 }).join(""); 826 827 body.innerHTML = ` 828 ${renderTopbar(true, "Search the FAQâ¦")} 829 <div class="kb-answer"> 830 <div class="kb-answer-q">${escapeHtml(qObj.q)}</div> 831 <div class="kb-answer-a">${escapeHtml(qObj.a)}</div> 832 ${sources ? `<div class="kb-sources"><div><b>Sources:</b></div>${sources}</div>` : ""} 833 </div> 834 <div class="kb-muted">Not what you needed? Use search above or pick another question.</div> 835 `; 836 } 837
838 function renderSearchResults(results) { 839 const items = results.map(r => ` 840 <div class="kb-item" data-cat="${escapeHtml(r.cat.id)}" data-q="${escapeHtml(r.it.q)}"> 841 <div class="kb-item-title">${escapeHtml(r.it.q)}</div> 842 <div class="kb-item-sub">${escapeHtml(r.cat.title)} ⢠match score ${r.score}</div> 843 </div> 844 `).join(""); 845 846 body.innerHTML = ` 847 ${renderTopbar(state.view !== "categories", "Search the FAQâ¦")} 848 <div class="kb-section-title">Search results</div> 849 <div class="kb-list" id="kbList">${items || `<div class="kb-muted">No matches. Try different keywords.</div>`}</div> 850 `; 851 } 852 853 function render() { 854 const q = (state.query || "").trim(); 855 if (q.length >= 3) { 856 const results = searchFAQ(q); 857 renderSearchResults(results); 858 wire(); 859 return; 860 } 861 862 if (state.view === "categories") renderCategories(); 863 else if (state.view === "questions") renderQuestions(state.categoryId); 864 else if (state.view === "answer") renderAnswer(state.categoryId, state.questionObj); 865 else renderCategories(); 866 867 wire(); 868 } 869 870 function wire() { 871 const back = document.getElementById("kbBackBtn"); 872 if (back) { 873 back.addEventListener("click", () => { 874 state.query = ""; 875 if (state.view === "answer") { 876 state.view = "questions"; 877 state.questionObj = null; 878 } else { 879 state.view = "categories"; 880 state.categoryId = null; 881 } 882 render(); 883 }); 884 } 885 886 const search = document.getElementById("kbSearch"); 887 if (search) { 888 // FIX: debounce re-render + restore focus after render 889 search.addEventListener("input", (e) => { 890 state.query = e.target.value || ""; 891 892 clearTimeout(searchTimer); 893 searchTimer = setTimeout(() => { 894 render(); 895 const s = document.getElementById("kbSearch"); 896 if (s) { 897 s.focus(); 898 // keep caret at end 899 try { s.setSelectionRange(s.value.length, s.value.length); } catch (_) { } 900 } 901 }, 180); 902 }); 903 904 search.addEventListener("keydown", (e) => { 905 if (e.key === "Escape") { 906 state.query = ""; 907 search.value = ""; 908 render(); 909 } 910 }); 911 } 912 913 const list = document.getElementById("kbList"); 914 if (!list) return; 915 916 list.addEventListener("click", (e) => { 917 const item = e.target.closest(".kb-item"); 918 if (!item) return; 919 920 // Search result click: data-cat + data-q 921 const catFromSearch = item.getAttribute("data-cat"); 922 const qFromSearch = item.getAttribute("data-q"); 923 if (catFromSearch && qFromSearch) { 924 const cat = getCategory(catFromSearch); 925 if (cat) { 926 const qObj = cat.items.find(x => x.q === qFromSearch); 927 if (qObj) { 928 state.view = "answer"; 929 state.categoryId = cat.id; 930 state.questionObj = qObj; 931 state.query = ""; // clear search after selection 932 render(); 933 } 934 } 935 return; 936 } 937 938 // Category click 939 const catId = item.getAttribute("data-cat"); 940 if (catId) { 941 state.view = "questions"; 942 state.categoryId = catId; 943 state.questionObj = null; 944 render(); 945 return; 946 } 947 948 // Question click within category 949 const qidx = item.getAttribute("data-qidx"); 950 if (qidx != null) { 951 const cat = getCategory(state.categoryId); 952 const idx = parseInt(qidx, 10);
953 if (cat && !isNaN(idx) && cat.items[idx]) { 954 state.view = "answer"; 955 state.questionObj = cat.items[idx]; 956 render(); 957 } 958 } 959 }); 960 } 961 962 launcher.addEventListener('click', () => setOpen(panel.style.display !== 'block')); 963 btnClose.addEventListener('click', () => setOpen(false)); 964 965 try { 966 const wasOpen = localStorage.getItem(STORAGE_KEY) === '1'; 967 if (wasOpen) setOpen(true); 968 } catch (e) { } 969 970 })(); 971</script>
971 972<!-- END PRESET FAQ BOT --> 973 974<!-- END CHAT WIDGET --> 975 976 977<!-- BEGIN VENDOR JS -->
978<script type="text/javascript" src="/assets/plugins/jquery/jquery-1.11.1.min.js"></script>
vendor: 2 bytes, line 978
978
979<script type="text/javascript" src="/pages/js/pages.frontend.js"></script>
979 980<!-- END PAGES LIB --> 981<noscript> 982<a href="https://www.livechatinc.com/chat-with/10951147/" rel="nofollow">Chat with us</a>, 983powered by <a href="https://www.livechatinc.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a> 984</noscript>
985<script type="text/javascript" src="/assets/js/ufm-attribution.js" defer></script>
vendor: 2 bytes, line 985
985
986<script type="text/javascript" src="/assets/js/ufm-third-party.js" defer></script>
986 987 988</body> 989</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.