<!-- DEBUG-VIEW START 22 APPPATH/Views/themes/magazine/index.php -->
<!-- DEBUG-VIEW START 21 APPPATH/Views/themes/magazine/layout.php -->
<!-- DEBUG-VIEW START 7 APPPATH/Views/themes/magazine/partials/_head.php -->
<!DOCTYPE html>
<html lang="en" data-theme="magazine" data-bs-theme="light" >
<head>
<script  id="debugbar_loader" data-time="1780970600.969499" src="https://tenthblog.com/?debugbar"></script><script  id="debugbar_dynamic_script"></script><style  id="debugbar_dynamic_style"></style><script class="kint-rich-script">"use strict";(()=>{function m(n){if(!(n instanceof Element))throw new Error("Invalid argument to dedupeElement()");let t=n.ownerDocument,e=E(n);for(let s of t.querySelectorAll(e))n!==s&&s.parentNode.removeChild(s)}function d(n){return n instanceof Element?n.ownerDocument.contains(n):!1}function E(n){if(!(n instanceof Element))throw new Error("Invalid argument to buildClassSelector()");return[n.nodeName,...n.classList].join(".")}function f(n){if(!(n instanceof Element))throw new Error("Invalid argument to selectText()");let t=n.ownerDocument,e=t.getSelection(),s=t.createRange();s.selectNodeContents(n),e.removeAllRanges(),e.addRange(s)}function I(n,t){let e;return function(...s){clearTimeout(e),e=setTimeout(function(){n(...s)},t)}}function x(n){if(!(n instanceof Element))throw new Error("Invalid argument to offsetTop()");return n.offsetTop+(n.offsetParent?x(n.offsetParent):0)}var u=class n{static#e=new Set;static toggleSearchBox(t,e){let s=t.querySelector(".kint-search"),i=t.parentNode;if(s)if(s.classList.toggle("kint-show",e)){if(s.focus(),s.select(),!n.#e.has(s)){let r=i.querySelectorAll("dl").length,o=200;r>1e4&&(o=700),s.addEventListener("keyup",I(n.#t.bind(null,s),o)),n.#e.add(s)}n.#t(s)}else i.classList.remove("kint-search-root")}static#t(t){let e=t.closest(".kint-parent")?.parentNode;if(e)if(t.classList.contains("kint-show")&&t.value.length){let s=e.dataset.lastSearch;if(e.classList.add("kint-search-root"),s!==t.value){e.dataset.lastSearch=t.value,e.classList.remove("kint-search-match");for(let i of e.querySelectorAll(".kint-search-match"))i.classList.remove("kint-search-match");n.#s(e,t.value.toUpperCase())}}else e.classList.remove("kint-search-root")}static#s(t,e){let s=t.cloneNode(!0);for(let c of s.querySelectorAll(".access-path"))c.remove();if(!s.textContent.toUpperCase().includes(e))return;t.classList.add("kint-search-match");let i=t.firstElementChild;for(;i&&i.tagName!=="DT";)i=i.nextElementSibling;if(!i)return;let r=a.getChildContainer(i);if(!r)return;let o,l;for(let c of r.children)c.tagName==="DL"?n.#s(c,e):c.tagName==="UL"&&(c.classList.contains("kint-tabs")?o=c.children:c.classList.contains("kint-tab-contents")&&(l=c.children));if(!(!o||o.length!==l?.length))for(let c=o.length;c--;){let k=!1,F=!1;o[c].textContent.toUpperCase().includes(e)&&(k=!0);let O=l[c].cloneNode(!0);for(let v of O.querySelectorAll(".access-path"))v.remove();if(O.textContent.toUpperCase().includes(e)&&(k=!0,F=!0),k&&o[c].classList.add("kint-search-match"),F)for(let v of l[c].children)v.tagName==="DL"&&n.#s(v,e)}}};var g=class{static sort(t,e){let s=t.dataset.kintTableSort,i=parseInt(s)===e?-1:1,r=t.tBodies[0];[...r.rows].sort(function(o,l){o=o.cells[e].textContent.trim().toLocaleLowerCase(),l=l.cells[e].textContent.trim().toLocaleLowerCase();let c=0;return!isNaN(o)&&!isNaN(l)?(o=parseFloat(o),l=parseFloat(l),c=o-l):isNaN(o)&&!isNaN(l)?c=1:isNaN(l)&&!isNaN(o)?c=-1:c=(""+o).localeCompare(""+l),c*i}).forEach(o=>r.appendChild(o)),i<0?t.dataset.kintTableSort=null:t.dataset.kintTableSort=e}};var a=class n{#e;#t;#s;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Rich.constructor()");this.#e=t,this.#e.runOnInit(this.#i.bind(this));let e=new q(this,t);new b(this,t.window,e)}#i(){let t=this.#e.window.document;if(d(this.#t)||(this.#t=t.querySelector("style.kint-rich-style")),this.#t&&m(this.#t),t.querySelector(".kint-rich.kint-file")){this.setupFolder(t);let e=this.#s.querySelector("dd.kint-foldout"),s=Array.from(t.querySelectorAll(".kint-rich.kint-file"));for(let i of s)i.parentNode!==e&&e.appendChild(i);this.#s.classList.add("kint-show")}}addToFolder(t){let e=t.closest(".kint-rich");if(!e)throw new Error("Bad addToFolder");let s=this.#e.window.document;if(this.setupFolder(s),this.folder.contains(t))throw new Error("Bad addToFolder");let i=this.#s.querySelector("dd.kint-foldout"),r=t.closest(".kint-parent, .kint-rich"),o=Array.from(e.querySelectorAll(".kint-folder-trigger"));if(e===r||e.querySelectorAll(".kint-rich > dl").length===1){for(let l of o)l.remove();e.classList.add("kint-file"),i.insertBefore(e,i.firstChild)}else{let l=s.createElement("div");l.classList.add("kint-rich"),l.classList.add("kint-file"),l.appendChild(r.closest(".kint-rich > dl"));let c=e.lastElementChild;c.matches(".kint-rich > footer")&&l.appendChild(c.cloneNode(!0));for(let k of o)k.remove();i.insertBefore(l,i.firstChild)}n.toggle(this.#s.querySelector(".kint-parent"),!0)}setupFolder(t){if(this.#s)d(this.#s)||(this.#s=t.querySelector(".kint-rich.kint-folder"));else{let e=t.createElement("template");e.innerHTML='<div class="kint-rich kint-folder"><dl><dt class="kint-parent"><nav></nav>Kint</dt><dd class="kint-foldout"></dd></dl></div>',this.#s=e.content.firstChild,t.body.appendChild(this.#s)}}get folder(){return d(this.#s)||(this.#s=this.#e.window.document.querySelector(".kint-rich.kint-folder")),this.#s&&m(this.#s),this.#s}isFolderOpen(){let t=this.#s?.querySelector("dd.kint-foldout");if(t)return t.previousSibling.classList.contains("kint-show")}static getChildContainer(t){let e=t.nextElementSibling;for(;e&&!e.matches("dd");)e=e.nextElementSibling;return e}static toggle(t,e){let s=n.getChildContainer(t);s&&(e=t.classList.toggle("kint-show",e),n.#n(s,e))}static switchTab(t){t.parentNode.getElementsByClassName("kint-active-tab")[0].classList.remove("kint-active-tab"),t.classList.add("kint-active-tab");let e=t,s=0;for(;e=e.previousElementSibling;)s++;let i=t.parentNode.nextSibling.children;for(let r=i.length;r--;)r===s?(i[r].classList.add("kint-show"),n.#n(i[r],!0)):i[r].classList.remove("kint-show")}static toggleChildren(t,e){let s=n.getChildContainer(t);if(!s)return;e===void 0&&(e=t.classList.contains("kint-show"));let i=Array.from(s.getElementsByClassName("kint-parent"));for(let r of i)r.classList.toggle("kint-show",e)}static toggleAccessPath(t,e){let s=t.querySelector(".access-path");s?.classList.toggle("kint-show",e)&&f(s)}static#n(t,e){if(t.children.length===2&&t.lastElementChild.matches("ul.kint-tab-contents"))for(let s of t.lastElementChild.children)s.matches("li.kint-show")&&(t=s);if(t.children.length===1&&t.firstElementChild.matches("dl")){let s=t.firstElementChild.firstElementChild;s?.classList?.contains("kint-parent")&&n.toggle(s,e)}}},b=class{#e;#t;#s;#i=null;#n=null;#o=0;constructor(t,e,s){this.#e=t,this.#t=s,this.#s=e,this.#s.addEventListener("click",this.#a.bind(this),!0)}#r(){clearTimeout(this.#i),this.#i=setTimeout(this.#l.bind(this),250)}#l(){clearTimeout(this.#i),this.#i=null,this.#n=null,this.#o=0}#c(){let t=this.#n;if(!t.matches(".kint-parent > nav"))return;let e=t.parentNode;if(this.#o===1)a.toggleChildren(e),this.#t.onTreeChanged(),this.#r(),this.#o=2;else if(this.#o===2){this.#l();let s=e.classList.contains("kint-show"),i=this.#e.folder?.querySelector(".kint-parent"),r=Array.from(this.#s.document.getElementsByClassName("kint-parent"));for(let o of r)o!==i&&o.classList.toggle("kint-show",s);this.#t.onTreeChanged(),this.#t.scrollToFocus()}}#a(t){if(this.#o){this.#c();return}let e=t.target;if(!e.closest(".kint-rich"))return;if(e.tagName==="DFN"&&f(e),e.tagName==="TH"){t.ctrlKey||g.sort(e.closest("table"),e.cellIndex);return}if(e.tagName==="LI"&&e.parentNode.className==="kint-tabs"){if(e.className!=="kint-active-tab"){let i=e.closest("dl")?.querySelector(".kint-parent > nav")??e;a.switchTab(e),this.#t.onTreeChanged(),this.#t.setCursor(i)}return}let s=e.closest("dt");if(e.tagName==="NAV")e.parentNode.tagName==="FOOTER"?(this.#t.setCursor(e),e.parentNode.classList.toggle("kint-show")):s?.classList.contains("kint-parent")&&(a.toggle(s),this.#t.onTreeChanged(),this.#t.setCursor(e),this.#r(),this.#o=1,this.#n=e);else if(e.classList.contains("kint-access-path-trigger"))s&&a.toggleAccessPath(s);else if(e.classList.contains("kint-search-trigger"))s?.matches(".kint-rich > dl > dt.kint-parent")&&u.toggleSearchBox(s);else if(e.classList.contains("kint-folder-trigger")){if(s?.matches(".kint-rich > dl > dt.kint-parent"))this.#e.addToFolder(e),this.#t.onTreeChanged(),this.#t.setCursor(s.querySelector("nav")),this.#t.scrollToFocus();else if(e.parentNode.tagName==="FOOTER"){let i=e.closest(".kint-rich").querySelector(".kint-parent > nav, .kint-rich > footer > nav");this.#e.addToFolder(e),this.#t.onTreeChanged(),this.#t.setCursor(i),this.#t.scrollToFocus()}}else e.classList.contains("kint-search")||(e.tagName==="PRE"&&t.detail===3?f(e):e.closest(".kint-source")&&t.detail===3?f(e.closest(".kint-source")):e.classList.contains("access-path")?f(e):e.tagName!=="A"&&s?.classList.contains("kint-parent")&&(a.toggle(s),this.#t.onTreeChanged(),this.#t.setCursor(s.querySelector("nav"))))}},j=65,G=68,A=70,S=72,K=74,D=75,p=76,V=83,P=9,T=13,B=27,L=32,N=37,R=38,C=39,H=40,M=".kint-rich .kint-parent > nav, .kint-rich > footer > nav, .kint-rich .kint-tabs > li:not(.kint-active-tab)",q=class{#e=[];#t=0;#s=!1;#i;#n;constructor(t,e){this.#i=t,this.#n=e.window,this.#n.addEventListener("keydown",this.#c.bind(this),!0),e.runOnInit(this.onTreeChanged.bind(this))}scrollToFocus(){let t=this.#e[this.#t];if(!t)return;let e=this.#i.folder;if(t===e?.querySelector(".kint-parent > nav"))return;let s=x(t);if(this.#i.isFolderOpen()){let i=e.querySelector("dd.kint-foldout");i.scrollTo(0,s-i.clientHeight/2)}else this.#n.scrollTo(0,s-this.#n.innerHeight/2)}onTreeChanged(){let t=this.#e[this.#t];this.#e=[];let e=this.#i.folder,s=e?.querySelector(".kint-parent > nav"),i=this.#n.document;this.#i.isFolderOpen()&&(i=e,this.#e.push(s));let r=Array.from(i.querySelectorAll(M));for(let o of r)o.offsetParent!==null&&o!==s&&this.#e.push(o);if(s&&!this.#i.isFolderOpen()&&this.#e.push(s),this.#e.length===0){this.#s=!1,this.#r();return}t&&this.#e.indexOf(t)!==-1?this.#t=this.#e.indexOf(t):this.#r()}setCursor(t){if(this.#i.isFolderOpen()&&!this.#i.folder.contains(t)||!t.matches(M))return!1;let e=this.#e.indexOf(t);if(e===-1&&(this.onTreeChanged(),e=this.#e.indexOf(t)),e!==-1){if(e!==this.#t)return this.#t=e,this.#r(),!0;this.#e[e]?.classList.remove("kint-weak-focus")}else console.error("setCursor failed to find target in list",t),console.info("Please report this as a bug in Kint at https://github.com/kint-php/kint");return!1}#o(t){if(this.#e.length===0)return this.#t=0,null;for(this.#t+=t;this.#t<0;)this.#t+=this.#e.length;for(;this.#t>=this.#e.length;)this.#t-=this.#e.length;return this.#r(),this.#t}#r(){let t=this.#n.document.querySelector(".kint-focused");t&&(t.classList.remove("kint-focused"),t.classList.remove("kint-weak-focus")),this.#s&&this.#e[this.#t]?.classList.add("kint-focused")}#l(t){let e=t.closest(".kint-rich .kint-parent ~ dd")?.parentNode.querySelector(".kint-parent > nav");e&&(this.setCursor(e),this.scrollToFocus())}#c(t){if(t.keyCode===B&&t.target.matches(".kint-search")){t.target.blur(),this.#s&&this.#r();return}if(t.target!==this.#n.document.body||t.altKey||t.ctrlKey)return;if(t.keyCode===G){if(this.#s)this.#s=!1;else{if(this.#s=!0,this.onTreeChanged(),this.#e.length===0){this.#s=!1;return}this.scrollToFocus()}this.#r(),t.preventDefault();return}else if(t.keyCode===B){this.#s&&(this.#s=!1,this.#r(),t.preventDefault());return}else if(!this.#s)return;t.preventDefault(),d(this.#e[this.#t])||this.onTreeChanged();let e=this.#e[this.#t];if([P,R,D,H,K].includes(t.keyCode)){t.keyCode===P?this.#o(t.shiftKey?-1:1):t.keyCode===R||t.keyCode===D?this.#o(-1):(t.keyCode===H||t.keyCode===K)&&this.#o(1),this.scrollToFocus();return}if(e.tagName==="LI"&&[L,T,C,p,N,S].includes(t.keyCode)){t.keyCode===L||t.keyCode===T?(a.switchTab(e),this.onTreeChanged()):t.keyCode===C||t.keyCode===p?this.#o(1):(t.keyCode===N||t.keyCode===S)&&this.#o(-1),this.scrollToFocus();return}if(e.parentNode.tagName==="FOOTER"&&e.closest(".kint-rich")){if(t.keyCode===L||t.keyCode===T)e.parentNode.classList.toggle("kint-show");else if(t.keyCode===N||t.keyCode===S)if(e.parentNode.classList.contains("kint-show"))e.parentNode.classList.remove("kint-show");else{this.#l(e.closest(".kint-rich"));return}else if(t.keyCode===C||t.keyCode===p)e.parentNode.classList.add("kint-show");else if(t.keyCode===A&&!this.#i.isFolderOpen()&&e.matches(".kint-rich > footer > nav")){let i=e.closest(".kint-rich").querySelector(".kint-parent > nav, .kint-rich > footer > nav");this.#i.addToFolder(e),this.onTreeChanged(),this.setCursor(i),this.scrollToFocus()}return}let s=e.closest(".kint-parent");if(s){if(t.keyCode===j){a.toggleAccessPath(s);return}if(t.keyCode===A){!this.#i.isFolderOpen()&&s.matches(".kint-rich:not(.kint-folder) > dl > .kint-parent")&&(this.#i.addToFolder(e),this.onTreeChanged(),this.setCursor(e),this.scrollToFocus());return}if(t.keyCode===V){let i=s.closest(".kint-rich > dl")?.querySelector(".kint-search")?.closest(".kint-parent");if(i){e.classList.add("kint-weak-focus"),u.toggleSearchBox(i,!0);return}}if(t.keyCode===L||t.keyCode===T){a.toggle(s),this.onTreeChanged();return}if([C,p,N,S].includes(t.keyCode)){let i=s.classList.contains("kint-show");if(t.keyCode===C||t.keyCode===p){i&&a.toggleChildren(s,!0),a.toggle(s,!0),this.onTreeChanged();return}else if(i){a.toggleChildren(s,!1),a.toggle(s,!1),this.onTreeChanged();return}else{this.#l(s);return}}}}};var y=class{#e;#t;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Plain.constructor()");this.#e=t.window,t.runOnInit(this.#s.bind(this))}#s(){d(this.#t)||(this.#t=this.#e.document.querySelector("style.kint-plain-style")),this.#t&&m(this.#t)}};var w=class{#e;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Microtime.constructor()");this.#e=t.window,t.runOnInit(this.#t.bind(this))}#t(){let t={},e=this.#e.document.querySelectorAll("[data-kint-microtime-group]");for(let s of e){let i=s.querySelector(".kint-microtime-lap");if(!i)continue;let r=s.dataset.kintMicrotimeGroup,o=parseFloat(i.textContent),l=parseFloat(s.querySelector(".kint-microtime-avg").textContent);t[r]??={min:o,max:o,avg:l},t[r].min>o&&(t[r].min=o),t[r].max<o&&(t[r].max=o),t[r].avg=l}for(let s of e){let i=s.querySelector(".kint-microtime-lap");if(!i)continue;let r=parseFloat(i.textContent),o=t[s.dataset.kintMicrotimeGroup];if(s.querySelector(".kint-microtime-avg").textContent=o.avg,!(r===o.min&&r===o.max))if(s.classList.add("kint-microtime-js"),r>o.avg){let l=(r-o.avg)/(o.max-o.avg);i.style.background="hsl("+(40-40*l)+", 100%, 65%)"}else{let l=0;o.avg!==o.min&&(l=(o.avg-r)/(o.avg-o.min)),i.style.background="hsl("+(40+80*l)+", 100%, 65%)"}}}};var U=Symbol(),h=class n{static#e=null;#t;#s=[];#i=new Set;static init(t){return n.#e??=new n(t,U),n.#e.#n(),n.#e.runOnLoad(n.#r),n.#e}get window(){return this.#t}constructor(t,e){if(U!==e)throw new Error("Kint constructor is private. Use Kint.init()");if(!(t instanceof Window))throw new Error("Invalid argument to Kint.init()");this.#t=t,this.runOnInit(this.#o.bind(this)),new y(this),new a(this),new w(this)}runOnLoad(t){if(this.#t.document.readyState==="complete")try{t()}catch{}else this.#t.addEventListener("load",t)}runOnInit(t){this.#s.push(t)}#n(){this.#t.document.currentScript&&(this.#i.add(E(window.document.currentScript)),window.document.currentScript.remove())}#o(){for(let t of this.#i.keys())for(let e of this.#t.document.querySelectorAll(t))e.remove()}static#r(){for(let t of n.#e.#s)t()}};window.Kint||(window.Kint=h);window.Kint.init(window);})();
</script><style class="kint-rich-style">.kint-rich{--spacing: 4px;--nav-size: 15px;--backdrop-color: rgba(255, 255, 255, 0.9);--main-background: #e0eaef;--secondary-background: #c1d4df;--text-color: #1d1e1e;--variable-name-color: #1d1e1e;--variable-type-color: #0092db;--variable-type-color-hover: #5cb730;--border-color: #b6cedb;--border-color-hover: #0092db;--border: 1px solid var(--border-color);--foldout-max-size: calc(100vh - 100px);--foldout-zindex: 999999;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><g stroke-width='2' fill='%23FFF'><path d='M1 1h28v28H1zm5 14h18m-9 9V6M1 61h28v28H1zm5 14h18' stroke='%23379'/><path d='M1 31h28v28H1zm5 14h18m-9 9V36M1 91h28v28H1zm5 14h18' stroke='%235A3'/><path d='M1 121h28v28H1zm5 5l18 18m-18 0l18-18' stroke='%23CCC'/></g></svg>");--ap-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 8h3m3 3v3M8 2v3m3 3h3M3 8' stroke-width='2' stroke-linecap='round'/><circle stroke-width='1.5' r='4.5' cx='8' cy='8'/></g></svg>");--folder-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h4l2 2h6v9H2V2h2' stroke-width='2' stroke='%23000' fill='transparent' stroke-linejoin='round'/></svg>");--search-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 14l3-3' stroke-linecap='round' stroke-width='3'/><circle stroke-width='2' r='5' cx='9' cy='7'/></g></svg>");font-size:13px;overflow-x:auto;white-space:nowrap;background:var(--backdrop-color);direction:ltr;contain:content}.kint-rich.kint-folder{position:fixed;bottom:0;left:0;right:0;z-index:var(--foldout-zindex);width:100%;margin:0;display:block}.kint-rich.kint-folder dd.kint-foldout{max-height:var(--foldout-max-size);padding-right:calc(var(--spacing)*2);overflow-y:scroll;display:none}.kint-rich.kint-folder dd.kint-foldout.kint-show{display:block}.kint-rich::selection{background:var(--border-color-hover);color:var(--text-color)}.kint-rich .kint-focused{box-shadow:0 0 3px 3px var(--variable-type-color-hover)}.kint-rich .kint-focused.kint-weak-focus{box-shadow:0 0 3px 1px color-mix(in srgb, var(--variable-type-color-hover) 50%, transparent)}.kint-rich,.kint-rich::before,.kint-rich::after,.kint-rich *,.kint-rich *::before,.kint-rich *::after{box-sizing:border-box;border-radius:0;color:var(--text-color);float:none !important;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;line-height:15px;margin:0;padding:0;text-align:left}.kint-rich{margin:calc(var(--spacing)*2) 0}.kint-rich dt,.kint-rich dl{width:auto}.kint-rich dt,.kint-rich div.access-path{background:var(--main-background);border:var(--border);color:var(--text-color);display:block;font-weight:bold;list-style:none outside none;overflow:auto;padding:var(--spacing)}.kint-rich dt:hover,.kint-rich div.access-path:hover{border-color:var(--border-color-hover)}.kint-rich>dl dl{padding:0 0 0 calc(var(--spacing)*3)}.kint-rich dt.kint-parent>nav,.kint-rich>footer>nav{background:var(--caret-image) no-repeat scroll 0 0/var(--nav-size) 75px rgba(0,0,0,0);cursor:pointer;display:inline-block;height:var(--nav-size);width:var(--nav-size);margin-right:3px;vertical-align:middle}.kint-rich dt.kint-parent:hover>nav,.kint-rich>footer>nav:hover{background-position:0 25%}.kint-rich dt.kint-parent.kint-show>nav,.kint-rich>footer.kint-show>nav{background-position:0 50%}.kint-rich dt.kint-parent.kint-show:hover>nav,.kint-rich>footer.kint-show>nav:hover{background-position:0 75%}.kint-rich dt.kint-parent.kint-locked>nav{background-position:0 100%}.kint-rich dt.kint-parent+dd{display:none;border-left:1px dashed var(--border-color);contain:strict}.kint-rich dt.kint-parent.kint-show+dd{display:block;contain:content}.kint-rich var,.kint-rich var a{color:var(--variable-type-color);font-style:normal}.kint-rich dt:hover var,.kint-rich dt:hover var a{color:var(--variable-type-color-hover)}.kint-rich dfn{font-style:normal;font-family:monospace;color:var(--variable-name-color)}.kint-rich pre{color:var(--text-color);margin:0 0 0 calc(var(--spacing)*3);padding:5px;overflow-y:hidden;border-top:0;border:var(--border);background:var(--main-background);display:block;word-break:normal}.kint-rich .kint-access-path-trigger,.kint-rich .kint-folder-trigger,.kint-rich .kint-search-trigger{background:color-mix(in srgb, var(--text-color) 80%, transparent);border-radius:3px;padding:2px;height:var(--nav-size);width:var(--nav-size);font-size:var(--nav-size);margin-left:5px;font-weight:bold;text-align:center;line-height:1;float:right !important;cursor:pointer;position:relative;overflow:hidden}.kint-rich .kint-access-path-trigger::before,.kint-rich .kint-folder-trigger::before,.kint-rich .kint-search-trigger::before{display:block;content:"";width:100%;height:100%;background:var(--main-background);mask:center/contain no-repeat alpha}.kint-rich .kint-access-path-trigger:hover,.kint-rich .kint-folder-trigger:hover,.kint-rich .kint-search-trigger:hover{background:var(--main-background)}.kint-rich .kint-access-path-trigger:hover::before,.kint-rich .kint-folder-trigger:hover::before,.kint-rich .kint-search-trigger:hover::before{background:var(--text-color)}.kint-rich .kint-access-path-trigger::before{mask-image:var(--ap-image)}.kint-rich .kint-folder-trigger::before{mask-image:var(--folder-image)}.kint-rich .kint-search-trigger::before{mask-image:var(--search-image)}.kint-rich input.kint-search{display:none;border:var(--border);border-top-width:0;border-bottom-width:0;padding:var(--spacing);float:right !important;margin:calc(var(--spacing)*-1) 0;color:var(--variable-name-color);background:var(--secondary-background);height:calc(var(--nav-size) + var(--spacing)*2);width:calc(var(--nav-size)*10);position:relative;z-index:100}.kint-rich input.kint-search.kint-show{display:block}.kint-rich .kint-search-root ul.kint-tabs>li:not(.kint-search-match){background:var(--secondary-background);filter:saturate(0);opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match){opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match)>dt{background:var(--main-background);filter:saturate(0)}.kint-rich .kint-search-root dl:not(.kint-search-match) dl,.kint-rich .kint-search-root dl:not(.kint-search-match) ul.kint-tabs>li:not(.kint-search-match){opacity:1}.kint-rich div.access-path{background:var(--secondary-background);display:none;margin-top:5px;padding:4px;white-space:pre}.kint-rich div.access-path.kint-show{display:block}.kint-rich footer{padding:0 3px 3px;font-size:9px;background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger{background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger::before{background:var(--text-color)}.kint-rich footer nav{height:10px;width:10px;background-size:10px 50px}.kint-rich footer>ol{display:none;margin-left:32px}.kint-rich footer.kint-show>ol{display:block}.kint-rich a{color:var(--text-color);text-shadow:none;text-decoration:underline}.kint-rich a:hover{color:var(--variable-name-color);border-bottom:1px dotted var(--variable-name-color)}.kint-rich ul{list-style:none;padding-left:calc(var(--spacing)*3)}.kint-rich ul:not(.kint-tabs) li{border-left:1px dashed var(--border-color)}.kint-rich ul:not(.kint-tabs) li>dl{border-left:none}.kint-rich ul.kint-tabs{margin:0 0 0 calc(var(--spacing)*3);padding-left:0;background:var(--main-background);border:var(--border);border-top:0}.kint-rich ul.kint-tabs>li{background:var(--secondary-background);border:var(--border);cursor:pointer;display:inline-block;height:calc(var(--spacing)*6);margin:calc(var(--spacing)/2);padding:0 calc(2px + var(--spacing)*2.5);vertical-align:top}.kint-rich ul.kint-tabs>li:hover,.kint-rich ul.kint-tabs>li.kint-active-tab:hover{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich ul.kint-tabs>li.kint-active-tab{background:var(--main-background);border-top:0;margin-top:-1px;height:27px;line-height:24px}.kint-rich ul.kint-tabs>li:not(.kint-active-tab){line-height:calc(var(--spacing)*5)}.kint-rich ul.kint-tabs li+li{margin-left:0}.kint-rich ul.kint-tab-contents>li{display:none;contain:strict}.kint-rich ul.kint-tab-contents>li.kint-show{display:block;contain:content}.kint-rich dt:hover+dd>ul>li.kint-active-tab{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich dt>.kint-color-preview{width:var(--nav-size);height:var(--nav-size);display:inline-block;vertical-align:middle;margin-left:10px;border:var(--border);background-color:#ccc;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="%23FFF" d="M0 0h1v2h1V1H0z"/></svg>');background-size:min(20px,100%)}.kint-rich dt>.kint-color-preview:hover{border-color:var(--border-color-hover)}.kint-rich dt>.kint-color-preview>div{width:100%;height:100%}.kint-rich table{border-collapse:collapse;empty-cells:show;border-spacing:0}.kint-rich table *{font-size:12px}.kint-rich table dt{background:none;padding:calc(var(--spacing)/2)}.kint-rich table dt .kint-parent{min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kint-rich table td,.kint-rich table th{border:var(--border);padding:calc(var(--spacing)/2);vertical-align:center}.kint-rich table th{cursor:alias}.kint-rich table td:first-child,.kint-rich table th{font-weight:bold;background:var(--secondary-background);color:var(--variable-name-color)}.kint-rich table td{background:var(--main-background);white-space:pre}.kint-rich table td>dl{padding:0}.kint-rich table pre{border-top:0;border-right:0}.kint-rich table thead th:first-child{background:none;border:0}.kint-rich table tr:hover>td{box-shadow:0 0 1px 0 var(--border-color-hover) inset}.kint-rich table tr:hover var{color:var(--variable-type-color-hover)}.kint-rich table ul.kint-tabs li.kint-active-tab{height:20px;line-height:17px}.kint-rich pre.kint-source{margin-left:-1px}.kint-rich pre.kint-source[data-kint-filename]:before{display:block;content:attr(data-kint-filename);margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:1px solid var(--secondary-background)}.kint-rich pre.kint-source>div:before{display:inline-block;content:counter(kint-l);counter-increment:kint-l;border-right:1px solid var(--border-color-hover);padding-right:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2)}.kint-rich pre.kint-source>div.kint-highlight{background:var(--secondary-background)}.kint-rich .kint-microtime-js .kint-microtime-lap{text-shadow:-1px 0 var(--border-color-hover),0 1px var(--border-color-hover),1px 0 var(--border-color-hover),0 -1px var(--border-color-hover);color:var(--main-background);font-weight:bold}.kint-rich{--main-background: #f8f8f8;--secondary-background: #f8f8f8;--variable-type-color: #06f;--variable-type-color-hover: #f00;--border-color: #d7d7d7;--border-color-hover: #aaa;--alternative-background: #fff;--highlight-color: #cfc;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><path d='M6 7h18l-9 15zm0 30h18l-9 15zm0 45h18l-9-15zm0 30h18l-9-15zm0 12l18 18m-18 0l18-18' fill='%23555'/><path d='M6 126l18 18m-18 0l18-18' stroke-width='2' stroke='%23555'/></svg>")}.kint-rich .kint-focused{box-shadow:0 0 3px 2px var(--variable-type-color-hover)}.kint-rich dt{font-weight:normal}.kint-rich dt.kint-parent{margin-top:4px}.kint-rich dl dl{margin-top:4px;padding-left:25px;border-left:none}.kint-rich>dl>dt{background:var(--secondary-background)}.kint-rich ul{margin:0;padding-left:0}.kint-rich ul:not(.kint-tabs)>li{border-left:0}.kint-rich ul.kint-tabs{background:var(--secondary-background);border:var(--border);border-width:0 1px 1px 1px;padding:4px 0 0 12px;margin-left:-1px;margin-top:-1px}.kint-rich ul.kint-tabs li,.kint-rich ul.kint-tabs li+li{margin:0 0 0 4px}.kint-rich ul.kint-tabs li{border-bottom-width:0;height:calc(var(--spacing)*6 + 1px)}.kint-rich ul.kint-tabs li:first-child{margin-left:0}.kint-rich ul.kint-tabs li.kint-active-tab{border-top:var(--border);background:var(--alternative-background);font-weight:bold;padding-top:0;border-bottom:1px solid var(--alternative-background) !important;margin-bottom:-1px}.kint-rich ul.kint-tabs li.kint-active-tab:hover{border-bottom:1px solid var(--alternative-background)}.kint-rich ul>li>pre{border:var(--border)}.kint-rich dt:hover+dd>ul{border-color:var(--border-color-hover)}.kint-rich pre{background:var(--alternative-background);margin-top:4px;margin-left:25px}.kint-rich .kint-source{margin-left:-1px}.kint-rich .kint-source .kint-highlight{background:var(--highlight-color)}.kint-rich .kint-parent.kint-show>.kint-search{border-bottom-width:1px}.kint-rich table td{background:var(--alternative-background)}.kint-rich table td>dl{padding:0;margin:0}.kint-rich table td>dl>dt.kint-parent{margin:0}.kint-rich table td:first-child,.kint-rich table td,.kint-rich table th{padding:2px 4px}.kint-rich table dd,.kint-rich table dt{background:var(--alternative-background)}.kint-rich table tr:hover>td{box-shadow:none;background:var(--highlight-color)}
</style>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Index - </title>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<meta name="author" content=""/>
<meta name="robots" content="max-image-preview:large">
<meta property="og:locale" content="en-US"/>
<meta property="og:site_name" content=""/>
<meta name="X-CSRF-TOKEN" content="ee6eb9619ef22dd4cf193d12c923453f">
<meta property="og:image" content="https://tenthblog.com/assets/media/logo.png"/>
<meta property="og:image:width" content="178"/>
<meta property="og:image:height" content="56"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Index - "/>
<meta property="og:description" content=""/>
<meta property="og:url" content="https://tenthblog.com/"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@"/>
<meta name="twitter:title" content="Index - "/>
<meta name="twitter:description" content=""/>
<link rel="canonical" href="https://tenthblog.com/">
<link rel="icon" type="image/png" href="https://tenthblog.com/assets/media/app_icon.png"/>
<script>(function () {const serverTheme = 'light';const storedTheme = localStorage.getItem('theme');const activeTheme = storedTheme ? storedTheme : serverTheme;if (document.documentElement.getAttribute('data-bs-theme') !== activeTheme) {document.documentElement.setAttribute('data-bs-theme', activeTheme);}})();</script>
<!-- DEBUG-VIEW START 4 APPPATH/Views/themes/common/partials/_fonts.php -->
<link rel="preload" href="https://tenthblog.com/assets/fonts/open-sans/open-sans-400.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://tenthblog.com/assets/fonts/open-sans/open-sans-600.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://tenthblog.com/assets/fonts/open-sans/open-sans-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://tenthblog.com/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-400.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://tenthblog.com/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-600.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://tenthblog.com/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-700.woff2" as="font" type="font/woff2" crossorigin>
<style id="dynamic-theme-styles">@font-face{font-family:'Open Sans';src:url('https://tenthblog.com/assets/fonts/open-sans/open-sans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'Open Sans';src:url('https://tenthblog.com/assets/fonts/open-sans/open-sans-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:'Open Sans';src:url('https://tenthblog.com/assets/fonts/open-sans/open-sans-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:'Plus Jakarta Sans';src:url('https://tenthblog.com/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'Plus Jakarta Sans';src:url('https://tenthblog.com/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:'Plus Jakarta Sans';src:url('https://tenthblog.com/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:'Inter';src:url('https://tenthblog.com/assets/fonts/inter/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'Inter';src:url('https://tenthblog.com/assets/fonts/inter/inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:'Inter';src:url('https://tenthblog.com/assets/fonts/inter/inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}:root{--vr-font-primary:'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--vr-font-secondary:'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--vr-font-content:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--vr-fs-base:0.9375rem;--vr-lh-base:1.5;--vr-fs-post-title:2.25rem;--vr-lh-post-title:1.2;--vr-fs-post-summary:1.125rem;--vr-lh-post-summary:1.4;--vr-fs-content:1.0625rem;--vr-lh-content:1.55;--vr-fs-main-nav:0.9375rem;--vr-lh-main-nav:1.5;--vr-fs-tiny:0.6875rem;--vr-lh-tiny:1.5;--vr-fs-xs:0.75rem;--vr-lh-xs:1.5;--vr-fs-sm:0.8125rem;--vr-lh-sm:1.5;--vr-fs-md:0.875rem;--vr-lh-md:1.5;--vr-fs-lg:1rem;--vr-lh-lg:1.4;--vr-fs-xl:1.125rem;--vr-lh-xl:1.4;--vr-fs-title-xs:0.9375rem;--vr-lh-title-xs:1.5;--vr-fs-title-sm:1rem;--vr-lh-title-sm:1.4;--vr-fs-title-md:1.125rem;--vr-lh-title-md:1.4;--vr-fs-title-lg:1.25rem;--vr-lh-title-lg:1.3;--vr-fs-title-xl:1.375rem;--vr-lh-title-xl:1.3;--vr-fs-title-2xl:1.5rem;--vr-lh-title-2xl:1.3;--vr-fs-title-3xl:1.625rem;--vr-lh-title-3xl:1.3;--vr-fs-title-4xl:1.875rem;--vr-lh-title-4xl:1.2;--vr-fs-title-5xl:2rem;--vr-lh-title-5xl:1.2;}@media (max-width: 768px){:root{--vr-fs-post-title:1.6875rem;--vr-lh-post-title:1.3;--vr-fs-content:1.02rem;--vr-lh-content:1.4;--vr-fs-title-md:1.0125rem;--vr-lh-title-md:1.4;--vr-fs-title-lg:1.1rem;--vr-lh-title-lg:1.4;--vr-fs-title-xl:1.21rem;--vr-lh-title-xl:1.4;--vr-fs-title-2xl:1.23rem;--vr-lh-title-2xl:1.4;--vr-fs-title-3xl:1.3325rem;--vr-lh-title-3xl:1.3;--vr-fs-title-4xl:1.4063rem;--vr-lh-title-4xl:1.3;--vr-fs-title-5xl:1.5rem;--vr-lh-title-5xl:1.3;}}</style>
<!-- DEBUG-VIEW ENDED 4 APPPATH/Views/themes/common/partials/_fonts.php -->
<link href="https://tenthblog.com/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="https://tenthblog.com/assets/themes/magazine/css/style-3.0.min.css" rel="stylesheet">
<!-- DEBUG-VIEW START 5 APPPATH/Views/themes/common/partials/_css_config.php -->

<style>:root{--vr-theme-color:#2d65fe;--vr-block-color:#161616;--vr-mega-menu-color:#f9f9f9;--vr-subscribe-button-color:#18181b;--vr-topbar-text-color:#d1d1d1;--vr-topbar-text-color-hover:#ffffff;}.js-dynamic-more>.dropdown-menu{left:auto !important;right:0 !important;}.js-dynamic-more .dropdown-submenu .submenu{left:auto !important;right:100% !important;margin-right:-2px;}.navbar-expand-lg .navbar-nav>.nav-item{flex-shrink:0 !important;}[dir="rtl"] .js-dynamic-more>.dropdown-menu{right:auto !important;left:0 !important;}[dir="rtl"] .js-dynamic-more .dropdown-submenu .submenu{right:auto !important;left:100% !important;margin-left:-2px;}.bn-ds-1{width:728px;height:90px;}.bn-mb-1{width:300px;height:250px;}</style>
<!-- DEBUG-VIEW ENDED 5 APPPATH/Views/themes/common/partials/_css_config.php -->
<!-- DEBUG-VIEW START 6 APPPATH/Views/themes/common/partials/_js_config.php -->
<script>window.VrConfig = {"baseUrl":"https://tenthblog.com/","csrfTokenName":"csrf_token","sysLangId":1,"authCheck":0,"captchaStatus":0,"captchaProvider":"google","recaptchaSiteKey":"","turnstileSiteKey":"","isRtl":false,"cookiesWarningStatus":0,"gAnalyticsId":"","newsletterPopupDelay":10000,"categorySliderIds":[],"isBrowserCacheActive":true,"browserCacheVersion":"1780910482","isNewsletterPopupActive":false,"text":{"ok":"OK","yes":"Yes","cancel":"Cancel","correctAnswer":"Correct Answer","wrongAnswer":"Wrong Answer","confirmComment":"Are you sure you want to delete this comment?","botVerificationFailed":"Verification failed. Please verify you are not a robot!","more":"More","errorOccured":"An error occurred please try again!","cancelMembershipExp":"Are you sure you want to cancel your subscription? You will still have access to all premium features until the end of your current billing cycle."}};</script>
<!-- DEBUG-VIEW ENDED 6 APPPATH/Views/themes/common/partials/_js_config.php -->

<script type="application/ld+json">
{"@context":"https://schema.org","@graph":[{"@type":"WebSite","url":"https://tenthblog.com/","potentialAction":{"@type":"SearchAction","target":"https://tenthblog.com//search?q={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"Organization","name":"Website Name","url":"https://tenthblog.com/","logo":{"@type":"ImageObject","width":600,"height":60,"url":"https://tenthblog.com/assets/media/logo.svg"}}]}
</script>

</head>

<!-- DEBUG-VIEW ENDED 7 APPPATH/Views/themes/magazine/partials/_head.php -->
<body class="body-index-page">
<div class="d-none d-lg-block">
<!-- DEBUG-VIEW START 8 APPPATH/Views/themes/common/nav/nav_top.php -->
<div class="topbar">
<div class="container-xl">
<div class="d-flex justify-content-between align-items-center w-100">
<div class="left-menu">
<a href="https://tenthblog.com/contact">Contact</a>
</div>

<div class="d-flex align-items-center gap-3">

<div class="d-flex align-items-center gap-2">
<a href="#" data-bs-toggle="modal" data-bs-target="#loginModal">Log In</a>
<span class="opacity-75">/</span>
<a href="https://tenthblog.com/sign-up">Sign Up</a>
</div>


<button class="btn btn-link p-0 text-reset theme-toggle-btn d-flex align-items-center" id="theme-toggle" aria-label="Toggle theme">
<svg xmlns="http://www.w3.org/2000/svg" class="theme-icon d-none" id="theme-sw-icon-moon" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="theme-icon d-none" id="theme-sw-icon-sun" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="4"/>
<path d="M12 2v2"/>
<path d="M12 20v2"/>
<path d="m4.93 4.93 1.41 1.41"/>
<path d="m17.66 17.66 1.41 1.41"/>
<path d="M2 12h2"/>
<path d="M20 12h2"/>
<path d="m6.34 17.66-1.41-1.41"/>
<path d="m19.07 4.93-1.41-1.41"/>
</svg>
</button>
</div>
</div>
</div>
</div>
<!-- DEBUG-VIEW ENDED 8 APPPATH/Views/themes/common/nav/nav_top.php -->
</div>

<div id="sticky-menu-wrapper" class="sticky-top d-none d-lg-block">
<!-- DEBUG-VIEW START 9 APPPATH/Views/themes/common/nav/nav_main.php -->
<div id="mega-menu-wrapper" class="mega-menu-wrapper">
<div class="container-xl">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid px-0 position-relative">

<a href="https://tenthblog.com/" class="navbar-brand" aria-label="Homepage">
<img src="https://tenthblog.com/assets/media/logo.svg" class="logo js-logo-light" alt="Application&#x20;Name Logo" width="178" height="56">
<img src="https://tenthblog.com/assets/media/logo_dark.svg" class="logo js-logo-dark" alt="Application&#x20;Name Logo" width="178" height="56">
</a>

<div class="collapse navbar-collapse">
<ul class="navbar-nav ms-4 mb-2 mb-lg-0 align-items-stretch">
<li class="nav-item active">
<a class="nav-link" href="https://tenthblog.com/">Home</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://tenthblog.com/gallery">
Gallery</a>
</li>
</ul>

<div class="d-flex align-items-center ms-auto gap-2">
<button id="header-search-btn" class="search-icon-btn" aria-label="Search">
<svg xmlns="http://www.w3.org/2000/svg" class="icon-search" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
<svg class="mn-icon icon-close d-none" viewBox="0 0 24 24" width="21" height="21">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
</svg>
</button>

</div>
</div>

<div id="header-search-box" class="header-search-dropdown">
<form action="https://tenthblog.com/search" method="get" class="form-header-search d-flex gap-2">
<input type="text" name="q" class="form-control search-form-control" placeholder="Search..." aria-label="Search" maxlength="300">
<button type="submit" class="btn btn-search" aria-label="Search" title="Search">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</form>
</div>
</div>
</nav>
</div>
</div>

<script>!function(){const e=document.querySelector(".navbar-nav"),t=document.querySelector(".navbar-collapse"),n=document.querySelector(".navbar-collapse > .ms-auto"),o=document.querySelector(".navbar");if(!(e&&t&&n&&o))return;let r=[],a=null,s=null;const l=()=>{if(a||(r=Array.from(e.children).filter(e=>!e.classList.contains("js-dynamic-more")),(a=document.createElement("li")).className="nav-item dropdown d-none js-dynamic-more",a.innerHTML='<a class="nav-link nav-shrink-transition" href="#" data-bs-toggle="dropdown" aria-expanded="false">'+VrConfig.text.more+' <svg class="mn-icon" viewBox="0 0 24 24" width="20" height="20"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg></a><ul class="dropdown-menu standard-dropdown shadow-sm border-0 mt-2"></ul>',e.appendChild(a),s=a.querySelector(".dropdown-menu")),s.innerHTML="",r.forEach(e=>e.classList.remove("d-none")),a.classList.add("d-none"),e.style.flexWrap="nowrap",t.style.flexWrap="nowrap",window.innerWidth<992)return e.style.flexWrap="",void e.classList.add("is-calculated");const o=e.style.display;e.style.display="none";const l=n.getBoundingClientRect();e.style.display=o;const d=e.getBoundingClientRect(),i="undefined"!=typeof VrConfig&&VrConfig.isRtl?d.right-l.right-5:l.left-d.left-5;let c=0,m=-1;for(let e=0;e<r.length;e++)if((c+=r[e].offsetWidth)>i){m=e;break}if(-1!==m){a.classList.remove("d-none");const e=a.offsetWidth;c=0,m=-1;for(let t=0;t<r.length;t++)if((c+=r[t].offsetWidth)>i-e){m=t;break}if(-1!==m)for(let e=m;e<r.length;e++){const t=r[e];t.classList.add("d-none");const n=t.querySelector("a.nav-link");if(n){const e=n.cloneNode(!0);e.querySelectorAll("svg").forEach(e=>e.remove());const o=e.textContent.trim(),r=document.createElement("li");let a=[];if(t.classList.contains("has-megamenu")?a=Array.from(t.querySelectorAll(".subcat-list .subcat-link")):t.querySelector(".standard-dropdown")&&(a=Array.from(t.querySelectorAll(".standard-dropdown > li > a.dropdown-item"))),a.length>0){r.className="dropdown-submenu";const e=document.createElement("a");e.className="dropdown-item",e.href=n.href,e.innerHTML=o+' <svg class="mn-icon submenu-arrow" viewBox="0 0 24 24" width="20" height="20"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"></path></svg>',r.appendChild(e);const t=document.createElement("ul");t.className="submenu vr-scrollbar",a.forEach(e=>{const n=document.createElement("li"),o=document.createElement("a");o.className="dropdown-item",o.href=e.href;const r=e.cloneNode(!0);r.querySelectorAll("svg").forEach(e=>e.remove()),o.textContent=r.textContent.trim(),n.appendChild(o),t.appendChild(n)}),r.appendChild(t)}else{const e=document.createElement("a");e.className="dropdown-item",e.href=n.href,e.textContent=o,r.appendChild(e)}s.appendChild(r)}}}e.classList.add("is-calculated")};let d;const i=()=>{clearTimeout(d),d=setTimeout(l,20)};document.fonts&&document.fonts.ready&&document.fonts.ready.then(i),window.addEventListener("load",i),window.ResizeObserver?new ResizeObserver(()=>{requestAnimationFrame(i)}).observe(o):window.addEventListener("resize",i),l()}();</script>
<!-- DEBUG-VIEW ENDED 9 APPPATH/Views/themes/common/nav/nav_main.php -->
</div>

<!-- DEBUG-VIEW START 10 APPPATH/Views/themes/common/nav/nav_mobile.php -->
<div class="mobile-nav-wrapper d-lg-none">
<header class="mobile-header shadow-sm">
<button class="header-btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobileMenu" aria-controls="mobileMenu" aria-label="Open menu">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</button>

<a href="https://tenthblog.com/" class="header-logo" aria-label="Homepage">
<img src="https://tenthblog.com/assets/media/logo.svg" class="js-logo-light" alt="Application&#x20;Name Logo" width="178" height="56">
<img src="https://tenthblog.com/assets/media/logo_dark.svg" class="js-logo-dark" alt="Application&#x20;Name Logo" width="178" height="56">
</a>

<button class="header-btn" id="searchToggleBtn" aria-label="Open search">
<svg xmlns="http://www.w3.org/2000/svg" id="iconSearchMobile" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" id="iconCloseSearchMobile" class="d-none" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</button>
</header>

<div class="mobile-header-spacer"></div>

<div class="search-overlay" id="searchMobileOverlay">
<form action="https://tenthblog.com/search" method="get" class="search-input-group">
<input name="q" type="text" placeholder="Search..." id="searchInputMobile" aria-label="Search" maxlength="300">
<button type="submit" class="search-submit-btn" aria-label="Search" title="Search">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<circle cx="11" cy="11" r="8"/>
<path d="m21 21-4.3-4.3"/>
</svg>
</button>
</form>
</div>

<div class="offcanvas offcanvas-start custom-offcanvas" tabindex="-1" id="mobileMenu">
<div class="offcanvas-header justify-content-between">
<a href="https://tenthblog.com/" class="offcanvas-logo" aria-label="Homepage">
<img src="https://tenthblog.com/assets/media/logo.svg" class="js-logo-light" alt="Application&#x20;Name Logo" width="178" height="56">
<img src="https://tenthblog.com/assets/media/logo_dark.svg" class="js-logo-dark" alt="Application&#x20;Name Logo" width="178" height="56">
</a>

<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 6 6 18"/>
<path d="m6 6 12 12"/>
</svg>
</button>
</div>

<div class="offcanvas-body p-0 d-flex flex-column">

<div class="guest-section">
<h3 class="guest-title">Welcome!</h3>
<span class="guest-subtitle">Unlock your personalized experience.</span>
<div class="auth-buttons-grid">
<button type="button" class="auth-btn auth-btn-primary" data-bs-toggle="modal" data-bs-target="#loginModal">Log In</button>
<a href="https://tenthblog.com/sign-up" class="auth-btn auth-btn-outline">Sign Up</a>
</div>
</div>

<ul id="mobileMenuAccordion" class="menu-nav">
<li class="menu-item">
<a class="menu-link" href="https://tenthblog.com/"><span>Home</span></a>
</li>


<li class="menu-item">
<a href="https://tenthblog.com/gallery" class="menu-link">
<span>Gallery</span>
</a>
</li>


<li class="menu-item">
<a href="https://tenthblog.com/contact" class="menu-link">
<span>Contact</span>
</a>
</li>

</ul>

<div class="menu-footer">

<div class="theme-btn-container">
<div class="d-flex align-items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>
</svg>
<span>Dark Mode</span>
</div>
<label class="theme-switcher">
<input type="checkbox" id="themeSwitchInput" >
<span class="slider"></span>
</label>
</div>

</div>
</div>
</div>
</div>
<!-- DEBUG-VIEW ENDED 10 APPPATH/Views/themes/common/nav/nav_mobile.php -->

<!-- DEBUG-VIEW START 11 APPPATH/Views/themes/common/partials/_ad_spaces.php -->

<!-- DEBUG-VIEW ENDED 11 APPPATH/Views/themes/common/partials/_ad_spaces.php -->

<main>

    <h1 class="title-index">Index</h1>


<!-- DEBUG-VIEW START 1 APPPATH/Views/themes/magazine/partials/_featured_section.php -->
<section class="section featured-section">
    <div class="container-xl">
        <div class="fs-grid-wrapper">
            <div class="fs-grid-item area-main">
                <div class="main-slider-wrapper">
                                    </div>
            </div>
                        <div class="fs-grid-item fs-grid-boxes area-sub-top">
                            </div>
            <div class="fs-grid-item fs-grid-boxes area-sub-bottom">
                <div class="sub-grid">
                                    </div>
            </div>
        </div>
    </div>
</section>
<!-- DEBUG-VIEW ENDED 1 APPPATH/Views/themes/magazine/partials/_featured_section.php -->
    <div class="d-block h-100px w-100"></div>


<!-- DEBUG-VIEW START 2 APPPATH/Views/themes/common/partials/_ad_spaces.php -->

<!-- DEBUG-VIEW ENDED 2 APPPATH/Views/themes/common/partials/_ad_spaces.php -->
<!-- DEBUG-VIEW START 3 APPPATH/Views/themes/magazine/post/_latest_posts.php -->

<!-- DEBUG-VIEW ENDED 3 APPPATH/Views/themes/magazine/post/_latest_posts.php -->

</main>

<!-- DEBUG-VIEW START 15 APPPATH/Views/themes/common/partials/_modals.php -->
<!-- DEBUG-VIEW START 14 APPPATH/Views/themes/common/auth/_login_modal.php -->
<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 bg-transparent">
            <div class="auth-card">

                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

                <div class="text-center">
                    <h2 class="auth-title">Log In</h2>
                    <p class="auth-subtitle">Welcome back! Please enter your details.</p>
                </div>

                <div class="row g-2 mb-2">
                    <div class="col-12">
                        <!-- DEBUG-VIEW START 12 APPPATH/Views/themes/common/auth/_social_login.php -->

<!-- DEBUG-VIEW ENDED 12 APPPATH/Views/themes/common/auth/_social_login.php -->
                    </div>
                </div>

                <div id="result-login"></div>

                <form id="authLoginForm" method="post" class="needs-validation" novalidate>
                    <input type="hidden" name="csrf_token" value="ee6eb9619ef22dd4cf193d12c923453f"/>

                    <div class="form-floating mb-2">
                        <input type="email" name="email" class="form-control" id="loginEmail" placeholder="Email&#x20;Address" required>
                        <label for="loginEmail">Email Address</label>
                    </div>

                    <div class="form-floating mb-2 position-relative password-wrapper">
                        <input type="password" name="password" class="form-control" id="loginPassword" placeholder="Password" required minlength="4" autocomplete="new-password">
                        <label for="loginPassword">Password</label>
                        <!-- DEBUG-VIEW START 13 APPPATH/Views/themes/common/auth/_password_toggle.php -->
<span class="auth-password-toggle">
    <svg class="icon-eye-slash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
        <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486z"/>
        <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829"/>
        <path d="M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.763"/>
        <path fill-rule="evenodd" d="M1.364 2.354a.5.5 0 0 1 .708 0l12 12a.5.5 0 0 1-.708.708l-12-12a.5.5 0 0 1 0-.708"/>
    </svg>
    <svg class="icon-eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
        <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/>
        <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/>
    </svg>
</span>
<!-- DEBUG-VIEW ENDED 13 APPPATH/Views/themes/common/auth/_password_toggle.php -->
                    </div>

                    <div class="d-flex justify-content-end align-items-center mb-4">
                        <a href="https://tenthblog.com/forgot-password" class="auth-link">Forgot Password?</a>
                    </div>

                    <button class="btn btn-custom btn-block mb-3" type="submit">Log In</button>

                    <div class="text-center">
                        <span class="small text-muted">Don\'t have an account?</span>
                        <a href="https://tenthblog.com/sign-up" class="auth-link ms-1">Sign Up</a>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
<!-- DEBUG-VIEW ENDED 14 APPPATH/Views/themes/common/auth/_login_modal.php -->

<!-- DEBUG-VIEW ENDED 15 APPPATH/Views/themes/common/partials/_modals.php -->

<!-- DEBUG-VIEW START 20 APPPATH/Views/themes/magazine/partials/_footer.php -->

<!-- DEBUG-VIEW START 16 APPPATH/Views/themes/common/partials/_newsletter_popup.php -->


<!-- DEBUG-VIEW ENDED 16 APPPATH/Views/themes/common/partials/_newsletter_popup.php -->

<footer id="footer">
<div class="footer-inner">
<div class="container-xl">
<div class="row justify-content-between">
<div class="col-sm-12 col-md-6 col-lg-4 footer-widget footer-widget-about">
<div class="footer-logo">
<img src="https://tenthblog.com/assets/media/logo_dark.svg" alt="logo" class="logo" width="178" height="56">
</div>
<div class="footer-about">
</div>
<div class="footer-social-links">
<!-- DEBUG-VIEW START 17 APPPATH/Views/themes/common/partials/_social_media_links.php -->
    <a href="https://tenthblog.com/rss-feeds" class="js-hover-bg" aria-label="RSS Feed" title="RSS Feed" data-bg="&#x23;ee802f" data-color="#ffffff">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 1792 1792"><path d="M576 1344q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm512 123q2 28-17 48-18 21-47 21h-135q-25 0-43-16.5t-20-41.5q-22-229-184.5-391.5t-391.5-184.5q-25-2-41.5-20t-16.5-43v-135q0-29 21-47 17-17 43-17h5q160 13 306 80.5t259 181.5q114 113 181.5 259t80.5 306zm512 2q2 27-18 47-18 20-46 20h-143q-26 0-44.5-17.5t-19.5-42.5q-12-215-101-408.5t-231.5-336-336-231.5-408.5-102q-25-1-42.5-19.5t-17.5-43.5v-143q0-28 20-46 18-18 44-18h3q262 13 501.5 120t425.5 294q187 186 294 425.5t120 501.5z"/></svg>    </a>

<!-- DEBUG-VIEW ENDED 17 APPPATH/Views/themes/common/partials/_social_media_links.php -->
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4 footer-widget">
<h4 class="widget-title">Trending Posts</h4>
<div class="footer-posts">
<!-- DEBUG-VIEW START 18 APPPATH/Views/themes/common/cells/trending_posts.php -->

<!-- DEBUG-VIEW ENDED 18 APPPATH/Views/themes/common/cells/trending_posts.php -->
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4 footer-widget">
<h4 class="widget-title">Newsletter</h4>
<div class="newsletter">
<p class="description">Get the latest news and curated updates straight to your inbox. Sign up for our newsletter.</p>
<form id="form_newsletter_footer" class="form-newsletter">
<div class="newsletter-inputs">
<input type="email" name="email" class="form-control form-input newsletter-input" maxlength="199" placeholder="Email">
<button type="submit" name="submit" value="form" class="btn btn-custom newsletter-button">Join</button>
</div>
<input type="text" name="url">
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container-xl">
<div class="row align-items-center">
<div class="col-sm-12 col-md-6">
<div class="copyright text-start">
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="nav-footer text-end">
<ul>
<li><a href="https://tenthblog.com/terms-conditions">Terms &amp; Conditions </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>

<button type="button" class="btn-scroll-up" aria-label="Scroll back to top of the page">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="m18 15-6-6-6 6"/>
</svg>
</button>

<!-- DEBUG-VIEW START 19 APPPATH/Views/themes/common/partials/_cookies_warning.php -->

<!-- DEBUG-VIEW ENDED 19 APPPATH/Views/themes/common/partials/_cookies_warning.php -->


<script src="https://tenthblog.com/assets/common/js/plugins.js"></script>
<script src="https://tenthblog.com/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://tenthblog.com/assets/common/js/main.min.js"></script>


</body>
</html>
<!-- DEBUG-VIEW ENDED 20 APPPATH/Views/themes/magazine/partials/_footer.php -->

<!-- DEBUG-VIEW ENDED 21 APPPATH/Views/themes/magazine/layout.php -->

<!-- DEBUG-VIEW ENDED 22 APPPATH/Views/themes/magazine/index.php -->
