### Website Link Prefetch Configuration Source: https://www.wellnessforaustin.com/from-the-ground-up-foot-body-connection/ This JSON configuration specifies prefetching strategies for website links. It defines conditions for conservative prefetching, excluding specific URL patterns and elements. ```json {"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\/voodoo-child\/\*","\/wp-content\/themes\/voodoo\/\*","\/\*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} ``` -------------------------------- ### Grain Bowl Recipe Guide Source: https://www.wellnessforaustin.com/grain-bowls-a-healthy-balanced-and-complete-meal/ Provides a guide to creating healthy and balanced grain bowls, detailing the five essential components: grains, vegetables, protein, dressing, and garnishes. It offers suggestions for each category to help users mix and match ingredients. ```markdown Grain Bowls: A Healthy, Balanced and Complete Meal ================================================== I am always looking for ways to make easy, fast, healthy meals that I can eat throughout the week. The best is when I can make enough to have for a few days, as I usually bring my lunches to work and save a lot of money by cooking at home. So when I discovered the “grain bowl” I was instantly hooked. **Grain bowls combine a balance of essential food groups in an easy all-in-one meal.** The basis of each grain bowl is made up of five ingredients: grains, vegetables, protein, dressing and garnishes. It is up to you to mix and match as you want. ### Some Ideas for each component: **Grains:** quinoa, brown rice, farro, couscous, oatmeal **Vegetables:** can be cooked or uncooked, try to keep to what is in season. For July that would be: squash, cucumbers, eggplant, endive, green beans, corn. You can also add any frozen veggies as they are usually frozen when they are picked at their peak ripeness **Protein:** consider what would compliment your two prior ingredients. Try to keep to lean meats such as fish and poultry or even eggs. For vegetarian options try tofu or beans. **Dressing:** this is one component you have to be careful with as most pre-made dressings and sauces have high sodium, sugar and fat contents. Consider mixing olive oil, herbs, spices or some citrus juices to add a little flavor to your bowl. **Garnishes:** this is your chance to add some crunch or an extra kick to your bowl. Just make sure your garnishes still add some nutritional value to your meal. Some of my favorite are nuts, seeds, herbs and even fruit (avocado is a favorite of mine). ``` -------------------------------- ### Hero Background CSS Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ CSS to set a background image for a specific hero section identified by '#chiro-home-hero'. ```CSS #chiro-home-hero { background: url('https://www.wellnessforaustin.com/wp-content/uploads/2022/11/hero-background-3000x615-1.png'); } ``` -------------------------------- ### Prefetch Configuration Source: https://www.wellnessforaustin.com/high-intensity-laser-therapy-back-pain/ Configuration object specifying resource prefetching rules based on URL patterns and selectors, with conservative eagerness. ```json { "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\/voodoo-child\/*", "\/wp-content\/themes\/voodoo\/*", "\/*\\?(.+)" ] } }, { "not": { "selector_matches": "a[rel~=\"nofollow\"]" } }, { "not": { "selector_matches": ".no-prefetch, .no-prefetch a" } } ] }, "eagerness": "conservative" } ] } ``` -------------------------------- ### Button Styling Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ CSS for styling light-themed buttons, ensuring text and border color are white and overriding default styles. ```CSS .button-light.mot-button-light { color: #FFF !important; border-color: #FFF; } ``` -------------------------------- ### WordPress Initialization Configuration Source: https://www.wellnessforaustin.com/how-a-chiropractor-helps-with-car-accident-recovery/ JavaScript object containing configuration settings for WordPress, likely related to frontend behavior. It includes AJAX URL, post information, and settings for link opening behavior. ```javascript var wpilFrontend = {"ajaxUrl":"\/wp-admin\/admin-ajax.php","postId":"1960","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}}; ``` -------------------------------- ### WPIL Frontend Configuration Source: https://www.wellnessforaustin.com/reviews-demo/ JavaScript object containing configuration settings for the WPIL frontend, likely related to link optimization or tracking within a WordPress environment. ```javascript var wpilFrontend = {"ajaxUrl":"\/wp-admin\/admin-ajax.php","postId":"1610","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}}; ``` -------------------------------- ### Visibility Animation Class (CSS) Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ A CSS class that ensures an element is visible, often used in conjunction with JavaScript-driven animations or scroll effects. ```css .wpb_animate_when_almost_visible { opacity: 1; } ``` -------------------------------- ### Mobile/Desktop Display CSS Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ CSS to control the display of elements based on device type, showing '.mot-mobile' as hidden and '.mot-desktop' as visible by default. ```CSS .mot-mobile { display: none; } .mot-desktop { display: block; } ``` -------------------------------- ### WordPress Plugin: WPIL Frontend Initialization Source: https://www.wellnessforaustin.com/upper-back-and-neck-pain-treatment-south-austin/ Initializes WordPress Inline Links (WPIL) frontend features. This script configures AJAX URLs, post IDs, and other settings for the plugin's frontend behavior, such as link tracking and opening links in new tabs. ```javascript var wpilFrontend = {"ajaxUrl":"\/wp-admin\/admin-ajax.php","postId":"369","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}}; ``` -------------------------------- ### Lazy Loading Options and YouTube Integration Source: https://www.wellnessforaustin.com/say-goodbye-to-wrist-pain-natural-remedies-that-work/ Configures options for lazy loading elements, specifically targeting iframes and images. Includes a function to create placeholder thumbnails for YouTube videos and a function to replace them with actual iframes upon interaction. ```javascript window.lazyLoadOptions = { elements_selector: "iframe[data-lazy-src]", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, callback_loaded: function(element) { if (element.tagName === "IFRAME" && element.dataset.rocketLazyload === "fitvidscompatible") { if (element.classList.contains("lazyloaded")) { if (typeof window.jQuery !== "undefined") { if (jQuery.fn.fitVids) { jQuery(element).parent().fitVids() } } } } } }; window.addEventListener('LazyLoad::Initialized', function(e) { var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) { var observer = new MutationObserver(function(mutations) { var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function(mutation) { for (i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { return } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { return } images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if (is_image) { image_count += 1 } if (is_iframe) { iframe_count += 1 } } }); if (image_count > 0 || iframe_count > 0 || rocketlazy_count > 0) { lazyLoadInstance.update() } }); var b = document.getElementsByTagName("body")[0]; var config = { childList: !0, subtree: !0 }; observer.observe(b, config) } }, !1) function lazyLoadThumb(e) { var t = '', a = '
'; return t.replace("ID", e) + a } function lazyLoadYoutubeIframe() { var e = document.createElement("iframe"), t = "ID?autoplay=1"; t += 0 === this.dataset.query.length ? '' : '&' + this.dataset.query; e.setAttribute("src", t.replace("ID", this.dataset.src)), e.setAttribute("frameborder", "0"), e.setAttribute("allowfullscreen", "1"), e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"), this.parentNode.replaceChild(e, this) } document.addEventListener("DOMContentLoaded", function() { var e, t, a = document.getElementsByClassName("rll-youtube-player"); for (t = 0; t < a.length; t++) { e = document.createElement("div"); e.setAttribute("data-id", a[t].dataset.videoId); e.setAttribute("data-src", a[t].dataset.videoId); e.setAttribute("data-query", a[t].dataset.query); e.innerHTML = lazyLoadThumb(a[t].dataset.videoId); e.addEventListener("click", lazyLoadYoutubeIframe); a[t].appendChild(e); } }); ``` -------------------------------- ### Skip to Content Link (HTML) Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ Provides an anchor link to skip directly to the main content area of the webpage, improving accessibility for keyboard users. ```html [Skip to content](#content) ``` -------------------------------- ### Rocket Browser Compatibility Checker Initialization Source: https://www.wellnessforaustin.com/from-the-ground-up-foot-body-connection/ Initializes the Rocket Browser Compatibility Checker with a list of events and options for passive event listeners. This code ensures compatibility checks are performed on user interactions. ```javascript var RocketBrowserCompatibilityChecker = function() { var t = { userEventListener: null, options: null }; var e = function(e, r) { t.userEventListener = r; t.options = e; window.addEventListener("load", function() { var e = document.body; e.addEventListener("keydown", t.userEventListener, t.options); e.addEventListener("mouseover", t.userEventListener, t.options); e.addEventListener("touchmove", t.userEventListener, t.options); e.addEventListener("touchstart", t.userEventListener, t.options) }) }; var r = function(e, r) { this.attrName = e; this.options = r }; r.prototype.init = function() { var e = this; this.attrName = this.attrName || "data-lazy"; this.options = this.options || { passive: !0 }; var r = document.createDocumentFragment(); var i = [ {key:"_loadScriptSrc",value:function(){ var r=this,e=document.querySelectorAll("script["+this.attrName+"]");0!==e.length&&Array.prototype.slice.call(e).forEach(function(e){var t=e.getAttribute(r.attrName);e.setAttribute("src",t),e.removeAttribute(r.attrName)}),this.reset()}} },{key:"triggerListener",value:function(){this._loadScriptSrc(),this._removeEventListener(this)}} ]; r.appendChild(e.createScript(i[0].key, i[0].value)); r.appendChild(e.createScript(i[1].key, i[1].value)); document.body.appendChild(r); this.reset() }; r.prototype.reset = function() { var e = this; this.attrName = "data-lazy"; this.options = { passive: !0 } }; r.prototype.createScript = function(e, r) { var i = document.createElement("script"); return i.setAttribute(this.attrName, e), i.text = r, i }; r.prototype._removeEventListener = function(e) { var r = this; window.removeEventListener(e, t.userEventListener, t.options) }; return { init: function(r, i) { e(i, r) }, run: function() { RocketBrowserCompatibilityChecker && new r("keydown,mouseover,touchmove,touchstart", new RocketBrowserCompatibilityChecker({passive:!0})).init() } } }(); t.run(); ``` -------------------------------- ### Applying Preset Colors Source: https://www.wellnessforaustin.com/physiological-effects-of-mental-health/ Examples of CSS classes that apply specific color presets defined in the :root variables. These classes are used to quickly assign predefined colors to elements. ```css .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } ``` -------------------------------- ### AWeber Form Integration Script Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ This JavaScript snippet dynamically loads an AWeber form into the webpage. It ensures the script is only loaded once by checking for an existing element with the specified ID. ```javascript (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//forms.aweber.com/form/25/2088095425.js"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "aweber-wjs-vg4sbwdah")); ``` -------------------------------- ### WPIL Frontend Configuration Source: https://www.wellnessforaustin.com/high-intensity-laser-therapy-back-pain/ JavaScript object containing frontend configuration settings for the WPIL plugin, including AJAX URL, post ID, post type, and link handling options. ```javascript var wpilFrontend = { "ajaxUrl": "\/wp-admin\/admin-ajax.php", "postId": "1648", "postType": "post", "openInternalInNewTab": "0", "openExternalInNewTab": "0", "disableClicks": "0", "openLinksWithJS": "0", "trackAllElementClicks": "0", "clicksI18n": { "imageNoText": "Image in link: No Text", "imageText": "Image Title: ", "noText": "No Anchor Text Found" } }; ``` -------------------------------- ### WPIL Frontend Configuration Source: https://www.wellnessforaustin.com/forward-head-posture/ This JavaScript object, `wpilFrontend`, holds configuration settings for the WPIL (WordPress Image Links) plugin. It includes AJAX URL, post ID, post type, and options for opening links in new tabs. ```javascript var wpilFrontend = {"ajaxUrl":"\/wp-admin\/admin-ajax.php","postId":"424","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}}; ``` -------------------------------- ### YouTube Player Styling Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ CSS rules for styling a responsive YouTube player embed, including positioning, aspect ratio, and hover effects for the play button overlay. ```CSS .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url(https://www.wellnessforaustin.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat;cursor:pointer} ``` -------------------------------- ### WPIL Frontend Configuration Source: https://www.wellnessforaustin.com/new-patients-facebook/ JavaScript object containing configuration settings for the WPIL (likely WordPress Image Links) frontend. It includes AJAX URL, post ID, post type, and options for link behavior. ```javascript var wpilFrontend = {"ajaxUrl":"\/wp-admin\/admin-ajax.php","postId":"1616","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}}; ``` -------------------------------- ### CSS: Image Sizing and Containment Source: https://www.wellnessforaustin.com/erector-spinae-stretch-benefits/ This CSS rule targets image elements with specific 'sizes' attributes ('auto' or starting with 'auto,') and applies 'contain-intrinsic-size' for better layout stability before images load. ```css img:is(\[sizes="auto" i], \[sizes\^="auto," i\]) { contain-intrinsic-size: 3000px 1500px } ``` -------------------------------- ### Home Hero Background and Styling (CSS) Source: https://www.wellnessforaustin.com/degenerative-disc-disease-treatment-south-austin/ Contains CSS for styling the main hero section of the homepage, including setting background images, controlling background positioning and size, and applying responsive adjustments to button padding and font sizes for various screen widths. ```css #chiro-home-hero { background: url('https://www.wellnessforaustin.com/wp-content/uploads/2022/11/hero-background-3000x615-1.png'); } .button-light.mot-button-light { color: #FFF !important; border-color: #FFF; } .mot-mobile { display: none; } .mot-desktop { display: block; } @media (max-width: 1740px) { .home-hero-container .button, .home-hero-container .button-light { padding: 16px 16px; min-width: auto; font-size: 14px; } .home-hero-container .button-light { padding-top: 14px; padding-bottom: 14px; } } @media (max-width: 1510px) { .home-hero-container .button-light { margin-left: 5px; } .home-hero-container .button, .home-hero-container .button-light { font-size: 12px; } } @media (max-width: 1325px) { .home-hero-container .hero { font-size: 2.5rem; } .home-hero-container .button-light { margin-left: 0; } } @media (max-width: 1160px) { .home-hero-container .mot-home-text-column .vc_column-inner { padding-left: 20px !important; } } .mot-home-hero { background-image: url('https://www.wellnessforaustin.com/wp-content/uploads/2022/10/header-1-2500x600-1.jpg'); background-position: 75%; background-repeat: no-repeat; background-size: cover; } .mot-home-hero.mobile { display: none; background: none; } .mot-home-hero.demo-2 { background-image: url('https://www.wellnessforaustin.com/wp-content/uploads/2022/10/header-2-2500x600-1-scaled.jpg'); } .mot-home-hero.demo-3 { background-image: url('https://www.wellnessforaustin.com/wp-content/uploads/2022/10/header-3-2500x600-1.jpg'); } @media (max-width: 1530px) { .mot-home-banner-text .button, .mot-home-banner-text .button-light { padding: 10px 20px; min-width: none; } } @media (max-width: 1370px) { .mot-home-banner-text .button, .mot-home-banner-text .button-light { padding: 10px 20px; min-width: none; } } @media (max-width: 1190px) { .mot-home-hero.demo-2 .mot-home-banner-text .hero { font-size: 2.5rem; } .mot-home-banner-text .button, .mot-home-banner-text .button-light { margin-left: 0; max-width: 250px; display: block; } } @media (max-width: 1158px) { .mot-home-hero { background-size: 170%; } .mot-home-hero .mot-home-hero-col .vc_column-inner { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (max-width: 936px) { .mot-home-banner-text .hero, .mot-home-hero.demo-2 .mot-home-banner-text .hero { font-size: 1.8rem; } .mot-home-banner-text .button, .mot-home-banner-text .button-light { font-size: 14px; } } @media (max-width: 872px) { .mot-home-hero { backgroun ``` -------------------------------- ### Small Button Styling (CSS) Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ Applies specific padding, font size, and minimum width adjustments to small buttons, likely for consistent UI elements across the site. ```css .mot-button-small { padding: 15px 20px !important; font-size: 14px !important; min-width: auto; } ``` -------------------------------- ### Page Header Hiding CSS Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ CSS rules to conditionally hide the page header based on specific page IDs, likely for custom layouts or specific content pages. ```CSS /*Hide Header on Pages*/ .page-id-1046 .page-header, .page-id-1048 .page-header, .page-id-1245 .page-header { display: none; } ``` -------------------------------- ### Lazy Loading Options and YouTube Integration Source: https://www.wellnessforaustin.com/high-intensity-laser-therapy-low-level-laser/ Configures options for lazy loading elements, specifically targeting iframes and images. Includes a function to create placeholder thumbnails for YouTube videos and a function to replace them with actual iframes upon interaction. ```javascript window.lazyLoadOptions = { elements_selector: "iframe[data-lazy-src]", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, callback_loaded: function(element) { if (element.tagName === "IFRAME" && element.dataset.rocketLazyload === "fitvidscompatible") { if (element.classList.contains("lazyloaded")) { if (typeof window.jQuery !== "undefined") { if (jQuery.fn.fitVids) { jQuery(element).parent().fitVids() } } } } } }; window.addEventListener('LazyLoad::Initialized', function(e) { var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) { var observer = new MutationObserver(function(mutations) { var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function(mutation) { for (i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { return } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { return } images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if (is_image) { image_count += 1 } if (is_iframe) { iframe_count += 1 } } }); if (image_count > 0 || iframe_count > 0 || rocketlazy_count > 0) { lazyLoadInstance.update() } }); var b = document.getElementsByTagName("body")[0]; var config = { childList: !0, subtree: !0 }; observer.observe(b, config) } }, !1) function lazyLoadThumb(e) { var t = '', a = '
'; return t.replace("ID", e) + a } function lazyLoadYoutubeIframe() { var e = document.createElement("iframe"), t = "ID?autoplay=1"; t += 0 === this.dataset.query.length ? '' : '&' + this.dataset.query; e.setAttribute("src", t.replace("ID", this.dataset.src)), e.setAttribute("frameborder", "0"), e.setAttribute("allowfullscreen", "1"), e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"), this.parentNode.replaceChild(e, this) } document.addEventListener("DOMContentLoaded", function() { var e, t, a = document.getElementsByClassName("rll-youtube-player"); for (t = 0; t < a.length; t++) { e = document.createElement("div"); e.setAttribute("data-id", a[t].dataset.videoId); e.setAttribute("data-src", a[t].dataset.videoId); e.setAttribute("data-query", a[t].dataset.query); e.innerHTML = lazyLoadThumb(a[t].dataset.videoId); e.addEventListener("click", lazyLoadYoutubeIframe); a[t].appendChild(e); } }); ``` -------------------------------- ### Website Prefetch Configuration Source: https://www.wellnessforaustin.com/upper-back-and-neck-pain-treatment-south-austin/ This JSON object defines prefetching strategies for website resources. It specifies conditions for prefetching, such as matching specific URL patterns or excluding certain elements, to improve page load performance. ```json {"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\/voodoo-child\/*","\/wp-content\/themes\/voodoo\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} ``` -------------------------------- ### Contact Information and Navigation Links (HTML) Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ Includes a phone number link and a contact us link, typically found in a header or footer section of a website for user engagement. ```html * [512-301-5996](tel:5123015996) * [Contact Us](https://www.wellnessforaustin.com/contact-us/) ``` -------------------------------- ### Responsive YouTube Player CSS Source: https://www.wellnessforaustin.com/from-the-ground-up-foot-body-connection/ Provides CSS rules to make YouTube player embeds responsive, ensuring they adapt to different screen sizes. It includes styling for the player container, iframe, and a play button overlay, along with hover effects for the thumbnail image. ```css .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url(https://www.wellnessforaustin.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat;cursor:pointer} ``` -------------------------------- ### JavaScript Feature Detection Source: https://www.wellnessforaustin.com/active-lifestyles-and-back-pain-a-south-austin-perspective/ A simple JavaScript snippet to add a 'js' class to the document's root element, typically used for feature detection or enabling JS-dependent styles. ```JavaScript document.documentElement.className += " js"; ``` -------------------------------- ### Configure WPIL Frontend Settings (JavaScript) Source: https://www.wellnessforaustin.com/spinal-decompression/ This JavaScript object, likely from a WordPress plugin, defines frontend settings. It includes AJAX URL, post information, and options for controlling link behavior in new tabs and disabling clicks. ```javascript var wpilFrontend = {"ajaxUrl":"\/wp-admin\/admin-ajax.php","postId":"1192","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}}; ``` -------------------------------- ### Rocket Lazy Load Script Source: https://www.wellnessforaustin.com/erector-spinae-stretch-benefits/ This JavaScript class manages the lazy loading of scripts, likely for performance optimization. It handles event listener setup and removal, and is designed to work with the browser compatibility checker. ```javascript /* \*/ (function() { "use strict"; var e=function(){function n(e,t){for(var r=0;r 0 || iframe_count > 0 || rocketlazy_count > 0) { lazyLoadInstance.update() } }); var b = document.getElementsByTagName("body")[0]; var config = { childList: !0, subtree: !0 }; observer.observe(b, config) } }, !1) function lazyLoadThumb(e) { var t = '', a = '
'; return t.replace("ID", e) + a } function lazyLoadYoutubeIframe() { var e = document.createElement("iframe"), t = "ID?autoplay=1"; t += 0 === this.dataset.query.length ? '' : '&' + this.dataset.query; e.setAttribute("src", t.replace("ID", this.dataset.src)), e.setAttribute("frameborder", "0"), e.setAttribute("allowfullscreen", "1"), e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"), this.parentNode.replaceChild(e, this) } document.addEventListener("DOMContentLoaded", function() { var e, t, a = document.getElementsByClassName("rll-youtube-player"); for (t = 0; t < a.length; t++) { e = document.createElement("div"); e.setAttribute("data-id", a[t].dataset.videoId); e.setAttribute("data-src", a[t].dataset.videoId); e.setAttribute("data-query", a[t].dataset.query); e.innerHTML = lazyLoadThumb(a[t].dataset.videoId); e.addEventListener("click", lazyLoadYoutubeIframe); a[t].appendChild(e); } }); ```