-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (70 loc) · 102 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.10.0"/><meta data-react-helmet="true" name="theme-color" content="#fff"/><meta data-react-helmet="true" itemProp="name" content="Home"/><meta data-react-helmet="true" itemProp="description" content="Pitayan blog is a place publishing contents about web development! All articles are free to read and share."/><meta data-react-helmet="true" itemProp="image" content="https://pitayan.github.io/gatsby-theme-pitayan/static/2eb5382035766910651feea20e4e2745/SiteCover.png"/><meta data-react-helmet="true" name="description" content="Pitayan blog is a place publishing contents about web development! All articles are free to read and share."/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:site" content="Pitayan"/><meta data-react-helmet="true" name="twitter:title" content="Home"/><meta data-react-helmet="true" name="twitter:description" content="Pitayan blog is a place publishing contents about web development! All articles are free to read and share."/><meta data-react-helmet="true" name="twitter:creator" content="https://twitter.com/pitayanblog"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:title" content="Home"/><meta data-react-helmet="true" property="og:url" content="https://pitayan.github.io"/><meta data-react-helmet="true" property="og:image" content="https://pitayan.github.io/gatsby-theme-pitayan/static/2eb5382035766910651feea20e4e2745/SiteCover.png"/><meta data-react-helmet="true" property="og:description" content="Pitayan blog is a place publishing contents about web development! All articles are free to read and share."/><meta data-react-helmet="true" property="og:site_name" content="Pitayan"/><style data-href="/gatsby-theme-pitayan/styles.aad7a78077da323ef1f7.css" data-identity="gatsby-global-css">@import url(https://fonts.googleapis.com/css?family=Merriweather:400,500,600,700,800,900&display=swap);
/* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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:Operator Mono,Consolas,Menlo,Monaco,source-code-pro,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,: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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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:rgba(59,130,246,.5);--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: }::backdrop{--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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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:rgba(59,130,246,.5);--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: }body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.125rem;line-height:1.75rem;line-height:1}:is(.dark body){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}body{-webkit-tap-highlight-color:transparent;backface-visibility:hidden;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}:is(.dark *){color:#e5e7eb}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-\[6\%\]{bottom:6%}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.right-\[6\%\]{right:6%}.top-0{top:0}.top-\[2\%\]{top:2%}.top-\[23\%\]{top:23%}.top-\[2rem\]{top:2rem}.z-0{z-index:0}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-auto{grid-row:auto}.row-span-2{grid-row:span 2/span 2}.-m-2{margin:-.5rem}.m-0{margin:0}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-16{margin-bottom:4rem;margin-top:4rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-24{margin-bottom:6rem;margin-top:6rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-8{margin-bottom:2rem;margin-top:2rem}.\!mt-0{margin-top:0!important}.-mb-2{margin-bottom:-.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-48{margin-bottom:12rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-6{margin-right:1.5rem}.mr-auto{margin-right:auto}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-32{height:8rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-8{height:2rem}.h-full{height:100%}.max-h-full{max-height:100%}.w-0{width:0}.w-1{width:.25rem}.w-1\/2{width:50%}.w-20{width:5rem}.w-32{width:8rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-96{width:24rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-screen-xl{max-width:1280px}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.transform{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))}@keyframes fade-in-scale{0%{opacity:0;transform:scale(0) rotate(270deg)}to{opacity:1;transform:scale(1) rotate(1turn)}}.animate-fade-in-scale{animation:fade-in-scale .5s ease-in-out}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-cols-auto{grid-auto-columns:auto}.grid-flow-row{grid-auto-flow:row}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.75rem*var(--tw-space-x-reverse))}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre{white-space:pre}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-l-8{border-left-width:8px}.border-r-8{border-right-width:8px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-t-black{--tw-border-opacity:1;border-top-color:rgb(0 0 0/var(--tw-border-opacity))}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.fill-current{fill:currentColor}.fill-white{fill:#fff}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.\!pl-8{padding-left:2rem!important}.pb-20{padding-bottom:5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-\[2\.6em\]{padding-left:2.6em}.pr-0{padding-right:0}.pt-16{padding-top:4rem}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:Operator Mono,Consolas,Menlo,Monaco,source-code-pro,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:Merriweather,Georgia,Serif,ui-serif,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[110\%\]{font-size:110%}.text-\[80\%\]{font-size:80%}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-indigo-300{--tw-ring-opacity:1;--tw-ring-color:rgb(165 180 252/var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.ring-offset-1{--tw-ring-offset-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;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-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-100{transition-delay:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mark-w-sm{max-width:32rem}.mark-w-md,.mark-w-sm{margin-left:auto;margin-right:auto}.mark-w-md{max-width:42rem}.mark-w-lg{max-width:48rem}.mark-w-2l,.mark-w-lg{margin-left:auto;margin-right:auto}.mark-w-2l{max-width:56rem}.border-t-white{border-top-color:#fff}.border-t-black{border-top-color:#000}.text-inverted{color:#e5e7eb}.bg-inverted{background-color:#e5e7eb}.border-inverted{border-color:#e5e7eb}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:opacity-80:hover{opacity:.8}:is(.dark .dark\:border-gray-800){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}:is(.dark .dark\:fill-inherit){fill:inherit}:is(.dark .dark\:text-black){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}:is(.dark .dark\:ring-gray-600){--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}:is(.dark .dark\:\!text-inverted){color:#e5e7eb!important}:is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}@media (min-width:640px){.sm\:flex{display:flex}.sm\:w-1\/3{width:33.333333%}.sm\:w-auto{width:auto}.sm\:max-w-full{max-width:100%}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:\!rounded{border-radius:.25rem!important}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:hidden{display:none}.md\:w-\[49\%\]{width:49%}.md\:max-w-2xl{max-width:42rem}.md\:max-w-md{max-width:28rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:\!pr-32{padding-right:8rem!important}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:leading-tight{line-height:1.25}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:col-end-8{grid-column-end:8}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}@media (min-width:768px){h1{font-size:2.25rem;line-height:2.5rem}}h1{font-size:1.875rem;line-height:2.25rem}@media (min-width:768px){h2{font-size:1.875rem;line-height:2.25rem}}h2{font-size:1.5rem;line-height:2rem}@media (min-width:768px){h3{font-size:1.5rem;line-height:2rem}}h3{font-size:1.25rem;line-height:1.75rem}@media (min-width:768px){h4{font-size:1.25rem;line-height:1.75rem}}h4{font-size:1.125rem;line-height:1.75rem}@media (min-width:768px){h5{font-size:1.125rem;line-height:1.75rem}}h5{font-size:1rem;line-height:1.5rem}@media (min-width:768px){h6{font-size:1rem;line-height:1.5rem}}h6{font-size:.875rem;line-height:1.25rem}h1,h2,h3,h4,h5,h6{font-family:Merriweather,Georgia,Serif,ui-serif,Cambria,Times New Roman,Times,serif;font-weight:600;line-height:1.5;margin-bottom:.5em}p{line-height:1.5}a{word-break:break-all}@media (min-width:640px){a{overflow-wrap:normal;word-break:normal}}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}@media (min-width:768px){blockquote{font-size:1.25rem;line-height:1.75rem}}blockquote{font-family:Merriweather,Georgia,Serif,ui-serif,Cambria,Times New Roman,Times,serif;font-size:1.125rem;font-weight:600;line-height:1.75rem;line-height:1.625;margin-bottom:1rem;margin-left:0}blockquote,blockquote.token{font-style:italic}blockquote{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));border-left-width:4px;border-style:solid;padding-bottom:.25rem;padding-left:1rem;padding-top:.25rem}@media (min-width:768px){blockquote{padding-left:1.5rem}}:is(.dark blockquote){border-color:#e5e7eb}address{font-family:Merriweather,Georgia,Serif,ui-serif,Cambria,Times New Roman,Times,serif;margin-bottom:1rem}address,address.token{font-style:italic}address{line-height:1.625}abbr{border-bottom-width:1px;border-style:dotted;cursor:help;text-decoration-line:none}kbd{--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;line-height:1;padding:.25rem}kbd,mark{--tw-bg-opacity:1}mark{--tw-border-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity));border-bottom-width:2px;border-color:rgb(202 138 4/var(--tw-border-opacity));border-radius:.25rem;border-style:solid;padding-left:.25rem;padding-right:.25rem;padding-top:1px}:is(.dark mark){--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}code{font-family:Operator Mono,Consolas,Menlo,Monaco,source-code-pro,Courier New,monospace;font-size:.875rem;line-height:1.25rem;overflow-wrap:break-word;padding:.125rem .25rem}code,pre{border-radius:.25rem}pre{margin-bottom:1rem;position:relative;white-space:pre}pre code{color:inherit;display:block;font-size:80%!important;padding-bottom:.5rem;padding-left:0;padding-right:0;padding-top:.5rem;width:100%}ol,ul{margin:1rem 0;padding-bottom:0;padding-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:1rem!important;margin-top:1rem!important;padding-left:1.5rem;padding-right:0}ol li,ul li{line-height:1.5;margin-top:1rem}ol li p,ul li p{display:initial}ul{list-style-position:inside;list-style-type:disc}ul ul{list-style-type:circle}ol{list-style-position:inside;list-style-type:decimal}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}dl{margin:1rem 0 1rem 1rem}dl dt{font-weight:700}dl dd{margin-bottom:2rem;margin-left:0;margin-right:0;margin-top:1rem}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-block;font-weight:600;line-height:1.5;text-align:center;text-decoration-line:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(199 210 254/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}button.disabled,button:disabled,button[disabled]{--tw-border-opacity:1;--tw-text-opacity:1!important;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;background-color:transparent!important;border-color:rgb(156 163 175/var(--tw-border-opacity));border-style:none!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important;color:rgb(156 163 175/var(--tw-text-opacity))!important;cursor:default;pointer-events:none}button.fill-button,button.ghost-button{border-radius:.25rem;padding-bottom:.25rem;padding-left:1rem;padding-right:1rem;padding-top:.25rem}button.fill-button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity));border-color:rgb(99 102 241/var(--tw-border-opacity));border-style:solid;border-width:1px;color:rgb(255 255 255/var(--tw-text-opacity))}button.fill-button:hover{--tw-bg-opacity:1;--tw-border-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity));border-color:rgb(79 70 229/var(--tw-border-opacity))}button.fill-button:active{--tw-bg-opacity:1;--tw-border-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity));border-color:rgb(67 56 202/var(--tw-border-opacity))}button.ghost-button{--tw-text-opacity:1;background-color:inherit;border-style:none;color:rgb(99 102 241/var(--tw-text-opacity))}button.ghost-button:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}button.ghost-button:active{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity))}input{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);line-height:1.5;max-width:100%;padding:.25rem 0;width:100%}:is(.dark input){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}input{font-stretch:100%;min-height:36px}input:active,input:focus{outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder{font-size:1rem;line-height:1.5rem}input::placeholder{font-size:1rem;line-height:1.5rem}input::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}input::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}input.disabled,input:disabled,input[disabled]{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity));cursor:default;pointer-events:none}input.disabled::-moz-placeholder,input:disabled::-moz-placeholder,input[disabled]::-moz-placeholder{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}input.disabled::placeholder,input:disabled::placeholder,input[disabled]::placeholder{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}input.outline-input{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));border-radius:.25rem;border-style:solid;border-width:1px;padding-left:.5rem;padding-right:.5rem;transition-duration:.15s;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)}:is(.dark input.outline-input){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}input.outline-input:active,input.outline-input:focus{--tw-border-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(199 210 254/var(--tw-ring-opacity));border-color:rgb(99 102 241/var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}img{border-radius:.25rem}figure{margin-bottom:2rem;margin-top:2rem}figure img{margin-left:auto;margin-right:auto}figure figcaption{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity))!important;font-size:.875rem;line-height:1.25rem;padding-top:.5rem;text-align:center}table{border-collapse:collapse;border-spacing:0;max-width:100%;table-layout:auto;text-align:left;width:100%}table td,table th{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity));border-style:none;border-style:solid;padding:1rem}table thead th{--tw-border-opacity:1;border-bottom-width:2px;border-color:rgb(209 213 219/var(--tw-border-opacity));border-style:solid;border-top-width:0}table tbody tr{line-height:1.5rem;transition-duration:.15s;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)}table tbody tr:nth-of-type(2n):hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}:is(.dark table tbody tr:nth-of-type(2n):hover){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}table tbody tr:nth-of-type(odd){--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}table tbody tr:nth-of-type(odd):hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}:is(.dark table tbody tr:nth-of-type(odd)){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}:is(.dark table tbody tr:nth-of-type(odd):hover){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.site-tag{--tw-text-opacity:1;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));border-radius:.125rem;color:rgb(31 41 55/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:.125rem .25rem}.site-tag:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.site-tag{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}:is(.dark .site-tag:hover){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}:is(.dark .site-tag){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));color:rgb(156 163 175/var(--tw-text-opacity))}.site-link{cursor:pointer;font-weight:600;opacity:.6}.site-link:active,.site-link:hover{opacity:1}.site-link{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.site-link.active{opacity:1}:is(.dark .site-link.active){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .site-link:hover){opacity:1}:is(.dark .site-link:active){opacity:1}:is(.dark .site-link:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .site-link:active){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.avatar{border-radius:.25rem;display:inline-block;font-weight:400;line-height:1.5;position:relative;vertical-align:middle}.avatar img{border-radius:.25rem;height:100%;width:100%;z-index:10}.avatar[data-initial]:before{color:currentColor;content:attr(data-initial);font-size:.875rem;left:50%;line-height:1.25rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.avatar-rounded,.avatar-rounded img{border-radius:9999px}.subscription-container{margin-left:auto;margin-right:auto;max-width:42rem}.subscription-title{margin-bottom:2rem!important;margin-top:0!important}.subscription-content{line-height:1.25;margin-bottom:2rem}.subscription-action{width:100%}@media (min-width:768px){.subscription-action>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}}.pagination{display:block;font-size:1.125rem;line-height:1.75rem;list-style-type:none;margin:1rem 0;padding-left:0;padding-right:0}.pagination-item{border-radius:.25rem;display:inline-block;padding-bottom:.25rem;padding-top:.25rem}.pagination-item a{opacity:.6}.pagination-item a:hover{opacity:1}.pagination-item a{padding-bottom:.25rem;padding-left:1rem;padding-right:1rem;padding-top:.25rem;position:relative;text-align:center;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.pagination-item :is(.dark a:hover){opacity:1}.pagination-item :is(.dark a:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.pagination-item a:hover{text-decoration-line:underline}.pagination-item:first-of-type{font-weight:600}.pagination-item:first-of-type a{opacity:1}.pagination-item:last-of-type{font-weight:600}.pagination-item:last-of-type a{opacity:1}.pagination-item.active{font-size:1.5rem;font-weight:600;line-height:2rem}.pagination-item.active a{cursor:pointer;opacity:1;pointer-events:none;text-decoration-line:underline}.selection-popup{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1.125rem;font-weight:700;line-height:1.75rem;padding:.5rem .75rem;position:absolute}:is(.dark .selection-popup){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.selection-popup *{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .selection-popup *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.selection-popup:after{--tw-border-opacity:1;border-left-color:transparent;border-left-width:8px;border-right-color:transparent;border-right-width:8px;border-style:solid;border-top-color:rgb(0 0 0/var(--tw-border-opacity));border-top-color:#000;border-top-width:8px;bottom:-.5rem;content:"";height:0;left:0;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;position:absolute;right:0;width:0}:is(.dark .selection-popup):after{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity))}:is(.dark .selection-popup):after{border-top-color:#fff}.panel-image{border-radius:.25rem;margin-bottom:2rem;max-height:16rem;overflow:hidden;position:relative;width:100%}.panel-content{margin-bottom:1rem;margin-left:auto;margin-right:auto;margin-top:1rem}:is(.dark .panel-content){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.panel-footer{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem}.dark .pagination-item a{color:#e5e7eb!important}.notification{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));font-size:.875rem;line-height:1.25rem;line-height:1.5;position:fixed;width:24rem;z-index:40}:is(.dark .notification){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.notification{max-width:calc(100vw - 2rem)}.notification .notification-container{display:none;margin-bottom:1rem;overflow:hidden;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;position:relative;z-index:50}.notification .notification-container.open,.notification .notification-container:target{display:block}.notification .notification-container:last-child{margin-bottom:0}.notification .notification-container .notification-title{display:inline-block;width:100%}.notification.notification-top-center,.notification.notification-top-left,.notification.notification-top-right{top:1rem}.notification.notification-bottom-center,.notification.notification-bottom-left,.notification.notification-bottom-right{bottom:1rem}.notification.notification-bottom-left,.notification.notification-top-left{left:0;margin-left:1rem}.notification.notification-bottom-center,.notification.notification-top-center{--tw-translate-x:50%;right:50%;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))}.notification.notification-bottom-right,.notification.notification-top-right{margin-right:1rem;right:0}.notification.notification-bottom-right .notification-container,.notification.notification-top-right .notification-container{--tw-translate-x:-100%;left:100%;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))}.tooltip{position:relative}.tooltip .tooltip-container{display:block;opacity:0;overflow:hidden;padding:.5rem;pointer-events:none;position:absolute;z-index:50}.tooltip.active .tooltip-container,.tooltip:hover .tooltip-container{opacity:1}.tooltip.tooltip-top-center .tooltip-container{bottom:120%;left:50%;transform:translate(-50%,4px)}.tooltip.tooltip-top-center.active .tooltip-container,.tooltip.tooltip-top-center:hover .tooltip-container{transform:translate(-50%,-4px)}.markdown{margin-left:auto;margin-right:auto;max-width:32rem}@media (min-width:768px){.markdown{margin-left:auto;margin-right:auto;max-width:42rem}}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin-bottom:1.5rem;margin-top:1.5rem;padding-top:1.5rem;position:relative}@media (min-width:768px){.markdown h1:hover a.heading-anchor,.markdown h2:hover a.heading-anchor,.markdown h3:hover a.heading-anchor,.markdown h4:hover a.heading-anchor,.markdown h5:hover a.heading-anchor,.markdown h6:hover a.heading-anchor{opacity:1}}.markdown a{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.markdown a.heading-anchor{opacity:0;padding-right:.25rem;top:auto;transition-duration:.15s;transition-duration:75ms;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)}.markdown a.heading-anchor span{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.markdown a:hover{text-decoration-line:underline}.markdown a:active,.markdown a:focus{outline:2px solid transparent;outline-offset:2px}.markdown a:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(165 180 252/var(--tw-ring-opacity));--tw-ring-offset-width:1px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.markdown a.disabled,.markdown a:disabled,.markdown a[disabled]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));cursor:default;pointer-events:none}.markdown pre,.markdown table{margin-bottom:2rem}.markdown pre{padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem}.markdown blockquote{margin-bottom:2.5rem}.markdown blockquote p{margin-bottom:0}.markdown p{line-height:2rem;margin-bottom:2.5rem}.markdown hr{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));border-color:rgb(209 213 219/var(--tw-border-opacity));border-radius:9999px;border-style:solid;border-style:none;border-top-width:1px;height:.25rem;margin-bottom:2rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;margin-top:2rem;margin-top:4rem;overflow:visible;position:relative;width:.25rem}.markdown :is(.dark hr){background-color:#e5e7eb!important}:is(.dark .markdown hr):after,:is(.dark .markdown hr):before{background-color:#e5e7eb!important}.markdown hr:before{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));border-radius:9999px;content:"";height:.25rem;left:-1.5rem;position:absolute;width:.25rem}.markdown hr:after{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));border-radius:9999px;content:"";height:.25rem;position:absolute;right:-1.5rem;width:.25rem}.markdown ol,.markdown ul{margin-bottom:3rem}.dark .markdown hr{background-color:#e5e7eb!important}.dark .markdown a{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.dark .markdown a.heading-anchor span{--tw-text-opacity:1!important;color:rgb(96 165 250/var(--tw-text-opacity))!important}.markdown code[class*=language-],.markdown pre[class*=language-]{word-wrap:normal;-webkit-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}.markdown .gatsby-highlight{margin-left:-1.5rem;margin-right:-1.5rem}@media print{.markdown code[class*=language-],.markdown pre[class*=language-]{text-shadow:none}}.markdown pre[class*=language-]{--tw-bg-opacity:1;--tw-border-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));border-color:rgb(243 244 246/var(--tw-border-opacity));border-style:solid;border-width:1px;overflow:auto}@media (min-width:640px){.markdown pre[class*=language-]{border-radius:.25rem!important}}.markdown pre[class*=language-]{border-radius:0}.markdown :not(pre)>code[class*=language-]{--tw-text-opacity:1;--tw-bg-opacity:1;--tw-border-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-color:rgb(243 244 246/var(--tw-border-opacity));border-style:solid;border-width:1px;color:rgb(31 41 55/var(--tw-text-opacity));white-space:normal}.markdown pre[class*=language-] .gatsby-highlight-code-line{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));display:block;width:100%}.markdown pre[class*=language-] .deleted-sign.deleted{background:#ffebe9;display:block;width:100%}.markdown pre[class*=language-] .inserted-sign.inserted{background:#dafbe1;display:block;width:100%}.markdown pre[class*=language-].line-numbers{counter-reset:linenumber;padding-left:2.6em;position:relative}.markdown pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.markdown pre[class*=language-].line-numbers .line-numbers-rows{display:block;font-size:80%;left:1.25rem!important;margin-bottom:1.5rem;margin-top:1.5rem;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.markdown pre[class*=language-].line-numbers .line-numbers-rows>span{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:is(.dark .markdown pre[class*=language-].line-numbers .line-numbers-rows>span){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.markdown pre[class*=language-].line-numbers .line-numbers-rows>span{counter-increment:linenumber}.markdown pre[class*=language-].line-numbers .line-numbers-rows>span:before{content:counter(linenumber);display:block;text-align:right}.markdown .namespace{opacity:.7}.markdown .token.cdata,.markdown .token.comment,.markdown .token.doctype,.markdown .token.prolog,.markdown .token.punctuation{color:#6e7781}.markdown .token.attr-name,.markdown .token.boolean,.markdown .token.builtin,.markdown .token.char,.markdown .token.constant,.markdown .token.hexcode,.markdown .token.important,.markdown .token.number,.markdown .token.property,.markdown .token.regex,.markdown .token.selector,.markdown .token.string,.markdown .token.symbol,.markdown .token.tag,.markdown .token.variable{color:#0550ae}.markdown .token.function{color:#8250df}.markdown .token.atrule,.markdown .token.attr-value,.markdown .token.keyword{color:#cf222e}.markdown .token.tag{color:#116329}.markdown .token.regex{color:#0a3069}.markdown .token.deleted{color:#82071e}.markdown .token.inserted{color:#116329}.markdown .token.changed{color:#953800}.markdown .token.bold,.markdown .token.important{font-weight:700}.markdown .token.italic{font-style:italic}.markdown .token.entity{cursor:help}.dark .markdown pre{border-style:none}.dark .markdown :not(pre)>code[class*=language-],.dark .markdown pre{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark .markdown :not(pre)>code[class*=language-]{--tw-text-opacity:1;border-style:none;color:rgb(156 163 175/var(--tw-text-opacity))}.dark .markdown pre[class*=language-] .gatsby-highlight-code-line{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark .markdown pre[class*=language-] .deleted-sign.deleted{background:#5d0f12;display:block;width:100%}.dark .markdown pre[class*=language-] .inserted-sign.inserted{background:#113417;display:block;width:100%}.dark .markdown .token.cdata,.dark .markdown .token.comment,.dark .markdown .token.doctype,.dark .markdown .token.prolog,.dark .markdown .token.punctuation{color:#768390}.dark .markdown .token.attr-name,.dark .markdown .token.boolean,.dark .markdown .token.builtin,.dark .markdown .token.char,.dark .markdown .token.constant,.dark .markdown .token.hexcode,.dark .markdown .token.important,.dark .markdown .token.number,.dark .markdown .token.property,.dark .markdown .token.regex,.dark .markdown .token.selector,.dark .markdown .token.string,.dark .markdown .token.symbol,.dark .markdown .token.tag,.dark .markdown .token.variable{color:#6cb6ff}.dark .markdown .token.function{color:#dcbdfb}.dark .markdown .token.atrule,.dark .markdown .token.attr-value,.dark .markdown .token.keyword{color:#f47067}.dark .markdown .token.tag{color:#8ddb8c}.dark .markdown .token.regex{color:#96d0ff}.dark .markdown .token.deleted{color:#ff938a}.dark .markdown .token.inserted{color:#8ddb8c}.dark .markdown .token.changed{color:#f69d50}.dark .markdown .token.bold,.dark .markdown .token.important{font-weight:700}.dark .markdown .token.italic{font-style:italic}</style><link rel="sitemap" type="application/xml" href="/gatsby-theme-pitayan/sitemap-index.xml"/><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><title data-react-helmet="true">Pitayan | Home</title><script data-react-helmet="true" type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://pitayan.github.io/#organization","name":"Pitayan Blog","url":"https://pitayan.github.io","sameAs":["https://github.com/Pitayan","https://twitter.com/pitayanblog","mailto: [email protected]"],"logo":{"@type":"ImageObject","@id":"https://pitayan.github.io/#logo","inLanguage":"en-US","url":"https://pitayan.github.io/gatsby-theme-pitayan/static/97ca1d0d1a05ed5df6447549dd11a332/SiteLogo.svg","width":"512","height":"512","caption":"Pitayan Blog"},"image":{"@id":"https://pitayan.github.io/#logo"}},{"@type":"WebSite","@id":"https://pitayan.github.io/#website","url":"https://pitayan.github.io","name":"Pitayan","description":"Pitayan blog is a place publishing contents about web development! All articles are free to read and share.","publisher":{"@id":"https://pitayan.github.io/#organization"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","name":"Breadcrumbs","@id":"https://pitayan.github.io/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@type":"WebPage","@id":"https://pitayan.github.io/#webpage","url":"https://pitayan.github.io","name":"Homepage"}}]},{"@type":"WebPage","@id":"https://pitayan.github.io/#webpage","url":"https://pitayan.github.io","name":"Pitayan","isPartOf":{"@id":"https://pitayan.github.io/#website"},"about":{"@id":"https://pitayan.github.io/#organization"},"description":"Pitayan blog is a place publishing contents about web development! All articles are free to read and share.","breadcrumb":{"@id":"https://pitayan.github.io/#breadcrumb"},"inLanguage":"en-US"}]}</script><style type="text/css">
.heading-anchor.before {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
padding-right: 4px;
}
.heading-anchor.after {
display: inline-block;
padding-left: 4px;
}
h1 .heading-anchor svg,
h2 .heading-anchor svg,
h3 .heading-anchor svg,
h4 .heading-anchor svg,
h5 .heading-anchor svg,
h6 .heading-anchor svg {
visibility: hidden;
}
h1:hover .heading-anchor svg,
h2:hover .heading-anchor svg,
h3:hover .heading-anchor svg,
h4:hover .heading-anchor svg,
h5:hover .heading-anchor svg,
h6:hover .heading-anchor svg,
h1 .heading-anchor:focus svg,
h2 .heading-anchor:focus svg,
h3 .heading-anchor:focus svg,
h4 .heading-anchor:focus svg,
h5 .heading-anchor:focus svg,
h6 .heading-anchor:focus svg {
visibility: visible;
}
</style><script>
document.addEventListener("DOMContentLoaded", function(event) {
var hash = window.decodeURI(location.hash.replace('#', ''))
if (hash !== '') {
var element = document.getElementById(hash)
if (element) {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
var clientTop = document.documentElement.clientTop || document.body.clientTop || 0
var offset = element.getBoundingClientRect().top + scrollTop - clientTop
// Wait for the browser to finish rendering before scrolling.
setTimeout((function() {
window.scrollTo(0, offset - 0)
}), 0)
}
}
})
</script><script>
(function() {
if (typeof window == 'undefined') return;
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
})()</script></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="my-16"><nav class="block flex justify-between content-center pb-20 px-6 md:px-8 max-w-screen-xl mx-auto"><a aria-current="page" class="flex space-x-3 items-center" href="/gatsby-theme-pitayan/"><b class="font-serif font-extrabold tracking-wide text-2xl hidden md:block">Pitayan</b></a><div class="flex space-x-8 text-3xl items-center"><button class="site-link"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="animate-fade-in-scale" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M9.822 2.238a9 9 0 0 0 11.94 11.94C20.768 18.654 16.775 22 12 22 6.477 22 2 17.523 2 12c0-4.775 3.346-8.768 7.822-9.762zm8.342.053L19 2.5v1l-.836.209a2 2 0 0 0-1.455 1.455L16.5 6h-1l-.209-.836a2 2 0 0 0-1.455-1.455L13 3.5v-1l.836-.209A2 2 0 0 0 15.29.836L15.5 0h1l.209.836a2 2 0 0 0 1.455 1.455zm5 5L24 7.5v1l-.836.209a2 2 0 0 0-1.455 1.455L21.5 11h-1l-.209-.836a2 2 0 0 0-1.455-1.455L18 8.5v-1l.836-.209a2 2 0 0 0 1.455-1.455L20.5 5h1l.209.836a2 2 0 0 0 1.455 1.455z"></path></g></svg></button></div></nav><div class="px-6 md:px-8 max-w-screen-xl mx-auto"><div class="max-w-2xl"><h1 class="leading-tight md:leading-tight md:text-5xl text-4xl">Welcome to Pitayan, come find inspiring software development stories.</h1></div><br/><br/><div class="flex flex-wrap"><a class="site-link block mr-6 py-2" href="/gatsby-theme-pitayan/write-for-us/">write for us</a><a class="site-link block mr-6 py-2" href="/gatsby-theme-pitayan/about/">about</a><a href="https://github.com/Pitayan" class="site-link block mr-6 py-2" target="_blank" rel="noreferrer">github</a><a href="https://twitter.com/pitayanblog" class="site-link block mr-6 py-2" target="_blank" rel="noreferrer">twitter</a></div><hr class="mt-4 mb-12 border-gray-300"/><div class="grid relative grid-cols-1 md:grid-cols-2 gap-8"><div class="panel"><a href="/gatsby-theme-pitayan/posts/no-heading-post/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='511'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIDAf/EABYBAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABizyZwUT/xAAZEAADAQEBAAAAAAAAAAAAAAABAgMAEhP/2gAIAQEAAQUCSeedN5k5ZBiHYP0Qf//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABwQAAIBBQEAAAAAAAAAAAAAAAABIRAREiIxMv/aAAgBAQAGPwL0oOKm0mN4Gj//xAAdEAACAgEFAAAAAAAAAAAAAAAAAREhQVFxgZGh/9oACAEBAAE/IVp1J2fAtmWIQ70zsOLojQR0u8HdFPDg/9oADAMBAAIAAwAAABC4/wD/xAAXEQADAQAAAAAAAAAAAAAAAAAAAREh/9oACAEDAQE/EMkZEf/EABYRAQEBAAAAAAAAAAAAAAAAABEBAP/aAAgBAgEBPxCqzN3/xAAcEAEAAwACAwAAAAAAAAAAAAABABEhQXExYYH/2gAIAQEAAT8QcIEaHQgDyToi+iI3CTVJfzY8BQzFdVMWwgJfIy+YRGiBZy9M/9k=" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/bd6a3b1d34fa81767dd4c9547a692c51/b9482/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/bd6a3b1d34fa81767dd4c9547a692c51/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/bd6a3b1d34fa81767dd4c9547a692c51/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/bd6a3b1d34fa81767dd4c9547a692c51/b9482/demo_1.jpg 768w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/bd6a3b1d34fa81767dd4c9547a692c51/b9482/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/bd6a3b1d34fa81767dd4c9547a692c51/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/bd6a3b1d34fa81767dd4c9547a692c51/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/bd6a3b1d34fa81767dd4c9547a692c51/b9482/demo_1.jpg 768w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>No heading post</h3></a><p class="panel-content">This is a post page with no headings</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/post/">post</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/example/">example</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">February 12th, 2023<!-- --> • <!-- -->2<!-- --> min read</span></span></div><div class="panel"><a href="/gatsby-theme-pitayan/posts/styleguide/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='512'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMFAv/EABUBAQEAAAAAAAAAAAAAAAAAAAEC/9oADAMBAAIQAxAAAAGpmdSleJE//8QAGxABAAICAwAAAAAAAAAAAAAAAQACBBASEyH/2gAIAQEAAQUC5+Vu6x170CDP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFREBAQAAAAAAAAAAAAAAAAAAECH/2gAIAQIBAT8Bp//EABoQAAICAwAAAAAAAAAAAAAAAAAxARACESH/2gAIAQEABj8CnTO1ODYq/8QAGxABAAMAAwEAAAAAAAAAAAAAAQARIRAxQWH/2gAIAQEAAT8hegseRDkH43wZqjFstMTGf//aAAwDAQACAAMAAAAQ0P8A/8QAFREBAQAAAAAAAAAAAAAAAAAAMRD/2gAIAQMBAT8QGf/EABcRAQEBAQAAAAAAAAAAAAAAAAEAETH/2gAIAQIBAT8QR8YRNv/EABoQAQEBAQEBAQAAAAAAAAAAAAERACExQVH/2gAIAQEAAT8QlRnepSy3Rg588Go9NUuK3UOl/c2hH7e3LLDu/9k=" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/39611/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/83638/demo_1.jpg 1536w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/39611/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/19537fb214d67d6f2b800bdbc0d4be1c/83638/demo_1.jpg 1536w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>The Style Guide for Gatsby-theme-pitayan</h3></a><p class="panel-content">This article will introduce the design style of the Gatsby blog</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/styleguide/">styleguide</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/design/">design</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">April 6th, 2022<!-- --> • <!-- -->9<!-- --> min read</span></span></div><div class="panel"><a href="/gatsby-theme-pitayan/posts/another-simple-post/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='512'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABAADBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHplUextpH/xAAcEAABAwUAAAAAAAAAAAAAAAACAAEDBBARITL/2gAIAQEAAQUCLYwRgTYtzUL/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAbEAABBAMAAAAAAAAAAAAAAAABABAhMQIRQv/aAAgBAQAGPwIhSJFqmx11Bb//xAAZEAEAAgMAAAAAAAAAAAAAAAABABEQIWH/2gAIAQEAAT8hHQKiDa1WgDRgNzgY/9oADAMBAAIAAwAAABA7H//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABsQAQACAwEBAAAAAAAAAAAAAAEAETFBYXGB/9oACAEBAAE/EO8UUlUwl8a6QOmBoAixsQ9jY/IguCf/2Q==" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/39611/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/83638/demo_1.jpg 1536w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/39611/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/284693fca7dee4d7dd6aab36167cca55/83638/demo_1.jpg 1536w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>Another simple post</h3></a><p class="panel-content">This is a post page with only simple paragraphs</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/post/">post</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/example/">example</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">April 6th, 2022<!-- --> • <!-- -->4<!-- --> min read</span></span></div><div class="panel"><a href="/gatsby-theme-pitayan/posts/a-simple-post-lorem-ipsum/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='522'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAOABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUBBv/EABUBAQEAAAAAAAAAAAAAAAAAAAEA/9oADAMBAAIQAxAAAAFvP0GqJAf/xAAdEAACAQQDAAAAAAAAAAAAAAABAgMABBARExQi/9oACAEBAAEFAmvU32UNcinEcPhgAf/EABYRAQEBAAAAAAAAAAAAAAAAAAEAEv/aAAgBAwEBPwELBf/EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAgBAgEBPwGtf//EABoQAAICAwAAAAAAAAAAAAAAAAABEBESITH/2gAIAQEABj8C0nHYyZR//8QAHRAAAgEEAwAAAAAAAAAAAAAAAREAECFBgVFhcf/aAAgBAQABPyGwHDkztDUATWjWsEryMZ6E/9oADAMBAAIAAwAAABCED//EABcRAQADAAAAAAAAAAAAAAAAAAEQESH/2gAIAQMBAT8QByoP/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEh/9oACAECAQE/EMKf/8QAHhAAAgEEAwEAAAAAAAAAAAAAAREAMWGBkSFRcbH/2gAIAQEAAT8QOLxjeIBQybT7Ews3jgit0rpHnkLV4TEYI1ARuf/Z" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/8f8fc/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/c0a77/demo_1.jpg 192w,/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/0f050/demo_1.jpg 384w,/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/8f8fc/demo_1.jpg 768w,/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/bb4df/demo_1.jpg 1536w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/8f8fc/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/c0a77/demo_1.jpg 192w,/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/0f050/demo_1.jpg 384w,/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/8f8fc/demo_1.jpg 768w,/gatsby-theme-pitayan/static/bcd38b500c4244e87ef53950d596a325/bb4df/demo_1.jpg 1536w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>A Simple post lorem ipsum</h3></a><p class="panel-content">Exactly same to other demo pages, it only contains the "Lorem Ipsum" paragraphs.</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/sample/">sample</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/post/">post</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">April 5th, 2022<!-- --> • <!-- -->2<!-- --> min read</span></span></div><div class="panel"><a href="/gatsby-theme-pitayan/posts/a-post-with-source-code/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='512'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUCBP/EABUBAQEAAAAAAAAAAAAAAAAAAAEC/9oADAMBAAIQAxAAAAHpR9sV0cP/xAAZEAADAQEBAAAAAAAAAAAAAAAAAQIREBL/2gAIAQEAAQUC9QjYZs8RrP/EABcRAQADAAAAAAAAAAAAAAAAAAABERL/2gAIAQMBAT8BqGX/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAgEBPwGq/8QAGBAAAwEBAAAAAAAAAAAAAAAAAAExIDL/2gAIAQEABj8C6RSrH//EABoQAAMAAwEAAAAAAAAAAAAAAAABIRFBkcH/2gAIAQEAAT8hmTgK3HokL2NlZVQ1bP/aAAwDAQACAAMAAAAQ9C//xAAXEQADAQAAAAAAAAAAAAAAAAAAAREh/9oACAEDAQE/EEzCD//EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQIBAT8QWdt3/8QAHRABAQEAAQUBAAAAAAAAAAAAAREAITFBUXGR4f/aAAgBAQABPxBlG9EjgUVPTQlztf1loODnxiEFA4bZk4D5v//Z" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/39611/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/659c6/demo_1.jpg 1536w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/39611/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/bc81cab7392a854fd1b0f4250ca46ac8/659c6/demo_1.jpg 1536w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>A post with source code</h3></a><p class="panel-content">This page contains some highlighted source code</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/sample/">sample</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/post/">post</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">April 4th, 2022<!-- --> • <!-- -->3<!-- --> min read</span></span></div><div class="panel"><a href="/gatsby-theme-pitayan/posts/embed-social-media/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='512'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMCBAX/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABryz3xSRYn//EABkQAAMBAQEAAAAAAAAAAAAAAAABAgMSEf/aAAgBAQABBQJcjxVFTy5tonahv1//xAAVEQEBAAAAAAAAAAAAAAAAAAAQEv/aAAgBAwEBPwGj/8QAFhEBAQEAAAAAAAAAAAAAAAAAABES/9oACAECAQE/Aco//8QAFxABAQEBAAAAAAAAAAAAAAAAACERAf/aAAgBAQAGPwKVWJ1na1//xAAaEAEAAwADAAAAAAAAAAAAAAABABExIUFR/9oACAEBAAE/IbEpY8ycoupZoJphEYQrLWf/2gAMAwEAAgADAAAAEP8A/wD/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAIAQMBAT8QtNf/xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAgEBPxAh/8QAHBABAAMAAgMAAAAAAAAAAAAAAQARITFxQZGh/9oACAEBAAE/EAIYORi/kyGOjqAgq0XzEjprz1FmkBp4SPDejP/Z" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/39611/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/83638/demo_1.jpg 1536w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/39611/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/cea6a05f6e7c32d3e366fb600f606bf0/83638/demo_1.jpg 1536w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>Social media embeds</h3></a><p class="panel-content">Just a post page that displays demo components</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/sample/">sample</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/post/">post</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">April 3rd, 2022<!-- --> • <!-- -->2<!-- --> min read</span></span></div><div class="panel"><a href="/gatsby-theme-pitayan/posts/some-pictures/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='512'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDBAX/xAAVAQEBAAAAAAAAAAAAAAAAAAACAP/aAAwDAQACEAMQAAABaiWNwjUM/wD/xAAbEAACAgMBAAAAAAAAAAAAAAABAgAhAxESE//aAAgBAQABBQJVG/NTCl47hbmMb//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAEDAQE/Aar/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQIBAT8BR2y//8QAGxAAAwACAwAAAAAAAAAAAAAAAAERAhAhQXH/2gAIAQEABj8CjxTJHj4zspwtf//EABoQAAMAAwEAAAAAAAAAAAAAAAABERAhUUH/2gAIAQEAAT8hpI8u0JOKMEezkEarRyn/2gAMAwEAAgADAAAAEAPP/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARIf/aAAgBAwEBPxAActX/xAAXEQEBAQEAAAAAAAAAAAAAAAABABFB/9oACAECAQE/EHF5Zv/EABsQAQEAAgMBAAAAAAAAAAAAAAERADEhUWGR/9oACAEBAAE/EIwAgG/cRkhp5d6xhVXq+4xRVeC8TCHtDd4K2c//2Q==" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/39611/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/83638/demo_1.jpg 1536w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/39611/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/0f61a/demo_1.jpg 192w,/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/c83fc/demo_1.jpg 384w,/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/39611/demo_1.jpg 768w,/gatsby-theme-pitayan/static/27fa292c65b0123bb284fcd71ffc303b/83638/demo_1.jpg 1536w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>A post with some pictures</h3></a><p class="panel-content">Just a post page that displays demo components</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/sample/">sample</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/post/">post</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">April 2nd, 2022<!-- --> • <!-- -->2<!-- --> min read</span></span></div><div class="panel"><a href="/gatsby-theme-pitayan/posts/import-custom-components/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='603'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAQABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAEEAv/EABYBAQEBAAAAAAAAAAAAAAAAAAIBA//aAAwDAQACEAMQAAABgVGllGMU/8QAGRABAQADAQAAAAAAAAAAAAAAAQIAERIh/9oACAEBAAEFArvll3OIJo5qvf/EABkRAAIDAQAAAAAAAAAAAAAAAAACERITMf/aAAgBAwEBPwHB44VY/8QAGREAAgMBAAAAAAAAAAAAAAAAABEBAhMx/9oACAECAQE/AdKvo4P/xAAZEAACAwEAAAAAAAAAAAAAAAAAARARMTL/2gAIAQEABj8CRcbZ0aj/xAAYEAEBAQEBAAAAAAAAAAAAAAABABEhMf/aAAgBAQABPyHwmiWOvWXsU4VmOSAxtf/aAAwDAQACAAMAAAAQEM//xAAYEQADAQEAAAAAAAAAAAAAAAAAAREhcf/aAAgBAwEBPxBNWb6TyH//xAAXEQADAQAAAAAAAAAAAAAAAAAAAREh/9oACAECAQE/EGrQsf/EABwQAQACAgMBAAAAAAAAAAAAAAEAESExQVGRcf/aAAgBAQABPxChKQWuyJUcmvsq2jg8YCY9YUikaao8iMEOZ//Z" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/7d4ab/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/dee26/demo_1.jpg 192w,/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/2bc13/demo_1.jpg 384w,/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/7d4ab/demo_1.jpg 768w,/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/12b46/demo_1.jpg 1536w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/7d4ab/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/dee26/demo_1.jpg 192w,/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/2bc13/demo_1.jpg 384w,/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/7d4ab/demo_1.jpg 768w,/gatsby-theme-pitayan/static/9d2bc3a92a1ca0a3389a9a9da37fd8ea/12b46/demo_1.jpg 1536w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>Use custom components in the post</h3></a><p class="panel-content">Just a post page that displays demo components</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/component/">component</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/post/">post</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">April 1st, 2022<!-- --> • <!-- -->2<!-- --> min read</span></span></div><div class="panel"><a href="/gatsby-theme-pitayan/posts/gatsby-plugin-options/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='594'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAAC/8QAFgEBAQEAAAAAAAAAAAAAAAAAAgAB/9oADAMBAAIQAxAAAAEMpGQLcV//xAAYEAADAQEAAAAAAAAAAAAAAAABAgMAEv/aAAgBAQABBQLk4BsRo0XkXTWoHf8A/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGxAAAQQDAAAAAAAAAAAAAAAAAQACEXEQEkH/2gAIAQEABj8C5nVzRZRkRSlq/8QAGRAAAwADAAAAAAAAAAAAAAAAAAERIUFh/9oACAEBAAE/IXGrB9E3XIJplFmiiqXgg1Ah/9oADAMBAAIAAwAAABCc/wD/xAAWEQEBAQAAAAAAAAAAAAAAAAABERD/2gAIAQMBAT8QCNM//8QAFhEBAQEAAAAAAAAAAAAAAAAAAREA/9oACAECAQE/EFpHTf/EABwQAAMBAAIDAAAAAAAAAAAAAAERIQAxQVFhgf/aAAgBAQABPxAMO0Ao/eAhmXTc+ZyllVEIJKniZTSSEeF51PTFCu//2Q==" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/0347b/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/920c4/demo_1.jpg 192w,/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/ca013/demo_1.jpg 384w,/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/0347b/demo_1.jpg 768w,/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/b489f/demo_1.jpg 1536w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/0347b/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/920c4/demo_1.jpg 192w,/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/ca013/demo_1.jpg 384w,/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/0347b/demo_1.jpg 768w,/gatsby-theme-pitayan/static/181debee0236f68b9d33f44578e89fc3/b489f/demo_1.jpg 1536w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>The gatsby plugin options</h3></a><p class="panel-content">Just a post page that displays demo components</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/sample/">sample</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/post/">post</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">March 31st, 2022<!-- --> • <!-- -->1<!-- --> min read</span></span></div><div class="panel"><a href="/gatsby-theme-pitayan/posts/quick-start/"><div class="panel-image"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='553'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAOABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABAADBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAR6B6ISHH//EABkQAAMBAQEAAAAAAAAAAAAAAAECAwASEf/aAAgBAQABBQKQ7ChFLQHsqGeKCm6Yb//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABsQAAICAwEAAAAAAAAAAAAAAAABAhEhIjFR/9oACAEBAAY/Au0ShO+GjbRZhZ9Z0//EABsQAAICAwEAAAAAAAAAAAAAAAERACExQVGB/9oACAEBAAE/Iat05ucyk2j5CjQeqUMPUf1ZQFQHP//aAAwDAQACAAMAAAAQkM//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAcEAEBAQADAAMAAAAAAAAAAAABEQAhMWFBcYH/2gAIAQEAAT8QsSX+kzBwJEWW8PoNQ4EHkpmU19F69PdYkja1XDyA+Df/2Q==" alt=""/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/c0189/demo_1.jpg" data-srcset="/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/76ff7/demo_1.jpg 192w,/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/4e23f/demo_1.jpg 384w,/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/c0189/demo_1.jpg 768w,/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/d833b/demo_1.jpg 1536w" alt=""/><noscript><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/c0189/demo_1.jpg" srcSet="/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/76ff7/demo_1.jpg 192w,/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/4e23f/demo_1.jpg 384w,/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/c0189/demo_1.jpg 768w,/gatsby-theme-pitayan/static/d7f82421ce510232bd39970c36da2c8b/d833b/demo_1.jpg 1536w" alt=""/></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div></div><h3>Quick start with @pitayan/gatsby-theme-pitayan plugin</h3></a><p class="panel-content">Learn to know how you could start a new Gatsby blog with this plugin</p><div class="flex flex-wrap gap-3 undefined"><a class="site-tag block" href="/gatsby-theme-pitayan/categories/sample/">sample</a><a class="site-tag block" href="/gatsby-theme-pitayan/categories/post/">post</a></div><br/><span class="panel-footer"><span class="text-gray-500 ">March 30th, 2022<!-- --> • <!-- -->2<!-- --> min read</span></span></div></div><div class="text-center my-24"><button class="font-bold text-xl rounded px-4 py-2 dark:hover:bg-gray-800 hover:bg-gray-200 transition-colors duration-75"><span class="">See More ...</span></button></div></div><div class="subscription p-8 text-center mx-auto bg-gray-50 border border-solid border-gray-100 dark:bg-gray-800 dark:border-gray-800"><div class="subscription-container"><h3 class="subscription-title">Subscribe to our email newsletters</h3><div class="subscription-content">
Stay tuned to our latest content with the ability to opt-out at
anytime. We will not spam your inbox or share your email with any
third parties.
</div><form class="subscription-action"><div class="w-full relative max-w-lg mx-auto"><span class="absolute top-[23%] left-3 text-gray-400 dark:text-gray-500">@</span><input placeholder="your email" name="email" type="email" class="outline-input md:!pr-32 !pl-8" formnovalidate="" value=""/><button class="ghost-button ml-auto absolute top-[2%] right-0 hidden md:block" type="submit">Subscribe</button></div><small class="block mt-2 text-red-500"></small><br/><div class="w-full text-center -mb-2"><button class="ghost-button md:hidden block mx-auto" type="submit">Subscribe</button></div></form></div></div><footer class="pt-16 px-6 md:px-8 max-w-screen-xl mx-auto"><div class="flex flex-wrap justify-between"><div class="flex flex-col justify-between w-96"><h1 class="font-black">Pitayan<br/><small class="text-sm text-gray-500 dark:text-gray-400"></small></h1></div><div class="flex flex-wrap justify-between grow"><div class="space-y-2 text-base"><h5 class="font-bold mb-3">Explore</h5><a aria-current="page" class="site-link block" href="/gatsby-theme-pitayan/">home</a><a class="site-link block" href="/gatsby-theme-pitayan/posts/">posts</a><a class="site-link block" href="/gatsby-theme-pitayan/categories/">categories</a><a class="site-link block" href="/gatsby-theme-pitayan/authors/">authors</a></div><div class="space-y-2 text-base"><h5 class="font-bold mb-3">Site</h5><a class="site-link block " href="/gatsby-theme-pitayan/sitemap/sitemap-index.xml">sitemap</a><a class="site-link block " href="/gatsby-theme-pitayan/rss.xml">rss</a><a class="site-link block " href="/gatsby-theme-pitayan/write-for-us/">write for us</a><a class="site-link block " href="/gatsby-theme-pitayan/privacy-policy/">privacy</a><a class="site-link block " href="/gatsby-theme-pitayan/terms-and-conditions/">terms</a><a class="site-link block " href="/gatsby-theme-pitayan/about/">about</a></div><div class="space-y-2 text-base"><h5 class="font-bold mb-3">Connect</h5><a href="https://github.com/Pitayan" class="site-link block " target="_blank" rel="noreferrer">github</a><a href="https://twitter.com/pitayanblog" class="site-link block " target="_blank" rel="noreferrer">twitter</a><a href="mailto: [email protected]" class="site-link block " target="_blank" rel="noreferrer">email</a></div></div></div><div class="text-sm text-gray-500 font-bold dark:text-gray-400 mt-8 mb-16">© <!-- -->2023<!-- --> <!-- -->Pitayan<!-- -->. All rights reserved.</div></footer></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script src="https://platform.twitter.com/widgets.js"></script><script src="https://www.instagram.com/embed.js"></script><script src="https://embedr.flickr.com/assets/client-code.js"></script><script src="https://embed.redditmedia.com/widgets/platform.js"></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
<script
id="gatsby-chunk-mapping"
>
window.___chunkMapping="{\"app\":[\"/app-1866a6919c20a9051f19.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-404-index-tsx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-404-index-tsx-6028003dba261fb1b142.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-authors-index-tsx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-authors-index-tsx-5d7105aa97b2452c6c7b.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-categories-index-tsx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-categories-index-tsx-e6b86f58d9bbac1656bf.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-index-tsx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-index-tsx-bf87f1110378b721d9f5.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-all-posts-index-tsx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-all-posts-index-tsx-c73a1fe4ae4954b6eed1.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-author-posts-index-tsx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-author-posts-index-tsx-0e46885b9c74938f03cc.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-category-posts-index-tsx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-category-posts-index-tsx-12fa93780de0966bd243.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-03-30-quick-start-index-mdx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-03-30-quick-start-index-mdx-e4e502d9d72aa5371375.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-03-31-gatsby-plugin-pitayan-plugin-options-index-mdx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-03-31-gatsby-plugin-pitayan-plugin-options-index-mdx-803b094dcb03219105d7.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-01-import-custom-components-index-mdx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-01-import-custom-components-index-mdx-26ab32bfa5a351f3659c.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-02-multiple-pictures-index-mdx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-02-multiple-pictures-index-mdx-bb63c5bf2d19632dff0b.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-03-embed-social-media-index-mdx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-03-embed-social-media-index-mdx-9c68e19fba6071229642.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-04-a-post-with-source-code-index-mdx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-04-a-post-with-source-code-index-mdx-c6fd69a29f0990d12a8e.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-05-a-simple-post-lorem-ipsum-index-mdx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-05-a-simple-post-lorem-ipsum-index-mdx-aad1bc2dfd87ba5ee890.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-06-another-simple-post-lorem-ipsum-index-mdx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2022-04-06-another-simple-post-lorem-ipsum-index-mdx-7fddf3183e650fc1e182.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2023-02-12-no-heading-post-index-mdx\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-2023-02-12-no-heading-post-index-mdx-1f47a3aabfb67133206e.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-styleguide-index-md\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-styleguide-index-md-6d83f20920ac4cc36ebc.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-site-index-tsx-content-file-path-content-site-about-index-md\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-site-index-tsx-content-file-path-content-site-about-index-md-a8758a172797de4ec4e8.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-site-index-tsx-content-file-path-content-site-privacy-policy-index-md\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-site-index-tsx-content-file-path-content-site-privacy-policy-index-md-ab26cfba0bcaf5593abe.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-site-index-tsx-content-file-path-content-site-terms-and-conditions-index-md\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-site-index-tsx-content-file-path-content-site-terms-and-conditions-index-md-a861e892b552dafcbee9.js\"],\"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-site-index-tsx-content-file-path-content-site-write-for-us-index-md\":[\"/component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-site-index-tsx-content-file-path-content-site-write-for-us-index-md-3b367a04451688bef30e.js\"]}";
</script>
<script>window.___webpackCompilationHash="bb37bb400e6715c402fb";</script><script src="/gatsby-theme-pitayan/webpack-runtime-cb871708dd827f75ad12.js" async></script><script src="/gatsby-theme-pitayan/framework-087f7077b129e6b1ddc5.js" async></script><script src="/gatsby-theme-pitayan/d0447323-a0259da63074e5f7db2e.js" async></script><script src="/gatsby-theme-pitayan/78e521c3-a54276b9f4c6e21816f5.js" async></script><script src="/gatsby-theme-pitayan/1bfc9850-83f2eba7789d423fc2b3.js" async></script><script src="/gatsby-theme-pitayan/app-1866a6919c20a9051f19.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>