<!DOCTYPE html><html lang="en"> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NFM95BJ');</script> <!-- End Google Tag Manager --> <base href="https://jobboard.lgbtqbar.org"> <title>Page not found | LGBT CareerLink</title> <meta name="description" content="Career website"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" > <meta name="apple-mobile-web-app-capable" content="yes"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="mN1taxJIYFZja0wEZ9yuTXocKACRFm7hCWzZ8LKd" name="csrf-token"> <meta content="index,follow" name="robots"> <script> function loadScripts(source, callback) { if (!(source != null && (typeof source == 'string' || typeof source == 'object'))) return; let src = typeof source == 'string' ? [source] : source; let total = []; let loaded = []; let failed = []; let fn = function (e) { if (e.type == 'load') loaded.push(e.target.src); else failed.push(e.target.src); if ((loaded.length + failed.length) == total.length && typeof callback == 'function') callback(!!failed.length, loaded, failed); }; let load = function (src) { let s = document.createElement('script'); s.type = 'application/javascript'; s.src = src; s.addEventListener('error', fn, false); s.addEventListener('load', fn, false); document.getElementsByTagName('head')[0].appendChild(s); return s.src; }; for (let i in src) { let s = src[i].split(/[\s,]+/); for (let j in s) if (total.indexOf(s[j]) < 0) total.push(load(s[j])); } } function loadStyles(source, callback) { if (!(source != null && (typeof source == 'string' || typeof source == 'object'))) return; let src = typeof source == 'string' ? [source] : source; let total = []; let loaded = []; let failed = []; let fn = function (e) { if (e.type == 'load') loaded.push(e.target.src); else failed.push(e.target.src); if ((loaded.length + failed.length) == total.length && typeof callback == 'function') callback(!!failed.length, loaded, failed); }; let load = function (src) { let s = document.createElement('link'); s.rel = 'stylesheet'; s.href = src; s.addEventListener('error', fn, false); s.addEventListener('load', fn, false); document.getElementsByTagName('head')[0].appendChild(s); return s.src; }; for (let i in src) { let s = src[i].split(/[\s,]+/); for (let j in s) if (total.indexOf(s[j]) < 0) total.push(load(s[j])); } } function trackEvent(url, data, method = 'GET') { $.ajax({ url: url, method: method, data: data || {}, async: true, cache: false, success: (response) => { let trackingCode = response.code || ''; $('body').append(trackingCode) }, }); } function triggerEvent(name, element = document) { if(!name) return; const event = new Event(name); element.dispatchEvent(event); } if (typeof grecaptcha === 'undefined') { grecaptcha = {}; } grecaptcha.alreadyLoaded = [] grecaptcha.loadFromCDN = function(url, params) { if (! this.alreadyLoaded.includes(url)) { this.alreadyLoaded.push(url); let script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', url); for (let i in params) { script.setAttribute(params[i], ''); } document.body.appendChild(script); } } grecaptcha.ready = function(cb){ if (typeof grecaptcha === 'object' && typeof grecaptcha.execute === 'undefined') { const c = '___grecaptcha_cfg'; window[c] = window[c] || {}; (window[c]['fns'] = window[c]['fns']||[]).push(cb); } else { setTimeout(function() { cb(); }, 1000) } }</script> <!--link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"--> <link rel="stylesheet" href="themes/lgbtbar_ng/css/style.css?1712222798"> <script src="themes/nextgen/js/jquery.min.js?1549902715"></script> <script src="themes/nextgen/js/bootstrap.min.js?1549902715"></script> <script src="themes/nextgen/js/plugins.js?1549902715"></script> <script src="js/common.min.js"></script> <script> $(function() { triggerEvent('jqueryReady'); triggerEvent('bootstrapReady'); triggerEvent('commonReady'); }) </script> <meta name="google-site-verification" content="v8KDffAM2JVDZvrlOultC4cWvtIVLaLJlSKssU4Nrdo" /> <link href="themes/nextgen/css/custom.css?1549902715" rel="stylesheet"><link href="themes/lgbtbar_ng/css/theme_style.min.css?1630592099" rel="stylesheet"> <script type="text/javascript" src="themes/lgbtbar_ng/js/theme.min.js?1630592099"></script> <link rel="shortcut icon" href="themes/lgbtbar_ng/images/favicon.png?1630592099"> <meta property="og:type" content="website"> <meta property="og:site_name" content="LGBTBar"> <meta property="og:title" content="Page not found | LGBT CareerLink"> <meta property="og:description" content="Career website"> <meta property="og:image" content="/uploads/custom-background/vVNLtadLuLntZ1zoJJbayjpmKB8VLM6TvXcaKzBx.png"> <meta property="og:url" content="https://jobboard.lgbtqbar.org/rss/feed.xml"> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe title="Google Tag Manager" src="https://www.googletagmanager.com/ns.html?id=GTM-NFM95BJ" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!--Start top and Logo--> <div id="banner-header-wide-1"></div> <div class="custom-wrapper custom-header"> <div class="search-bar"> <div class="container"> <form action="https://lgbtqbar.org/" target="_blank" method="get"> <div class="d-flex align-items-center"> <div class="flex-shrink-0"> <i class="fa fa-search search-icon"></i> </div> <div class="flex-grow-1"> <input type="text" name="s" placeholder="Search"> </div> <div class="flex-shrink-0"> <button type="button" class="search-toggle close-search"><i class="fa fa-times"></i></button> </div> </div> </form> </div> </div> <div class="top-bar"> <div class="container"> <div class="custom-social"> <a class="search-toggle open-search from_window_top" href="javascript:void(0)" aria-label="Search"> <i class="fa fa-search"></i> <i class="fa fa-times"></i> </a> <a href="https://www.facebook.com/pages/National-LGBT-Bar-Association/145754678807759" target="_blank" class="dms_social facebook-f" aria-label="facebook-f"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/LGBTQBar" target="_blank" class="dms_social twitter" aria-label="twitter"><i class="fab fa-twitter"></i></a> <a href="http://www.youtube.com/user/LGBTbar" target="_blank" class="dms_social youtube" aria-label="youtube"><i class="fab fa-youtube"></i></a> <a href="https://www.instagram.com/lgbtqbar/?hl=en" target="_blank" class="dms_social instagram" aria-label="instagram"><i class="fab fa-instagram"></i></a> <a href="https://www.linkedin.com/company/national-lgbt-bar-association/" target="_blank" class="dms_social linkedin" aria-label="linkedin"><i class="fab fa-linkedin"></i></a> </div> </div> </div> <div class="custom-menu-wrapper"> <div class="container"> <div class="custom-menu-inner"> <div class="header-col menu-toggle-wrapper"> <button type="button" class="menu-toggle"> <span class="menu-open"> <span class="hamburger"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </span> Menu </span> <span class="menu-close">X</span> </button> </div> <div class="header-col custom-logo text-center"> <a href="https://lgbtqbar.org/" class="d-inline-block"> <img src="themes/lgbtbar_ng/images/header_logo.png?1630592099" alt="The L.G.B.T.Q. + Bar" class="img-responsive"> </a> </div> <div class="header-col custom-feature-menu"> <ul> <li> <a href="https://lgbtqbar.org/annual" target="_blank"> <i class="fa fa-balance-scale"></i> <br> <span class="custom-h2">Lavender Law</span> <span class="custom-h3">Annual Conference</span> </a> </li> <li> <a href="https://lgbtbar.site-ym.com/general/register_member_type.asp?" target="_blank"> <i class="fa fa-users"></i> <br> <span class="custom-h2">Membership</span> <span class="custom-h3">Join Us!</span> </a> </li> <li> <a href="https://lgbtqbar.org/programs/dei-consulting-practice/"> <i class="fas fa-user-clock"></i> <br> <span class="custom-h2">DEI</span> <span class="custom-h3">Consulting Practice</span> </a> </li> <li> <a href="https://lgbtqbar.org/programs/educational-series/"> <i class="fas fa-graduation-cap"></i> <br> <span class="custom-h2">Education</span> <span class="custom-h3">Series</span> </a> </li> </ul> </div> </div> </div> <div class="custom-menu"> <div class="container"> <div class="row"> <div class="col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/about/about-us/"><b>About</b></a></li> <li><a href="https://lgbtqbar.org/about/about-us/">About Us</a></li> <li><a href="https://lgbtqbar.org/about/gethelp/">Need a Lawyer?</a></li> <li><a href="https://lgbtqbar.org/about/leadership/">Leadership</a></li> <li><a href="https://lgbtqbar.org/about/volunteer/">Volunteer</a></li> <li><a href="https://lgbtqbar.org/about/careers/">Careers & Internships</a></li> <li><a href="https://lgbtqbar.org/about/news/prima-facie/">News</a></li> <li><a href="https://lgbtqbar.org/about/organization-financials/">Organization Financials</a></li> <li><a href="https://lgbtqbar.org/about/contact-us/">Contact Us</a></li> </ul> </div> <div class="col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/programs/"><b>Programs</b></a></li> <li><a href="https://lgbtqbar.org/programs/advocacy/">Advocacy</a></li> <li><a href="https://lgbtqbar.org/programs/allies/">Allies</a></li> <li><a href="https://lgbtqbar.org/programs/awards/">Awards</a></li> <li><a href="https://lgbtqbar.org/programs/bar-affiliates/">Bar Affiliates</a></li> <li><a href="http://jobboard.lgbtbar.org/" target="_blank">Job Board</a></li> <li><a href="https://lgbtqbar.org/programs/judicial-nuts-bolts/">Judicial Nuts & Bolts Academy</a></li> <li><a href="https://lgbtqbar.org/programs/dei-consulting-practice/">DEI Consulting Practice</a></li> <li><a href="https://lgbtqbar.org/climate-survey/climate-survey-2021/">Law Schools</a></li> <li><a href="https://lgbtqbar.org/programs/law-students/">Law Students</a></li> <li><a href="https://lgbtqbar.org/programs/educational-series/">Educational Series</a></li> <li><a href="https://lgbtqbar.org/programs/member-call-ins-webinars/">Webinars and Member Call-Ins</a></li> <li><a href="https://lgbtqbar.org/programs/member-practice-area-groups/">Member Practice Area Groups</a></li> <li><a href="https://lgbtqbar.org/programs/mental-health-resources-lawyers-assistance-program/">Mental Health Resources</a></li> <li><a href="https://lgbtqbar.org/programs/racial-justice-resource-library/">Racial Justice Resource Library</a></li></ul> </div> <div class="col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/events-sponsorship/upcoming-events/"><b>Events & Sponsorship</b></a></li> <li><a href="https://lgbtqbar.org/annual/" target="_blank">Annual</a></li> <li><a href="https://lgbtqbar.org/events-sponsorship/upcoming-events/">Upcoming Events</a></li> <li><a href="https://lgbtqbar.org/events-sponsorship/out-proud-corporate-counsel-receptions/">Out & Proud Corporate Counsel Receptions</a></li> <li><a href="https://lgbtqbar.org/events-sponsorship/event-photos/">Event Photos</a></li> </ul> </div> <div class="col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtbar.site-ym.com/donations/default.asp?" class="donate-link"><b>Donate</b></a></li> <li><a href="https://lgbtbar.site-ym.com/donations/default.asp?" target="_blank">Donate Now</a></li> <li><a href="https://lgbtqbar.org/donate/justice-council/">Justice Council</a></li> <li><a href="https://lgbtqbar.org/donate/ways-to-give/">Ways to Give</a></li> </ul> </div> <div class="col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/annual"><b>Lavender Law</b></a></li> <li><a href="https://lgbtqbar.org/lavender-law/success-story-blog/">Success Story Blog</a></li> <li><a href="https://lgbtqbar.org/annual/2022-sponsorship/2022-sponsor-opportunities/" target="_blank">Become a Sponsor</a></li> </ul> </div> <div class="col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/membership/become-a-member/"><b>Membership</b></a></li> <li><a href="https://lgbtqbar.org/membership/become-a-member/">Become a Member</a></li> <li><a href="https://lgbtbar.site-ym.com/" target="_blank">Renew Membership</a></li> <li><a href="https://lgbtbar.site-ym.com/" target="_blank">Member Log In</a></li> <li><a href="https://lgbtqbar.org/membership/member-spotlight-blog/">Member Spotlight Blog</a></li> </ul> </div> </div> </div> </div> </div></div><header> <nav class="navbar navbar-inverse bg-dark"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle mobile navigation" > <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse guest-menu" id="header-navbar" > <div class="pull-left flex-sm-container clearfix"> <ul class="nav navbar-nav guest-menu"> <li id="menu-item-2968" class="current"> <a href="/" ex-data > Home </a> </li> <li id="menu-item-2970" class=""> <a href="/jobs" > Search </a> </li> <li id="menu-item-2973" class=""> <a href="/employer-directory" > Directory </a> </li> <li id="menu-item-2976" class=""> <a href="/contact-us" > Contact Us </a> </li> </ul> <p class="navbar-btn pull-left"> <a href="/employer-offers" class="btn btn-primary pricing-btn" > Pricing </a> </p> </div> <nav class="nav navbar-right flex-sm-container"> <ul class="nav navbar-nav mx-0"> <li class="register-top"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Register <span class="caret"></span> </a> <ul class="dropdown-menu reg-choose"> <li><a href="/register-seeker">Job Seekers</a></li> <li><a href="/register-employer">Employers</a></li> </ul> </li> <li> <a class="sign-in" href="/sign-in"> <i class="fas fa-lock"></i> Sign In </a> </li> <script> var scriptsLanguage = 'EN';</script> </ul> <p class="navbar-btn pull-left"> <a class="btn btn-primary post-job" href="/employer-offers">Post a Job</a> </p> </nav> </div> </div> </nav></header> <div class="container view-404"> <div class="row"> <div class="col-md-6 col-md-offset-3 col-sm-12 col-sm-offset-0 text-center"> <div class="page-header"> <h1>Not found</h1> </div> <p>The requested URL was not found on this server.</p> <p>If you need assistance you can</p> <p> <a href="/" class="btn btn-primary"><i class="glyphicon glyphicon-home"></i> visit our home page</a> <a href="/contact-us" class="btn btn-default"><i class="glyphicon glyphicon-envelope"></i> contact us</a> </p> </div> </div></div> <div id="banner-footer-wide-top-1"></div> <div class="ws-footer" id="ws-footer"> <div class="bg-darken footer index mt-2 py-2"> <div class="container"> <div class="row"> <div class="col-md-12"> <a href="https://jobboard.lgbtqbar.org/browse-jobs" class="title d-block text-white text-bold my-1"> Find Jobs By Category </a> </div> </div> <div class="row"> <div class="col-md-3 col-sm-6"> <ul class="list list-unstyled"> <li class="list-item"> <a href="c-bar-association-jobs.html" class="text-white"> Bar Association </a> </li> <li class="list-item"> <a href="c-law-jobs.html" class="text-white"> Law </a> </li> </ul></div><div class="col-md-3 col-sm-6"><ul class="list-unstyled"> <li class="list-item"> <a href="c-non-profit-jobs.html" class="text-white"> Non-Profit </a> </li> <li class="list-item"> <a href="c-legal-education-jobs.html" class="text-white"> Legal Education </a> </li> </ul></div><div class="col-md-3 col-sm-6"><ul class="list-unstyled"> <li class="list-item"> <a href="l-remote-jobs.html" class="text-white"> Remote jobs </a> </li> </ul> </div> </div> <div class="row"> <div class="col-md-12 text-center text-white copyrights"> <p>Powered by <a href="https://www.webscribble.com" target="_blank" class="underline text-white">Web Scribble Solutions</a>, Inc.</p> </div> </div> </div> </div></div> <footer> <div class="custom-wrapper custom-footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-9 titles"> <h3 class="footer-title">THE LGBTQ+ BAR</h3> <span class="footer-sub-title">1701 Rhode Island Ave NW, Washington, DC 20036 | Phone: (202) 637-7661 | E-mail: <a href="mailto:info@lgbtqbar.org">info@lgbtqbar.org</a></span> </div> <div class="col-xs-12 col-sm-3"> <div class="footer-social"> <a href="https://www.facebook.com/pages/National-LGBT-Bar-Association/145754678807759" target="_blank" class="facebook-f" aria-label="facebook-f" rel="noopener"> <i class="fab fa-facebook-f"></i> </a> <a href="https://twitter.com/LGBTQBar" target="_blank" class="twitter" aria-label="twitter" rel="noopener"> <i class="fab fa-twitter"></i> </a> <a href="http://www.youtube.com/user/LGBTbar" target="_blank" class="youtube" aria-label="youtube" rel="noopener"> <i class="fab fa-youtube"></i> </a> <a href="https://www.instagram.com/lgbtqbar/?hl=en" target="_blank" class="instagram" aria-label="instagram" rel="noopener"> <i class="fab fa-instagram"></i> </a> <a href="https://www.linkedin.com/company/national-lgbt-bar-association/" target="_blank" class="linkedin" aria-label="linkedin" rel="noopener"> <i class="fab fa-linkedin"></i> </a> </div> </div> </div> <hr> </div> </div> <div class="footer-menus"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/about/about-us/"><b>About</b></a></li> <li><a href="https://lgbtqbar.org/about/about-us/">About Us</a></li> <li><a href="https://lgbtqbar.org/about/gethelp/">Need a Lawyer?</a></li> <li><a href="https://lgbtqbar.org/about/leadership/">Leadership</a></li> <li><a href="https://lgbtqbar.org/about/volunteer/">Volunteer</a></li> <li><a href="https://lgbtqbar.org/about/careers/">Careers & Internships</a></li> <li><a href="https://lgbtqbar.org/about/news/prima-facie/">News</a></li> <li><a href="https://lgbtqbar.org/about/organization-financials/">Organization Financials</a></li> <li><a href="https://lgbtqbar.org/about/contact-us/">Contact Us</a></li> </ul> </div> <div class="col-xs-12 col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/programs/"><b>Programs</b></a></li> <li><a href="https://lgbtqbar.org/programs/advocacy/">Advocacy</a></li> <li><a href="https://lgbtqbar.org/programs/allies/">Allies</a></li> <li><a href="https://lgbtqbar.org/programs/awards/">Awards</a></li> <li><a href="https://lgbtqbar.org/programs/bar-affiliates/">Bar Affiliates</a></li> <li><a href="http://jobboard.lgbtbar.org/" target="_blank">Job Board</a></li> <li><a href="https://lgbtqbar.org/programs/judicial-nuts-bolts/">Judicial Nuts & Bolts Academy</a></li> <li><a href="https://lgbtqbar.org/programs/dei-consulting-practice/">DEI Consulting Practice</a></li> <li><a href="https://lgbtqbar.org/climate-survey/climate-survey-2021/">Law Schools</a></li> <li><a href="https://lgbtqbar.org/programs/law-students/">Law Students</a></li> <li><a href="https://lgbtqbar.org/programs/educational-series/">Educational Series</a></li> <li><a href="https://lgbtqbar.org/programs/member-call-ins-webinars/">Webinars and Member Call-Ins</a></li> <li><a href="https://lgbtqbar.org/programs/member-practice-area-groups/">Member Practice Area Groups</a></li> <li><a href="https://lgbtqbar.org/programs/mental-health-resources-lawyers-assistance-program/">Mental Health Resources</a></li> <li><a href="https://lgbtqbar.org/programs/racial-justice-resource-library/">Racial Justice Resource Library</a></li> </ul> </div> <div class="col-xs-12 col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/events-sponsorship/upcoming-events/"><b>Events & Sponsorship</b></a></li> <li><a href="https://lgbtqbar.org/annual/" target="_blank">Annual</a></li> <li><a href="https://lgbtqbar.org/events-sponsorship/upcoming-events/">Upcoming Events</a></li> <li><a href="https://lgbtqbar.org/events-sponsorship/out-proud-corporate-counsel-receptions/">Out & Proud Corporate Counsel Receptions</a></li> <li><a href="https://lgbtqbar.org/events-sponsorship/event-photos/">Event Photos</a></li> </ul> </div> <div class="col-xs-12 col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtbar.site-ym.com/donations/default.asp?" class="donate-link"><b>Donate</b></a></li> <li><a href="https://lgbtbar.site-ym.com/donations/default.asp?" target="_blank">Donate Now</a></li> <li><a href="https://lgbtqbar.org/donate/justice-council/">Justice Council</a></li> <li><a href="https://lgbtqbar.org/donate/ways-to-give/">Ways to Give</a></li> </ul> </div> <div class="col-xs-12 col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/annual"><b>Lavender Law</b></a></li> <li><a href="https://lgbtqbar.org/lavender-law/success-story-blog/">Success Story Blog</a></li> <li><a href="https://lgbtqbar.org/annual/2022-sponsorship/2022-sponsor-opportunities/" target="_blank">Become a Sponsor</a></li> </ul> </div> <div class="col-xs-12 col-sm-2"> <ul class="site-nav"> <li><a href="https://lgbtqbar.org/membership/become-a-member/"><b>Membership</b></a></li> <li><a href="https://lgbtqbar.org/membership/become-a-member/">Become a Member</a></li> <li><a href="https://lgbtbar.site-ym.com/" target="_blank">Renew Membership</a></li> <li><a href="https://lgbtbar.site-ym.com/" target="_blank">Member Log In</a></li> <li><a href="https://lgbtqbar.org/membership/member-spotlight-blog/">Member Spotlight Blog</a></li> </ul> </div> </div> </div> </div> <div class="footer-copyright"> <div class="container text-center"> <div style="text-align:center"> <a href="https://lgbtqbar.org/privacy-policy">Privacy Policy</a><br> © Copyright 2024 The National LGBTQ+ Bar Association. All rights reserved. </div> </div> </div></div></footer> <script defer src="themes/nextgen/js/main.min.js?1708364482"></script> <!-- NG-3557 --> <!-- NG-3557 --> <script> </script> <div class="sticky-alert-container position-fixed fixed-bottom"> <div class="container-fluid"> <div class="row"> <div id="cookieconsent-wrapper"></div> </div> </div></div> <script> window.FontAwesomeConfig = { autoReplaceSvg: "nest", autoA11y: true, autoAddCss: true, keepOriginalSource: false }</script><script async src="https://use.fontawesome.com/releases/v5.15.3/js/all.js"></script> <script> const templates = document.querySelectorAll('template'); function processTemplate(element) { const parents = document.querySelectorAll(element.dataset.parent); const position = element.dataset.position ? element.dataset.position : 'afterend'; parents.forEach(function(parent){ if(position === 'instead'){ parent.outerHTML = element.innerHTML; }else{ parent.insertAdjacentHTML(position, element.innerHTML); } }); if ( typeof element.dataset.cleanup === 'undefined' || element.dataset.cleanup === true || element.dataset.cleanup === 'true' ) { element.remove(); } } function addXMLRequestCallback(callback){ let nativeOpen = XMLHttpRequest.prototype.open; let callbacks = XMLHttpRequest.callbacks = []; XMLHttpRequest.prototype.open = function () { callbacks.forEach(callback => callback.apply(this, arguments)); nativeOpen.apply(this, arguments); }; XMLHttpRequest.callbacks.push(callback); } templates.forEach(function(element){ if ( !element.dataset.parent ) { console.warn('Wrong syntax, ignoring this template', element); return false; } if ( !element.dataset.trigger || element.dataset.trigger === 'instant' ) { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } else if ( element.dataset.trigger === 'event' ) { if ( !element.dataset.event ){ console.warn('Wrong syntax, absent event name to listen, ignoring this template', element); return false; } document.addEventListener( element.dataset.event, () => { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); }); } else if ( element.dataset.trigger === 'xhr' ) { addXMLRequestCallback( function( method, url ) { if ( element.dataset.url || element.dataset.method ) { if ( element.dataset.url && element.dataset.method ) { if ( element.dataset.method === method && url.toString().includes(element.dataset.url) ) { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } } else if ( element.dataset.url && url.includes(element.dataset.url) ) { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } else if ( element.dataset.method && element.dataset.method === method ){ setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } } else { setTimeout(()=>{ processTemplate(element) }, element.dataset.delay ? element.dataset.delay : 0 ); } }); } });</script></body></html> 
