<pre class="language-markup"><code>&lt;!DOCTYPE html&gt;
&lt;html lang="fa" dir="rtl" class="scroll-smooth"&gt;
&lt;head&gt;
  &lt;!-- Maaniya theme by http://webloog.ir/ --&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;&lt;-BlogAndPostTitle-&gt;&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0" /&gt;
  &lt;meta http-equiv="content-language" content="fa" /&gt;
  &lt;meta name="description" content="&lt;-BlogMetaDescription-&gt;" /&gt;
  &lt;meta name="generator" content="blogfa.com" /&gt;
  &lt;meta property="og:title" content="&lt;-AutoPageTitle-&gt;" /&gt;
  &lt;meta property="og:site_name" content="&lt;-BlogTitle-&gt;" /&gt;
  &lt;meta property="og:description" content="&lt;-BlogMetaDescription-&gt;" /&gt;
  &lt;meta name="twitter:title" content="&lt;-AutoPageTitle-&gt;" /&gt;
  &lt;meta name="twitter:description" content="&lt;-BlogMetaDescription-&gt;" /&gt;
  &lt;link rel="alternate" type="application/rss+xml" title="&lt;-BlogTitle-&gt;" href="&lt;-BlogXmlLink-&gt;" /&gt;
  &lt;link rel="preconnect" href="https://fonts.googleapis.com"&gt;
  &lt;link rel="preconnect" href="https://fonts.gstatic.com" crossorigin&gt;
  &lt;link href="https://fonts.googleapis.com/css2?family=Lalezar&amp;display=swap" rel="stylesheet"&gt;
  &lt;link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@33.003/Vazirmatn-font-face.css"&gt;
  &lt;script type="text/javascript"&gt;
    let htmlClass = document.documentElement.classList; let loc = window.location; if (loc != "&lt;-BlogUrl-&gt;" &amp;&amp; loc != "&lt;-BlogUrl-&gt;/" &amp;&amp; loc != "&lt;-BlogUrl-&gt;/?") { htmlClass.add("post-mode"); }
  &lt;/script&gt;
  &lt;style&gt;
    /*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Vazirmatn,sans-serif;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol&gt;li):not(:where([class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul&gt;li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"201C""201D""2018""2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure&gt;*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:initial;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose] *)){vertical-align:initial}.prose :where(tfoot):not(:where([class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose] *)){vertical-align:top}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol&gt;li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul&gt;li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(.prose&gt;ul&gt;li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose&gt;ul&gt;li&gt;:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose&gt;ul&gt;li&gt;:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose&gt;ol&gt;li&gt;:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose&gt;ol&gt;li&gt;:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(.prose&gt;:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(.prose&gt;:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(video):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure&gt;*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(code):not(:where([class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding:.6666667em 1em}.prose-sm :where(ol):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-left:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol&gt;li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(ul&gt;li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(.prose-sm&gt;ul&gt;li p):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm&gt;ul&gt;li&gt;:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm&gt;ul&gt;li&gt;:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm&gt;ol&gt;li&gt;:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm&gt;ol&gt;li&gt;:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose] *)){padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.6666667em 1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-sm :where(.prose-sm&gt;:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm&gt;:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-blue{--tw-prose-links:#2563eb;--tw-prose-invert-links:#3b82f6}a,button{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}a:hover,button:hover{--tw-text-opacity:1!important;color:rgb(59 130 246/var(--tw-text-opacity))!important}#sidebar-list button svg{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}#sidebar-list button:hover svg{--tw-text-opacity:1!important;color:rgb(59 130 246/var(--tw-text-opacity))!important}.wrap{margin-left:auto;margin-right:auto;width:100%;max-width:72rem;padding-left:1.5rem;padding-right:1.5rem}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.left-[-320px]{left:-320px}.left-0{left:0}.z-30{z-index:30}.z-50{z-index:50}.z-[49]{z-index:49}.col-span-1{grid-column:span 1/span 1}.col-span-full{grid-column:1/-1}.clear-both{clear:both}.mx-auto{margin-left:auto;margin-right:auto}.mt-8{margin-top:2rem}.mb-16{margin-bottom:4rem}.-mt-6{margin-top:-1.5rem}.mb-3{margin-bottom:.75rem}.ml-6{margin-left:1.5rem}.mt-3{margin-top:.75rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-6{height:1.5rem}.h-5{height:1.25rem}.h-full{height:100%}.w-full{width:100%}.w-6{width:1.5rem}.w-5{width:1.25rem}.max-w-lg{max-width:32rem}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-y-12{row-gap:3rem}.space-x-6&gt;:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-2&gt;:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.bg-black/5{background-color:#0000000d}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-black/30{background-color:#0000004d}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.p-6{padding:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-[52px]{padding-top:52px}.pt-3{padding-top:.75rem}.pr-6{padding-right:1.5rem}.pr-2{padding-right:.5rem}.pl-6{padding-left:1.5rem}.pt-8{padding-top:2rem}.pb-4{padding-bottom:1rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-semibold{font-weight:600}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity))}.text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-[left]{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}code,pre,textarea{direction:ltr!important;text-align:left!important}*{-webkit-tap-highlight-color:transparent}img[src=""]{display:none}.logo,h1,h2,h3,h4,h5,h6{font-family:Lalezar,Vazirmatn,sans-serif}.marker:text-neutral-700 ::marker{color:#404040}.marker:text-neutral-700::marker{color:#404040}.before:absolute:before{content:var(--tw-content);position:absolute}.before:right-0:before{content:var(--tw-content);right:0}.before:bottom-0:before{content:var(--tw-content);bottom:0}.before:z-[-1]:before{content:var(--tw-content);z-index:-1}.before:h-full:before{content:var(--tw-content);height:100%}.before:w-3/4:before{content:var(--tw-content);width:75%}.before:rotate-3:before{--tw-rotate:3deg}.before:rotate-3:before,.before:scale-110:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before:scale-110:before{--tw-scale-x:1.1;--tw-scale-y:1.1}.before:rounded-lg:before{content:var(--tw-content);border-radius:.5rem}.before:bg-blue-200:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.after:mx-1:after{content:var(--tw-content);margin-left:.25rem;margin-right:.25rem}.after:inline-block:after{content:var(--tw-content);display:inline-block}.after:font-normal:after{content:var(--tw-content);font-weight:400}.after:opacity-80:after{content:var(--tw-content);opacity:.8}.after:content-['[&lt;-TagCount-&gt;]']:after{--tw-content:"[&lt;-TagCount-&gt;]";content:var(--tw-content)}.hover:!text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.hover:!text-blue-200:hover{--tw-text-opacity:1!important;color:rgb(191 219 254/var(--tw-text-opacity))!important}.post-mode .post:hidden{display:none}.menu-open .menu:pointer-events-auto{pointer-events:auto}.menu-open .menu:left-0{left:0}.menu-open .menu:overflow-y-hidden{overflow-y:hidden}.menu-open .menu:opacity-100{opacity:1}.list-open .list:block{display:block}.list-open .list:text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.prose-a:font-semibold :is(:where(a):not(:where([class~=not-prose] *))){font-weight:600}.prose-a:text-blue-500 :is(:where(a):not(:where([class~=not-prose] *))){--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.prose-a:no-underline :is(:where(a):not(:where([class~=not-prose] *))){text-decoration-line:none}.prose-blockquote:border-l-0 :is(:where(blockquote):not(:where([class~=not-prose] *))){border-left-width:0}.prose-blockquote:border-r-4 :is(:where(blockquote):not(:where([class~=not-prose] *))){border-right-width:4px}.prose-blockquote:pr-4 :is(:where(blockquote):not(:where([class~=not-prose] *))){padding-right:1rem}.prose-blockquote:pl-0 :is(:where(blockquote):not(:where([class~=not-prose] *))){padding-left:0}.prose-ol:list-inside :is(:where(ol):not(:where([class~=not-prose] *))){list-style-position:inside}.prose-ul:list-inside :is(:where(ul):not(:where([class~=not-prose] *))){list-style-position:inside}.prose-table:overflow-auto :is(:where(table):not(:where([class~=not-prose] *))){overflow:auto}.prose-table:text-right :is(:where(table):not(:where([class~=not-prose] *))){text-align:right}.prose-img:inline :is(:where(img):not(:where([class~=not-prose] *))){display:inline}.prose-img:rounded :is(:where(img):not(:where([class~=not-prose] *))){border-radius:.25rem}[dir=rtl] .rtl:space-x-reverse&gt;:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}@media (min-width:425px){.ml:pt-14{padding-top:3.5rem}.ml:text-2xl{font-size:1.5rem;line-height:2rem}.ml:text-5xl{font-size:3rem;line-height:1}.ml:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.tb:col-span-3{grid-column:span 3/span 3}.tb:col-span-2{grid-column:span 2/span 2}.tb:col-span-1{grid-column:span 1/span 1}.tb:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.tb:mb-6{margin-bottom:1.5rem}.tb:block{display:block}.tb:flex{display:flex}.tb:hidden{display:none}.tb:prose-base{font-size:1rem;line-height:1.75}.tb:prose-base :where(p):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.tb:prose-base :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.tb:prose-base :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.tb:prose-base :where(h1):not(:where([class~=not-prose] *)){font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.tb:prose-base :where(h2):not(:where([class~=not-prose] *)){font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.tb:prose-base :where(h3):not(:where([class~=not-prose] *)){font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.tb:prose-base :where(h4):not(:where([class~=not-prose] *)){margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.tb:prose-base :where(img):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.tb:prose-base :where(video):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.tb:prose-base :where(figure):not(:where([class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.tb:prose-base :where(figure&gt;*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.tb:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tb:prose-base :where(figcaption):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.tb:prose-base :where(code):not(:where([class~=not-prose] *)){font-size:.875em}.tb:prose-base :where(h2 code):not(:where([class~=not-prose] *)){font-size:.875em}.tb:prose-base :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.tb:prose-base :where(pre):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.tb:prose-base :where(ol):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.tb:prose-base :where(ul):not(:where([class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.tb:prose-base :where(li):not(:where([class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.tb:prose-base :where(ol&gt;li):not(:where([class~=not-prose] *)){padding-left:.375em}.tb:prose-base :where(ul&gt;li):not(:where([class~=not-prose] *)){padding-left:.375em}.tb:prose-base :where(.tb:prose-base&gt;ul&gt;li p):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.tb:prose-base :where(.tb:prose-base&gt;ul&gt;li&gt;:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.tb:prose-base :where(.tb:prose-base&gt;ul&gt;li&gt;:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.tb:prose-base :where(.tb:prose-base&gt;ol&gt;li&gt;:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.tb:prose-base :where(.tb:prose-base&gt;ol&gt;li&gt;:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.tb:prose-base :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.tb:prose-base :where(hr):not(:where([class~=not-prose] *)){margin-top:3em;margin-bottom:3em}.tb:prose-base :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.tb:prose-base :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.tb:prose-base :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.tb:prose-base :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.tb:prose-base :where(table):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.tb:prose-base :where(thead th):not(:where([class~=not-prose] *)){padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.tb:prose-base :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.tb:prose-base :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.tb:prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.5714286em}.tb:prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.tb:prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.tb:prose-base :where(.tb:prose-base&gt;:first-child):not(:where([class~=not-prose] *)){margin-top:0}.tb:prose-base :where(.tb:prose-base&gt;:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.tb:gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.tb:gap-y-0{row-gap:0}.tb:py-32{padding-top:8rem;padding-bottom:8rem}.tb:px-12{padding-left:3rem;padding-right:3rem}.tb:text-base{font-size:1rem;line-height:1.5rem}.tb:text-6xl{font-size:3.75rem;line-height:1}.tb:text-lg{font-size:1.125rem;line-height:1.75rem}.tb:text-2xl{font-size:1.5rem;line-height:2rem}.menu-open .tb:menu:overflow-y-auto{overflow-y:auto}}@media (min-width:1024px){.lb:text-7xl{font-size:4.5rem;line-height:1}}.[&amp;&gt;div:first-of-type&gt;button]:pt-6&gt;div:first-of-type&gt;button{padding-top:1.5rem}.[&amp;&gt;div:last-of-type&gt;button]:pb-6&gt;div:last-of-type&gt;button{padding-bottom:1.5rem}.[&amp;&gt;li&gt;a]:block&gt;li&gt;a{display:block}.[&amp;&gt;li&gt;a]:py-2&gt;li&gt;a{padding-top:.5rem;padding-bottom:.5rem}.[&amp;&gt;li&gt;a]:px-6&gt;li&gt;a{padding-left:1.5rem;padding-right:1.5rem}.[&amp;&gt;li:first-of-type&gt;a]:pt-6&gt;li:first-of-type&gt;a{padding-top:1.5rem}.[&amp;&gt;li:last-of-type&gt;a]:pb-6&gt;li:last-of-type&gt;a{padding-bottom:1.5rem}.[&amp;&gt;a:before]:absolute&gt;a:before{position:absolute}.[&amp;&gt;a:before]:left-0&gt;a:before{left:0}.[&amp;&gt;a:before]:bottom-0&gt;a:before{bottom:0}.[&amp;&gt;a:before]:z-[-1]&gt;a:before{z-index:-1}.[&amp;&gt;a:before]:h-full&gt;a:before{height:100%}.[&amp;&gt;a:before]:w-3/4&gt;a:before{width:75%}.[&amp;&gt;a:before]:-rotate-3&gt;a:before{--tw-rotate:-3deg}.[&amp;&gt;a:before]:-rotate-3&gt;a:before,.[&amp;&gt;a:before]:scale-110&gt;a:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.[&amp;&gt;a:before]:scale-110&gt;a:before{--tw-scale-x:1.1;--tw-scale-y:1.1}.[&amp;&gt;a:before]:rounded-lg&gt;a:before{border-radius:.5rem}.[&amp;&gt;a:before]:bg-rose-200&gt;a:before{--tw-bg-opacity:1;background-color:rgb(254 205 211/var(--tw-bg-opacity))}.[&amp;&gt;a:before]:content-['']&gt;a:before{--tw-content:"";content:var(--tw-content)}.[&amp;&gt;a]:relative&gt;a{position:relative}.[&amp;&gt;a]:inline-block&gt;a{display:inline-block}.[&amp;&gt;a]:flex&gt;a{display:flex}.[&amp;&gt;a]:flex-row&gt;a{flex-direction:row}.[&amp;&gt;a]:items-center&gt;a{align-items:center}.[&amp;&gt;a]:rounded-lg&gt;a{border-radius:.5rem}.[&amp;&gt;a]:bg-rose-500&gt;a{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity))}.[&amp;&gt;a]:bg-white&gt;a{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.[&amp;&gt;a]:px-6&gt;a{padding-left:1.5rem;padding-right:1.5rem}.[&amp;&gt;a]:py-3&gt;a{padding-top:.75rem;padding-bottom:.75rem}.[&amp;&gt;a]:text-white&gt;a{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.[&amp;&gt;a]:shadow-sm&gt;a{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.[&amp;&gt;a&gt;svg]:ml-3&gt;a&gt;svg{margin-left:.75rem}.[&amp;&gt;a:hover]:!text-rose-200&gt;a:hover{--tw-text-opacity:1!important;color:rgb(254 205 211/var(--tw-text-opacity))!important}
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class="text-sm bg-slate-100 tb:text-base text-neutral-700 pt-[52px] ml:pt-14 tb:menu:overflow-y-auto menu:overflow-y-hidden"&gt;
  &lt;nav class="fixed top-0 right-0 z-30 w-full py-3 bg-white shadow-sm"&gt;
    &lt;div class="flex flex-row items-center justify-between wrap"&gt;
      &lt;a class="text-xl ml:text-2xl logo text-neutral-900" href="&lt;-BlogUrl-&gt;" title="&lt;-BlogTitle-&gt;"&gt;&lt;-BlogTitle-&gt;&lt;/a&gt;
      &lt;ul class="flex-row items-center hidden space-x-6 font-semibold tb:flex rtl:space-x-reverse" id="nav-list"&gt;
        &lt;li&gt;&lt;a href="/"&gt;خانه&lt;/a&gt;&lt;/li&gt;
        &lt;BlogProfileLinkBlock&gt;
          &lt;li&gt;&lt;a href="&lt;-BlogProfileLink-&gt;"&gt;پروفایل&lt;/a&gt;&lt;/li&gt;
        &lt;/BlogProfileLinkBlock&gt;
        &lt;BlogEmailBlock&gt;
          &lt;li&gt;&lt;a href="mailto:&lt;-BlogEmail-&gt;"&gt;ایمیل&lt;/a&gt;&lt;/li&gt;
        &lt;/BlogEmailBlock&gt;
        &lt;li&gt;&lt;a href="&lt;-BlogArchiveLink-&gt;"&gt;آرشیو&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/posts/"&gt;نوشته&zwnj;ها&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;button class="block tb:hidden" id="open-menu"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"&gt;&lt;path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /&gt;&lt;/svg&gt;&lt;/button&gt;
    &lt;/div&gt;
  &lt;/nav&gt;

  &lt;!-- محل تغییر عکس --&gt;
  &lt;header style="background-image: url('https://uploadkon.ir/uploads/fcc117_23xxaz.jpg');" class="bg-no-repeat bg-cover bg-neutral-900 post:hidden"&gt;

    &lt;div class="py-20 tb:py-32 bg-black/5"&gt;
      &lt;div style="text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);" class="text-center text-white wrap"&gt;
        &lt;h1 class="text-4xl ml:text-5xl tb:text-6xl lb:text-7xl"&gt;&lt;a href="&lt;-BlogUrl-&gt;" class="hover:!text-white"&gt;&lt;-BlogTitle-&gt;&lt;/a&gt;&lt;/h1&gt;
        &lt;p class="max-w-lg mx-auto mt-8 ml:text-base tb:text-lg"&gt;&lt;-BlogDescription-&gt;&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/header&gt;

  &lt;div class="grid items-start grid-cols-1 py-12 tb:grid-cols-4 tb:gap-x-12 wrap"&gt;
    &lt;div class="hidden col-span-1 overflow-hidden bg-white rounded-lg shadow-sm tb:block"&gt;
      &lt;ul class="[&amp;&gt;div:first-of-type&gt;button]:pt-6 [&amp;&gt;div:last-of-type&gt;button]:pb-6" id="sidebar-list"&gt;
        &lt;div&gt;
          &lt;button data-webloogList class="flex flex-row items-center justify-between w-full px-6 py-3 list:text-blue-500"&gt;
            &lt;span&gt;فهرست&lt;/span&gt;
            &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 list:text-blue-500 text-neutral-400"&gt;&lt;path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
          &lt;/button&gt;
          &lt;ul class="hidden list:block bg-blue-50 [&amp;&gt;li&gt;a]:block [&amp;&gt;li&gt;a]:py-2 [&amp;&gt;li:first-of-type&gt;a]:pt-6 [&amp;&gt;li:last-of-type&gt;a]:pb-6 [&amp;&gt;li&gt;a]:px-6 text-sm font-semibold" id="pages-list"&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;BlogPreviousItemsBlock&gt;
          &lt;div&gt;
            &lt;button data-webloogList class="flex flex-row items-center justify-between w-full px-6 py-3 list:text-blue-500"&gt;
              &lt;span&gt;جدیدترین&zwnj;ها&lt;/span&gt;
              &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 list:text-blue-500 text-neutral-400"&gt;&lt;path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
            &lt;/button&gt;
            &lt;ul class="hidden list:block bg-blue-50 [&amp;&gt;li&gt;a]:block [&amp;&gt;li&gt;a]:py-2 [&amp;&gt;li:first-of-type&gt;a]:pt-6 [&amp;&gt;li:last-of-type&gt;a]:pb-6 [&amp;&gt;li&gt;a]:px-6 text-sm font-semibold"&gt;
              &lt;BlogPreviousItems items="12"&gt;
                &lt;li&gt;&lt;a href="&lt;-PostLink-&gt;"&gt;&lt;-PostTitle-&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/BlogPreviousItems&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/BlogPreviousItemsBlock&gt;
        &lt;BlogCategoriesBlock&gt;
          &lt;div&gt;
            &lt;button data-webloogList class="flex flex-row items-center justify-between w-full px-6 py-3 list:text-blue-500"&gt;
              &lt;span&gt;موضوع&zwnj;ها&lt;/span&gt;
              &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 list:text-blue-500 text-neutral-400"&gt;&lt;path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
            &lt;/button&gt;
            &lt;ul class="hidden list:block bg-blue-50 [&amp;&gt;li&gt;a]:block [&amp;&gt;li&gt;a]:py-2 [&amp;&gt;li:first-of-type&gt;a]:pt-6 [&amp;&gt;li:last-of-type&gt;a]:pb-6 [&amp;&gt;li&gt;a]:px-6 text-sm font-semibold"&gt;
              &lt;BlogCategories&gt;
                &lt;li&gt;&lt;a href="&lt;-CategoryLink-&gt;"&gt;&lt;-CategoryName-&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/BlogCategories&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/BlogCategoriesBlock&gt;
        &lt;BlogTagsBlock&gt;
          &lt;div&gt;
            &lt;button data-webloogList class="flex flex-row items-center justify-between w-full px-6 py-3 list:text-blue-500"&gt;
              &lt;span&gt;برچسب&zwnj;ها&lt;/span&gt;
              &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 list:text-blue-500 text-neutral-400"&gt;&lt;path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
            &lt;/button&gt;
            &lt;ul class="hidden list:block bg-blue-50 [&amp;&gt;li&gt;a]:block [&amp;&gt;li&gt;a]:py-2 [&amp;&gt;li:first-of-type&gt;a]:pt-6 [&amp;&gt;li:last-of-type&gt;a]:pb-6 [&amp;&gt;li&gt;a]:px-6 text-sm font-semibold"&gt;
              &lt;BlogTags&gt;
                &lt;li&gt;&lt;a href="&lt;-TagLink-&gt;" class="after:content-['[&lt;-TagCount-&gt;]'] after:font-normal after:opacity-80 after:inline-block after:mx-1"&gt;&lt;-TagName-&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/BlogTags&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/BlogTagsBlock&gt;
        &lt;BlogArchiveBlock&gt;
          &lt;div&gt;
            &lt;button data-webloogList class="flex flex-row items-center justify-between w-full px-6 py-3 list:text-blue-500"&gt;
              &lt;span&gt;آرشیو&lt;/span&gt;
              &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 list:text-blue-500 text-neutral-400"&gt;&lt;path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
            &lt;/button&gt;
            &lt;ul class="hidden list:block bg-blue-50 [&amp;&gt;li&gt;a]:block [&amp;&gt;li&gt;a]:py-2 [&amp;&gt;li:first-of-type&gt;a]:pt-6 [&amp;&gt;li:last-of-type&gt;a]:pb-6 [&amp;&gt;li&gt;a]:px-6 text-sm font-semibold"&gt;
              &lt;BlogArchive&gt;
                &lt;li&gt;&lt;a href="&lt;-ArchiveLink-&gt;"&gt;&lt;-ArchiveTitle-&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/BlogArchive&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/BlogArchiveBlock&gt;
        &lt;BlogAuthorsBlock&gt;
          &lt;div&gt;
            &lt;button data-webloogList class="flex flex-row items-center justify-between w-full px-6 py-3 list:text-blue-500"&gt;
              &lt;span&gt;نویسندگان&lt;/span&gt;
              &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 list:text-blue-500 text-neutral-400"&gt;&lt;path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
            &lt;/button&gt;
            &lt;ul class="hidden list:block bg-blue-50 [&amp;&gt;li&gt;a]:block [&amp;&gt;li&gt;a]:py-2 [&amp;&gt;li:first-of-type&gt;a]:pt-6 [&amp;&gt;li:last-of-type&gt;a]:pb-6 [&amp;&gt;li&gt;a]:px-6 text-sm font-semibold"&gt;
              &lt;BlogAuthors&gt;
                &lt;li&gt;&lt;a href="&lt;-AuthorLink-&gt;"&gt; &lt;-AuthorName-&gt; &lt;/a&gt;&lt;/li&gt;
              &lt;/BlogAuthors&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/BlogAuthorsBlock&gt;
        &lt;BlogLinkDumpBlock&gt;
          &lt;div&gt;
            &lt;button data-webloogList class="flex flex-row items-center justify-between w-full px-6 py-3 list:text-blue-500"&gt;
              &lt;span&gt;پیوندهای روزانه&lt;/span&gt;
              &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 list:text-blue-500 text-neutral-400"&gt;&lt;path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
            &lt;/button&gt;
            &lt;/h6&gt;
            &lt;ul class="hidden list:block bg-blue-50 [&amp;&gt;li&gt;a]:block [&amp;&gt;li&gt;a]:py-2 [&amp;&gt;li:first-of-type&gt;a]:pt-6 [&amp;&gt;li:last-of-type&gt;a]:pb-6 [&amp;&gt;li&gt;a]:px-6 text-sm font-semibold"&gt;
              &lt;BlogLinkDump&gt;
                &lt;li&gt;
                  &lt;a href="&lt;-LinkUrl-&gt;" target="_blank" title="&lt;-LinkDescription-&gt;"&gt;
                    &lt;-LinkTitle-&gt;
                  &lt;/a&gt;
                &lt;/li&gt;
              &lt;/BlogLinkDump&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/BlogLinkDumpBlock&gt;
        &lt;BlogLinksBlock&gt;
          &lt;div&gt;
            &lt;button data-webloogList class="flex flex-row items-center justify-between w-full px-6 py-3 list:text-blue-500"&gt;
              &lt;span&gt;دوستان&lt;/span&gt;
              &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 list:text-blue-500 text-neutral-400"&gt;&lt;path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
            &lt;/button&gt;
            &lt;ul class="hidden list:block bg-blue-50 [&amp;&gt;li&gt;a]:block [&amp;&gt;li&gt;a]:py-2 [&amp;&gt;li:first-of-type&gt;a]:pt-6 [&amp;&gt;li:last-of-type&gt;a]:pb-6 [&amp;&gt;li&gt;a]:px-6 text-sm font-semibold"&gt;
              &lt;BlogLinks&gt;
                &lt;li&gt;
                  &lt;a href="&lt;-LinkUrl-&gt;" target="_blank"&gt; &lt;-LinkTitle-&gt; &lt;/a&gt;
                &lt;/li&gt;
              &lt;/BlogLinks&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/BlogLinksBlock&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div class="col-span-1 tb:col-span-3"&gt;
      &lt;BLOGFA&gt;
        &lt;article class="mb-16"&gt;
          &lt;h1 class="px-6"&gt;
            &lt;a href="&lt;-PostLink-&gt;" title="&lt;-PostTitle-&gt;" class="before:rounded-lg before:right-0 before:bottom-0 before:w-3/4 before:h-full before:absolute before:bg-blue-200 before:rotate-3 before:z-[-1] before:scale-110 relative inline-block p-6 text-xl text-white bg-blue-500 rounded-lg tb:text-2xl hover:!text-blue-200"&gt;&lt;-PostTitle-&gt;&lt;/a&gt;
          &lt;/h1&gt;
          &lt;div class="px-6 -mt-6 bg-white rounded-lg shadow-sm py-9 tb:px-12 "&gt;
            &lt;div class="flex flex-row flex-wrap items-center pt-3 pr-6 mb-3 text-sm rounded-lg tb:-mx-6 tb:mb-6 text-neutral-600 bg-blue-50 max-w-fit"&gt;
              &lt;div class="flex flex-row items-center mb-3 ml-6"&gt;
                &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5"&gt;&lt;path d="M5.25 12a.75.75 0 01.75-.75h.01a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75H6a.75.75 0 01-.75-.75V12zM6 13.25a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 00.75-.75V14a.75.75 0 00-.75-.75H6zM7.25 12a.75.75 0 01.75-.75h.01a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75H8a.75.75 0 01-.75-.75V12zM8 13.25a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 00.75-.75V14a.75.75 0 00-.75-.75H8zM9.25 10a.75.75 0 01.75-.75h.01a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75H10a.75.75 0 01-.75-.75V10zM10 11.25a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 00.75-.75V12a.75.75 0 00-.75-.75H10zM9.25 14a.75.75 0 01.75-.75h.01a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75H10a.75.75 0 01-.75-.75V14zM12 9.25a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 00.75-.75V10a.75.75 0 00-.75-.75H12zM11.25 12a.75.75 0 01.75-.75h.01a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75H12a.75.75 0 01-.75-.75V12zM12 13.25a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 00.75-.75V14a.75.75 0 00-.75-.75H12zM13.25 10a.75.75 0 01.75-.75h.01a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75H14a.75.75 0 01-.75-.75V10zM14 11.25a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 00.75-.75V12a.75.75 0 00-.75-.75H14z" /&gt;&lt;path fill-rule="evenodd" d="M5.75 2a.75.75 0 01.75.75V4h7V2.75a.75.75 0 011.5 0V4h.25A2.75 2.75 0 0118 6.75v8.5A2.75 2.75 0 0115.25 18H4.75A2.75 2.75 0 012 15.25v-8.5A2.75 2.75 0 014.75 4H5V2.75A.75.75 0 015.75 2zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
                &lt;span class="pr-2"&gt;&lt;-PostDate-&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="flex flex-row items-center mb-3 ml-6"&gt;
                &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5"&gt;&lt;path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /&gt;&lt;/svg&gt;
                &lt;span class="pr-2"&gt;&lt;-PostTime-&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="flex flex-row items-center mb-3 ml-6"&gt;
                &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5"&gt;&lt;path d="M10 8a3 3 0 100-6 3 3 0 000 6zM3.465 14.493a1.23 1.23 0 00.41 1.412A9.957 9.957 0 0010 18c2.31 0 4.438-.784 6.131-2.1.43-.333.604-.903.408-1.41a7.002 7.002 0 00-13.074.003z" /&gt;&lt;/svg&gt;
                &lt;span class="pr-2"&gt;&lt;-PostAuthor-&gt;&lt;/span&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="overflow-auto prose-sm prose tb:prose-base prose-blue max-w-none prose-a:font-semibold prose-a:text-blue-500 prose-a:no-underline prose-blockquote:border-l-0 prose-blockquote:border-r-4 prose-blockquote:pr-4 prose-blockquote:pl-0 prose-ol:list-inside prose-ul:list-inside prose-table:overflow-auto prose-table:text-right prose-img:inline prose-img:rounded"&gt;
              &lt;-PostContent-&gt;
                &lt;div class="clear-both"&gt;&lt;/div&gt;
                &lt;BlogExtendedPost&gt;&lt;a href="&lt;-PostLink-&gt;"&gt;ادامه نوشته..&lt;/a&gt;&lt;/BlogExtendedPost&gt;
                &lt;BlogPostTagsBlock&gt;
                  &lt;div class="mt-3"&gt;
                    &lt;span&gt;برچسب&zwnj;ها: &lt;/span&gt;
                    &lt;BlogPostTags separator="، "&gt;&lt;a href="&lt;-TagLink-&gt;"&gt;&lt;-TagName-&gt;&lt;/a&gt;&lt;/BlogPostTags&gt;
                  &lt;/div&gt;
                &lt;/BlogPostTagsBlock&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;BlogComment&gt;
            &lt;div dir="rtl" class="[&amp;&gt;a:before]:rounded-lg [&amp;&gt;a:before]:content-[''] [&amp;&gt;a:before]:z-[-1] [&amp;&gt;a]:relative [&amp;&gt;a:before]:left-0 [&amp;&gt;a:before]:bottom-0 [&amp;&gt;a:before]:w-3/4 [&amp;&gt;a:before]:h-full [&amp;&gt;a:before]:absolute [&amp;&gt;a:before]:bg-rose-200 [&amp;&gt;a:before]:-rotate-3  [&amp;&gt;a:before]:scale-110 -mt-6 font-semibold mr-auto max-w-fit [&amp;&gt;a]:flex-row [&amp;&gt;a]:items-center [&amp;&gt;a&gt;svg]:ml-3 [&amp;&gt;a:hover]:!text-rose-200 [&amp;&gt;a]:px-6 [&amp;&gt;a]:rounded-lg [&amp;&gt;a]:flex  [&amp;&gt;a]:bg-rose-500 [&amp;&gt;a]:text-white pl-6 [&amp;&gt;a]:py-3 " comment-for="&lt;-PostId-&gt;"&gt;
            &lt;/div&gt;
          &lt;/BlogComment&gt;
        &lt;/article&gt;
      &lt;/BLOGFA&gt;
      &lt;BlogNextAndPreviousBlock&gt;
        &lt;div class="flex flex-row flex-wrap items-center justify-between mb-16 [&amp;&gt;a]:inline-block [&amp;&gt;a]:py-3 [&amp;&gt;a]:px-6 [&amp;&gt;a]:rounded-lg [&amp;&gt;a]:bg-white [&amp;&gt;a]:shadow-sm"&gt;
          &lt;BlogPreviousPageBlock&gt;
            &lt;a href="&lt;-BlogPreviousPageLink-&gt;" class="ml-auto" title="صفحه قبل"&gt;صفحه قبل&lt;/a&gt;
          &lt;/BlogPreviousPageBlock&gt;
          &lt;BlogNextPageBlock&gt;
            &lt;a href="&lt;-BlogNextPageLink-&gt;" class="mr-auto" title="صفحه بعد"&gt;صفحه بعد&lt;/a&gt;
          &lt;/BlogNextPageBlock&gt;
        &lt;/div&gt;
      &lt;/BlogNextAndPreviousBlock&gt;
      &lt;div class="max-w-xs p-6 mx-auto mb-8 text-sm text-center border border-dashed rounded-lg border-slate-200"&gt;
        &lt;h6 class="mb-3 text-xl"&gt;امکانات وبلاگ&lt;/h6&gt;
        &lt;-BlogCustomHtml-&gt;
          &lt;div class="clear-both"&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="sidebar" class="fixed block tb:hidden bg-white w-full max-w-xs top-0 h-full overflow-auto transition-[left] duration-500 left-[-320px] z-50 menu:left-0 py-6"&gt;
    &lt;div class="px-6 mb-6"&gt;
      &lt;button id="close-menu"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"&gt;&lt;path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /&gt;&lt;/svg&gt;&lt;/button&gt;
    &lt;/div&gt;
    &lt;ul id="mobile-sidebar-list"&gt;&lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="overlay" class="z-[49] block tb:hidden bg-black/30 w-full h-full fixed left-0 top-0 opacity-0 menu:opacity-100 pointer-events-none menu:pointer-events-auto transition"&gt;&lt;/div&gt;
  &lt;footer class="relative py-12 bg-slate-200"&gt;
    &lt;div class="grid grid-cols-4 wrap gap-y-12 tb:gap-y-0 tb:gap-x-12"&gt;
      &lt;BlogProfile&gt;
        &lt;div class="max-w-sm col-span-full tb:col-span-2"&gt;
          &lt;h6 class="mb-6 text-xl"&gt;درباره وبلاگ&lt;/h6&gt;
          &lt;div&gt;
            &lt;BlogPhoto&gt;
              &lt;img src="&lt;-BlogPhotoLink-&gt;" class="block mb-4 rounded" alt="&lt;-BlogTitle-&gt;"&gt;
            &lt;/BlogPhoto&gt;
            &lt;-BlogAbout-&gt;
              &lt;div class="clear-both"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/BlogProfile&gt;
      &lt;div class="col-span-full tb:col-span-1"&gt;
        &lt;h6 class="mb-6 text-xl"&gt;لینک&zwnj;های وبلاگ&lt;/h6&gt;
        &lt;ul class="space-y-2 list-disc list-inside marker:text-neutral-700"&gt;
          &lt;li&gt;&lt;a href="/"&gt;خانه&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="&lt;-BlogArchiveLink-&gt;"&gt;آرشیو&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/posts/"&gt;نوشته&zwnj;ها&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/rss"&gt;فید وب&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/sitemap.xml"&gt;نقشه وب&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="col-span-full tb:col-span-1"&gt;
        &lt;h6 class="mb-6 text-xl"&gt;شبکه&zwnj;های اجتماعی&lt;/h6&gt;
        &lt;ul class="space-y-2 list-disc list-inside marker:text-neutral-700"&gt;
          &lt;li&gt;&lt;a href="#"&gt;اینستاگرام&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;تلگرام&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;فیسبوک&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;یوتیوب&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;توییتر&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/footer&gt;
  &lt;div class="pt-8 pb-4 text-sm text-white bg-neutral-900"&gt;
    &lt;div class="flex flex-row flex-wrap items-center justify-between wrap"&gt;
      &lt;a href="&lt;-BlogUrl-&gt;" class="mb-4"&gt;&amp;copy; &lt;-BlogTitle-&gt;&lt;/a&gt;
      &lt;div class="mb-4 copyright"&gt;طراح قالب: &lt;a href="http://webloog.ir" title="وبلاگ :: webloog" target="_blank"&gt;وبلاگ :: webloog&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
    let cmIcon = `&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"&gt;&lt;path fill-rule="evenodd" d="M4.848 2.771A49.144 49.144 0 0112 2.25c2.43 0 4.817.178 7.152.52 1.978.292 3.348 2.024 3.348 3.97v6.02c0 1.946-1.37 3.678-3.348 3.97a48.901 48.901 0 01-3.476.383.39.39 0 00-.297.17l-2.755 4.133a.75.75 0 01-1.248 0l-2.755-4.133a.39.39 0 00-.297-.17 48.9 48.9 0 01-3.476-.384c-1.978-.29-3.348-2.024-3.348-3.97V6.741c0-1.946 1.37-3.68 3.348-3.97zM6.75 8.25a.75.75 0 01.75-.75h9a.75.75 0 010 1.5h-9a.75.75 0 01-.75-.75zm.75 2.25a.75.75 0 000 1.5H12a.75.75 0 000-1.5H7.5z" clip-rule="evenodd" /&gt;&lt;/svg&gt;`; var cmt_caption = ["نظرات", "نظر بدهيد", "يک نظر", "نظر"], cmt_blogid = "&lt;-BlogId-&gt;", __cmt_updated = !1; function updatecomments() { var t = [], n = 0, o = "", e = "", a = 0; if ("" != cmt_blogid) { try { for (c = 0; c &lt; BlogComments.length; c += 2)t["_" + BlogComments[c]] = BlogComments[c + 1]; var d = document.getElementsByTagName("*"); for (i = 0; i &lt; d.length; i++)null != (a = d[i].getAttribute("comment-for")) &amp;&amp; (-1 == (n = null != t["_" + (a = parseInt(a))] ? t["_" + a] : -1) ? o = cmt_caption[0] : 0 == n ? o = cmt_caption[1] : 1 == n ? o = cmt_caption[2] : n &gt; 1 &amp;&amp; (o = n + " " + cmt_caption[3]), e = "/comments/?blogid=" + cmt_blogid + "&amp;postid=" + a, o = getwindowwidth() &gt; 700 ? "&lt;a href="javascript:void(0)" onclick="javascript:window.open('" + e + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')" &gt;" + cmIcon + "&lt;span&gt;" + o + "&lt;/span&gt;&lt;/a&gt;" : "&lt;a href="" + e + ""&gt;" + cmIcon + "&lt;span&gt;" + o + "&lt;/span&gt;&lt;/a&gt;", d[i].innerHTML = o) } catch (t) { } __cmt_updated = !0 } } function openlinks() { return getwindowwidth() &lt; 700 || (window.open("/links", "blogfa_ld", "status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px"), !1) } function getwindowwidth() { return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth } window.addEventListener ? window.addEventListener("load", updatecomments) : window.attachEvent &amp;&amp; window.attachEvent("onload", updatecomments), setTimeout((function () { 0 == __cmt_updated &amp;&amp; updatecomments() }), 6e3); let ie2x = document.querySelector("u002eu0063u006fu0070u0079u0072u0069u0067u0068u0074"); null != typeof ie2x &amp;&amp; null != ie2x &amp;&amp; document.documentElement.textContent.includes("u0077u0065u0062u006cu006fu006fu0067") ? ie2x.innerHTML = 'u0637u0631u0627u062du0020u0642u0627u0644u0628u003au0020u003cu0061u0020u0068u0072u0065u0066u003du0022u0068u0074u0074u0070u003au002fu002fu0077u0065u0062u006cu006fu006fu0067u002eu0069u0072u0022u0020u0074u0069u0074u006cu0065u003du0022u0648u0628u0644u0627u06afu0020u003au003au0020u0077u0065u0062u006cu006fu006fu0067u0022u0020u0074u0061u0072u0067u0065u0074u003du0022u005fu0062u006cu0061u006eu006bu0022u003eu0648u0628u0644u0627u06afu0020u003au003au0020u0077u0065u0062u006cu006fu006fu0067u003cu002fu0061u003e' : document.body.innerHTML = "u062eu0637u0627u0021u0020u0642u0627u0644u0628u0020u0631u0627u0020u062fu0648u0628u0627u0631u0647u0020u0646u0635u0628u0020u06a9u0646u06ccu062fu002e"; document.getElementById("pages-list").insertAdjacentHTML("beforeend", document.querySelector("#nav-list").innerHTML), document.getElementById("mobile-sidebar-list").insertAdjacentHTML("beforeend", document.querySelector("#sidebar-list").innerHTML), document.querySelectorAll("#open-menu, #overlay, #close-menu").forEach((e =&gt; { e.addEventListener("click", (() =&gt; { htmlClass.contains("menu-open") ? htmlClass.remove("menu-open") : htmlClass.add("menu-open") })) })), document.querySelectorAll("button[data-webloogList]").forEach((e =&gt; { e.addEventListener("click", (() =&gt; { e.parentElement.classList.contains("list-open") ? e.parentElement.classList.remove("list-open") : (document.querySelectorAll("button[data-webloogList]").forEach((e =&gt; e.parentElement.classList.remove("list-open"))), e.parentElement.classList.add("list-open")) })) }));
  &lt;/script&gt;
&lt;!-- Maaniya theme by http://webloog.ir/ --&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>