-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-styleguide-index-md-6d83f20920ac4cc36ebc.js.map
1 lines (1 loc) · 87.6 KB
/
component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-styleguide-index-md-6d83f20920ac4cc36ebc.js.map
1
{"version":3,"file":"component---node-modules-pitayan-gatsby-theme-pitayan-src-templates-post-index-tsx-content-file-path-content-posts-styleguide-index-md-6d83f20920ac4cc36ebc.js","mappings":"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","sources":["webpack://www/./content/posts/styleguide/index.md","webpack://www/./node_modules/@pitayan/gatsby-theme-pitayan/src/templates/post/index.tsx"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n const _components = Object.assign({\n p: \"p\",\n h2: \"h2\",\n a: \"a\",\n span: \"span\",\n h3: \"h3\",\n strong: \"strong\",\n em: \"em\",\n blockquote: \"blockquote\"\n }, _provideComponents(), props.components);\n return React.createElement(React.Fragment, null, React.createElement(\"div\", {\n class: \"text-center text-6xl font-serif font-extrabold mb-48\"\n }, React.createElement(_components.p, null, \"Style Guide\")), \"\\n\", React.createElement(_components.p, null, \"This is the style guide to let you get familiar with our theme design.\"), \"\\n\", React.createElement(_components.h2, {\n id: \"01-typography\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#01-typography\",\n \"aria-label\": \"01 typography permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"01. Typography\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"fonts\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#fonts\",\n \"aria-label\": \"fonts permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Fonts\"), \"\\n\", React.createElement(_components.p, null, \"The font famliy follows the Tailwind default settings.\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"my-2 flex flex-wrap item-center justify-between mark-w-lg\"\n }, React.createElement(\"div\", {\n class: \"font-sans grid grid-rows-2 place-item-start py-8\"\n }, React.createElement(\"div\", {\n class: \"row-span-2 col-span-1 text-8xl\"\n }, \"Aa\"), React.createElement(\"b\", {\n class: \"col-span-2 self-center\"\n }, \"Sans Serif\"), React.createElement(\"div\", {\n class: \"col-span-3 tracking-widest break-all\"\n }, React.createElement(\"span\", null, \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\"), React.createElement(\"br\"), React.createElement(\"span\", null, \"abcdefghijklmnopqrstuvwxyz\"), React.createElement(\"br\"), React.createElement(\"span\", null, \"0123456789\"))), React.createElement(\"div\", {\n class: \"font-serif grid grid-rows-2 place-item-start py-8\"\n }, React.createElement(\"div\", {\n class: \"row-span-2 col-span-1 text-8xl\"\n }, \"Aa\"), React.createElement(\"b\", {\n class: \"col-span-2 self-center\"\n }, \"Serif\"), React.createElement(\"div\", {\n class: \"col-span-3 tracking-widest break-all\"\n }, React.createElement(\"span\", null, \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\"), React.createElement(\"br\"), React.createElement(\"span\", null, \"abcdefghijklmnopqrstuvwxyz\"), React.createElement(\"br\"), React.createElement(\"span\", null, \"0123456789\"))), React.createElement(\"div\", {\n class: \"font-mono grid grid-rows-2 place-item-start py-8\"\n }, React.createElement(\"div\", {\n class: \"row-span-2 col-span-1 text-8xl\"\n }, \"Aa\"), React.createElement(\"b\", {\n class: \"col-span-2 self-center\"\n }, \"Monospace\"), React.createElement(\"div\", {\n class: \"col-span-3 tracking-widest break-all\"\n }, React.createElement(\"span\", null, \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\"), React.createElement(\"br\"), React.createElement(\"span\", null, \"abcdefghijklmnopqrstuvwxyz\"), React.createElement(\"br\"), React.createElement(\"span\", null, \"0123456789\")))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"headings\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#headings\",\n \"aria-label\": \"headings permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Headings\"), \"\\n\", React.createElement(_components.p, null, \"The headings ranges from \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>h1</span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n }), \" to \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>h6</span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n }), \". The headings have a relative margin bottom according to their font size.\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"h1\", null, \"h1 Heading \", React.createElement(\"code\", {\n class: \"text-4xl\"\n }, \"4xl\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"h2\", null, \"h2 Heading \", React.createElement(\"code\", {\n class: \"text-3xl\"\n }, \"3xl\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"h3\", null, \"H3 Heading \", React.createElement(\"code\", {\n class: \"text-2xl\"\n }, \"2xl\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"h4\", null, \"H4 Heading \", React.createElement(\"code\", {\n class: \"text-xl\"\n }, \"xl\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"h5\", null, \"H5 Heading \", React.createElement(\"code\", {\n class: \"text-lg\"\n }, \"lg\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"h6\", null, \"H6 Heading \", React.createElement(\"code\", {\n class: \"text-base\"\n }, \"base\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"paragraphs\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#paragraphs\",\n \"aria-label\": \"paragraphs permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Paragraphs\"), \"\\n\", React.createElement(_components.p, null, \"The common \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>p</span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n }), \" tag. There’s a \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-text\\\">margin-bottom</code>\"\n }\n }), \" (mb-4) for the gap between different paragraphs\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"p\", null, React.createElement(_components.p, null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\")), \"\\n\", React.createElement(\"p\", null, React.createElement(_components.p, null, \"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\")), \"\\n\", React.createElement(\"p\", null, React.createElement(_components.p, null, \"Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"quotes\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#quotes\",\n \"aria-label\": \"quotes permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Quotes\"), \"\\n\", React.createElement(_components.p, null, \"The font under \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>quotes</span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n }), \" is set to \", React.createElement(\"span\", {\n class: \"font-serif font-bold\"\n }, \"serif\"), \" and \", React.createElement(_components.strong, null, React.createElement(_components.em, null, \"italic\")), \" to distinguish with the normal article content.\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, \"Your time is limited, so don’t waste it living someone else’s life. Don’t be trapped by dogma – which is living with the results of other people’s thinking.\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.p, null, \"- Hello\"), \"\\n\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"address\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#address\",\n \"aria-label\": \"address permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Address\"), \"\\n\", React.createElement(_components.p, null, \"Similar to the blockquote, the \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>address</span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n }), \" tag is also set to \", React.createElement(\"span\", {\n class: \"font-serif font-bold\"\n }, \"serif\"), \" and \", React.createElement(_components.strong, null, React.createElement(_components.em, null, \"italic\"))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"address\", {\n class: \"mark-w-md\"\n }, React.createElement(\"strong\", null, \"Hello World!, Inc.\"), React.createElement(\"div\", null, \"1-2-3 Alpha, Beta, Somewhere\"), React.createElement(\"div\", null, \"+00-11-2222-3333 (Main)\"), React.createElement(\"a\", {\n href: \"mailto:first.last@example.com\",\n class: \"link\"\n }, \"first.last@example.com\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"semantic-elements\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#semantic-elements\",\n \"aria-label\": \"semantic elements permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Semantic Elements\"), \"\\n\", React.createElement(_components.p, null, \"It’s clear that semantic elements are more friendly to users and developers, isn’t it?\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md flex flex-wrap\"\n }, React.createElement(\"div\", {\n class: \"w-1/2\"\n }, React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"abbr\", {\n title: \"Internationalization\"\n }, \"i18n\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"abbr\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"strong\", null, \"Bold\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"strong\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"b\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"cite\", null, \"Citation\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"cite\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"code\", null, \"Hello World!\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"code\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"del\", null, \"Deleted\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"del\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"em\", null, \"Emphasis\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"em\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"i\", null, \"Italic\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"i\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"ins\", null, \"Inserted\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"ins\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"kbd\", null, \"Ctrl + S\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"kbd\"))), React.createElement(\"div\", {\n class: \"w-1/2\"\n }, React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"mark\", null, \"Highlighted\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"mark\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"ruby\", null, \"漢\", React.createElement(\"rt\", null, \"kan\"), \"字\", React.createElement(\"rt\", null, \"ji\")), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"ruby\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"s\", null, \"Strikethrough\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"s\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"samp\", null, \"Sample\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"samp\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(_components.p, null, \"Text \", React.createElement(\"sub\", null, \"Subscripted\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"sub\"))), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(_components.p, null, \"Text \", React.createElement(\"sup\", null, \"Superscripted\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"sup\"))), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"time\", null, \"20:00\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"time\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(\"u\", null, \"Underline\"), React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"u\")), React.createElement(\"div\", {\n class: \"my-4\"\n }, React.createElement(_components.p, null, React.createElement(\"var\", null, \"x\"), \" = \", React.createElement(\"var\", null, \"y\"), \" + 2\", React.createElement(\"code\", {\n class: \"ml-2\"\n }, \"var\"))))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"code\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#code\",\n \"aria-label\": \"code permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Code\"), \"\\n\", React.createElement(_components.p, null, \"The code highlight is enabled by the community plugin: \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-text\\\">gatsby-remark-vscode</code>\"\n }\n })), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.p, null, \"Hight lines\"), \"\\n\", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<div class=\\\"gatsby-highlight has-highlighted-lines\\\" data-language=\\\"html\\\"><pre class=\\\"language-html\\\"><code class=\\\"language-html\\\"><span class=\\\"gatsby-highlight-code-line\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>div</span><span class=\\\"token punctuation\\\">></span></span></span><span class=\\\"gatsby-highlight-code-line\\\"> <span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>div</span><span class=\\\"token punctuation\\\">></span></span></span><span class=\\\"gatsby-highlight-code-line\\\"> <span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>p</span><span class=\\\"token punctuation\\\">></span></span>gatsby-theme-pitayan is a theme for building blogs<span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"></</span>p</span><span class=\\\"token punctuation\\\">></span></span></span> <span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"></</span>div</span><span class=\\\"token punctuation\\\">></span></span>\\n<span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"></</span>div</span><span class=\\\"token punctuation\\\">></span></span></code></pre></div>\"\n }\n }), \"\\n\", React.createElement(_components.p, null, \"JSX\"), \"\\n\", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<div class=\\\"gatsby-highlight\\\" data-language=\\\"jsx\\\"><pre style=\\\"counter-reset: linenumber 0\\\" class=\\\"language-jsx line-numbers\\\"><code class=\\\"language-jsx\\\"><span class=\\\"token keyword\\\">const</span> <span class=\\\"token function-variable function\\\">App</span> <span class=\\\"token operator\\\">=</span> <span class=\\\"token punctuation\\\">(</span><span class=\\\"token punctuation\\\">)</span> <span class=\\\"token operator\\\">=></span> <span class=\\\"token punctuation\\\">{</span>\\n <span class=\\\"token keyword\\\">return</span> <span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>div</span><span class=\\\"token punctuation\\\">></span></span><span class=\\\"token plain-text\\\">Hello World!</span><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"></</span>div</span><span class=\\\"token punctuation\\\">></span></span>\\n<span class=\\\"token punctuation\\\">}</span></code><span aria-hidden=\\\"true\\\" class=\\\"line-numbers-rows\\\" style=\\\"white-space: normal; width: auto; left: 0;\\\"><span></span><span></span><span></span></span></pre></div>\"\n }\n }), \"\\n\", React.createElement(_components.p, null, \"Diff changes\"), \"\\n\", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<div class=\\\"gatsby-highlight\\\" data-language=\\\"diff\\\"><pre style=\\\"counter-reset: linenumber 0\\\" class=\\\"language-diff-ts line-numbers\\\"><code class=\\\"language-diff-ts\\\">const add = (x: number, y: number) => {\\n<span class=\\\"token deleted-sign deleted language-ts\\\"><span class=\\\"token prefix deleted\\\">-</span> <span class=\\\"token keyword\\\">return</span> x <span class=\\\"token operator\\\">+</span> x<span class=\\\"token punctuation\\\">;</span>\\n</span><span class=\\\"token inserted-sign inserted language-ts\\\"><span class=\\\"token prefix inserted\\\">+</span> <span class=\\\"token keyword\\\">return</span> x <span class=\\\"token operator\\\">+</span> y<span class=\\\"token punctuation\\\">;</span>\\n</span>}</code><span aria-hidden=\\\"true\\\" class=\\\"line-numbers-rows\\\" style=\\\"white-space: normal; width: auto; left: 0;\\\"><span></span><span></span><span></span><span></span></span></pre></div>\"\n }\n }), \"\\n\", React.createElement(_components.p, null, \"Inline code highlight\"), \"\\n\", React.createElement(_components.p, null, \"This is an inline code \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-js\\\"><span class=\\\"token class-name\\\">Array</span><span class=\\\"token punctuation\\\">.</span>prototype<span class=\\\"token punctuation\\\">.</span><span class=\\\"token function\\\">concat</span><span class=\\\"token punctuation\\\">.</span><span class=\\\"token function\\\">apply</span><span class=\\\"token punctuation\\\">(</span><span class=\\\"token punctuation\\\">[</span><span class=\\\"token punctuation\\\">]</span><span class=\\\"token punctuation\\\">,</span> array<span class=\\\"token punctuation\\\">)</span></code>\"\n }\n })), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"lists\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#lists\",\n \"aria-label\": \"lists permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Lists\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md flex flex-wrap w-full\"\n }, React.createElement(\"div\", {\n class: \"sm:w-1/3 w-1/2\"\n }, React.createElement(\"ul\", null, React.createElement(\"li\", null, \"List Item 1\"), React.createElement(\"li\", null, React.createElement(_components.p, null, \"List Item 2\"), React.createElement(\"ul\", null, React.createElement(\"li\", null, \"List Sub-Item 1\"), React.createElement(\"li\", null, \"List Sub-Item 2\"))), React.createElement(\"li\", null, \"List Item 3\"), React.createElement(\"li\", null, \"List Item 4\"), React.createElement(\"li\", null, \"List Item 5\"))), React.createElement(\"div\", {\n class: \"sm:w-1/3 w-1/2\"\n }, React.createElement(\"ol\", null, React.createElement(\"li\", null, \"List Item 1\"), React.createElement(\"li\", null, React.createElement(_components.p, null, \"List Item 2\"), React.createElement(\"ol\", null, React.createElement(\"li\", null, \"List Sub-Item 1\"), React.createElement(\"ol\", null, React.createElement(\"li\", null, \"List Sub-Item 1\")))), React.createElement(\"li\", null, \"List Item 3\"), React.createElement(\"li\", null, \"List Item 4\"), React.createElement(\"li\", null, \"List Item 5\"))), React.createElement(\"div\", {\n class: \"sm:w-1/3 w-1/2\"\n }, React.createElement(\"dl\", null, React.createElement(\"dt\", null, \"Item 1\"), React.createElement(\"dd\", null, \"Description for Item 1\"), React.createElement(\"dt\", null, \"Item 2\"), React.createElement(\"dd\", null, \"Description for Item 2\"), React.createElement(\"dt\", null, \"Item 3\"), React.createElement(\"dd\", null, \"Description for Item 3\")))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h2, {\n id: \"02-colors\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#02-colors\",\n \"aria-label\": \"02 colors permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"02. Colors\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"primary\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#primary\",\n \"aria-label\": \"primary permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Primary\"), \"\\n\", React.createElement(_components.p, null, \"The theme uses Tailwind indigo as its primary color.\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md\"\n }, React.createElement(\"div\", {\n class: \"text-sm w-20 text-center\"\n }, React.createElement(\"div\", {\n class: \"h-32 w-20 rounded bg-indigo-500\"\n }), React.createElement(\"b\", null, \"bg-primary\"), React.createElement(\"br\"), React.createElement(\"b\", null, \"500\"))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\", {\n div: true\n }), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"palletes\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#palletes\",\n \"aria-label\": \"palletes permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Palletes\"), \"\\n\", React.createElement(_components.p, null, \"The default Tailwind colors\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md flex flex-col flex-wrap space-y-3 sm:flex-row text-sm text-center sm:space-y-0 sm:space-x-4\"\n }, React.createElement(\"div\", {\n class: \"w-20\"\n }, React.createElement(\"div\", {\n class: \"h-32 w-20 rounded bg-gray-500\"\n }), React.createElement(\"b\", null, \"bg-gray\"), React.createElement(\"br\"), React.createElement(\"b\", null, \"500\")), React.createElement(\"div\", {\n class: \"w-20\"\n }, React.createElement(\"div\", {\n class: \"h-32 w-20 rounded bg-red-500\"\n }), React.createElement(\"b\", null, \"bg-red\"), React.createElement(\"br\"), React.createElement(\"b\", null, \"500\")), React.createElement(\"div\", {\n class: \"w-20\"\n }, React.createElement(\"div\", {\n class: \"h-32 w-20 rounded bg-yellow-500\"\n }), React.createElement(\"b\", null, \"bg-yellow\"), React.createElement(\"br\"), React.createElement(\"b\", null, \"500\")), React.createElement(\"div\", {\n class: \"w-20\"\n }, React.createElement(\"div\", {\n class: \"h-32 w-20 rounded bg-green-500\"\n }), React.createElement(\"b\", null, \"bg-green\"), React.createElement(\"br\"), React.createElement(\"b\", null, \"500\"))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md flex flex-col flex-wrap space-y-3 sm:flex-row text-sm text-center sm:space-y-0 sm:space-x-4\"\n }, React.createElement(\"div\", {\n class: \"w-20\"\n }, React.createElement(\"div\", {\n class: \"h-32 w-20 rounded bg-blue-500\"\n }), React.createElement(\"b\", null, \"bg-blue\"), React.createElement(\"br\"), React.createElement(\"b\", null, \"500\")), React.createElement(\"div\", {\n class: \"w-20\"\n }, React.createElement(\"div\", {\n class: \"h-32 w-20 rounded bg-indigo-500\"\n }), React.createElement(\"b\", null, \"bg-indigo\"), React.createElement(\"br\"), React.createElement(\"b\", null, \"500\")), React.createElement(\"div\", {\n class: \"w-20\"\n }, React.createElement(\"div\", {\n class: \"h-32 w-20 rounded bg-purple-500\"\n }), React.createElement(\"b\", null, \"bg-purple\"), React.createElement(\"br\"), React.createElement(\"b\", null, \"500\")), React.createElement(\"div\", {\n class: \"w-20\"\n }, React.createElement(\"div\", {\n class: \"h-32 w-20 rounded bg-pink-500\"\n }), React.createElement(\"b\", null, \"bg-pink\"), React.createElement(\"br\"), React.createElement(\"b\", null, \"500\"))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h2, {\n id: \"03-elements\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#03-elements\",\n \"aria-label\": \"03 elements permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"03. Elements\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"button\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#button\",\n \"aria-label\": \"button permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Button\"), \"\\n\", React.createElement(_components.p, null, \"3 built-in button types: \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-text\\\">Default</code>\"\n }\n }), \" \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-text\\\">Fill</code>\"\n }\n }), \" \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-text\\\">Ghost</code>\"\n }\n })), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.p, null, \"Default \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>button</span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n })), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md\"\n }, React.createElement(\"button\", null, \"default button\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.p, null, \"“Fill” button \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>button</span> <span class=\\\"token attr-name\\\">class</span><span class=\\\"token attr-value\\\"><span class=\\\"token punctuation attr-equals\\\">=</span><span class=\\\"token punctuation\\\">\\\"</span>fill-button<span class=\\\"token punctuation\\\">\\\"</span></span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n })), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md\"\n }, React.createElement(\"button\", {\n class: \"fill-button\"\n }, \"fill button\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.p, null, \"“Ghost” button \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>button</span> <span class=\\\"token attr-name\\\">class</span><span class=\\\"token attr-value\\\"><span class=\\\"token punctuation attr-equals\\\">=</span><span class=\\\"token punctuation\\\">\\\"</span>ghost-button<span class=\\\"token punctuation\\\">\\\"</span></span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n })), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md\"\n }, React.createElement(\"button\", {\n class: \"ghost-button\"\n }, \"ghost button\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.p, null, \"Disabled styles \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>button</span> <span class=\\\"token attr-name\\\">disabled</span><span class=\\\"token punctuation\\\">></span></span>disabled button<span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"></</span>button</span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n })), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md\"\n }, React.createElement(\"button\", {\n disabled: true\n }, \"normal disabled\"), React.createElement(\"br\"), React.createElement(\"button\", {\n class: \"fill-button\",\n disabled: true\n }, \"fill button disabled\"), React.createElement(\"br\"), React.createElement(\"button\", {\n class: \"ghost-button\",\n disabled: true\n }, \"ghost button disabled\"), React.createElement(\"br\")), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"divider\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#divider\",\n \"aria-label\": \"divider permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Divider\"), \"\\n\", React.createElement(_components.p, null, \"A horizontal line \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>hr</span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n }), \" is customized into 3 dots with margins to both ends (my-16).\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.p, null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"), \"\\n\", React.createElement(\"hr\"), \"\\n\", React.createElement(_components.p, null, \"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"link\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#link\",\n \"aria-label\": \"link permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Link\"), \"\\n\", React.createElement(_components.p, null, \"This is what a \", React.createElement(\"a\", {\n href: \"/styleguide\"\n }, \"link\"), \" looks like among the text.\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.p, null, \"When a \", React.createElement(\"a\", {\n class: \"ring-2 ring-indigo-300 ring-offset-1\",\n href: \"/styleguide\"\n }, \"link\"), \" is focused\"), \"\\n\", React.createElement(_components.p, null, \"When a \", React.createElement(\"a\", {\n href: \"/styleguide\",\n class: \"underline\"\n }, \"link\"), \" is hovered\"), \"\\n\", React.createElement(_components.p, null, \"When a \", React.createElement(\"a\", {\n href: \"/styleguide\",\n disabled: true\n }, \"link\"), \" is disabled\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"input\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#input\",\n \"aria-label\": \"input permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Input\"), \"\\n\", React.createElement(_components.p, null, \"The \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>input</span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n }), \" element has 2 types: \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-text\\\">default</code>\"\n }\n }), \" and \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-text\\\">outline</code>\"\n }\n })), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md\"\n }, React.createElement(\"input\", {\n placeholder: \"This is a default input\",\n type: \"text\"\n })), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md\"\n }, React.createElement(\"input\", {\n class: \"outline-input\",\n placeholder: \"This is an outline input\",\n type: \"text\"\n })), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h2, {\n id: \"04-components\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#04-components\",\n \"aria-label\": \"04 components permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"04. Components\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"pagination\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#pagination\",\n \"aria-label\": \"pagination permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Pagination\"), \"\\n\", React.createElement(_components.p, null, \"Active item font size \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-text\\\">2xl</code>\"\n }\n }), \" & font weight \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-text\\\">semibold</code>\"\n }\n })), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"ul\", {\n class: \"pagination\"\n }, React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"Prev\")), React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"1\")), React.createElement(\"li\", {\n class: \"pagination-item active\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"2\")), React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"3\")), React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"Next\"))), \"\\n\", React.createElement(\"ul\", {\n class: \"pagination\"\n }, React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"Prev\")), React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"1\")), React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"2\")), React.createElement(\"li\", {\n class: \"pagination-item active\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"3\"))), \"\\n\", React.createElement(\"ul\", {\n class: \"pagination\"\n }, React.createElement(\"li\", {\n class: \"pagination-item active\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"1\")), React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"2\")), React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"3\")), React.createElement(\"li\", {\n class: \"pagination-item\"\n }, React.createElement(\"a\", {\n href: \"#\"\n }, \"Next\"))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"subscription\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#subscription\",\n \"aria-label\": \"subscription permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Subscription\"), \"\\n\", React.createElement(_components.p, null, \"Appears at the end of each article\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-xl\"\n }, React.createElement(\"div\", {\n class: \"subscription\"\n }, React.createElement(\"h3\", {\n class: \"subscription-title\"\n }, \"Join our email list and get notified about new content\"), React.createElement(\"div\", {\n class: \"subscription-content\"\n }, React.createElement(_components.p, null, \"Be the first to receive our latest content with the ability to opt-out at anytime. We promise to not spam your inbox or share your email with any third parties.\")), React.createElement(\"form\", {\n class: \"subscription-action\"\n }, React.createElement(\"input\", {\n placeholder: \"your@email.com\",\n name: \"email\",\n type: \"email\",\n class: \"outline-input md:max-w-md mb-8 md:mb-0\"\n }), React.createElement(\"button\", {\n class: \"fill-button ml-auto\"\n }, \"Subscribe\")))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"selection-popup\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#selection-popup\",\n \"aria-label\": \"selection popup permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Selection Popup\"), \"\\n\", React.createElement(_components.p, null, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>div</span> <span class=\\\"token attr-name\\\">class</span><span class=\\\"token attr-value\\\"><span class=\\\"token punctuation attr-equals\\\">=</span><span class=\\\"token punctuation\\\">\\\"</span>selection-popup<span class=\\\"token punctuation\\\">\\\"</span></span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n }), \" to share the selected text to SNS or copy to clipboard.\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-md\"\n }, React.createElement(\"div\", {\n class: \"selection-popup dark:text-black\"\n }, React.createElement(\"span\", {\n class: \"px-2\"\n }, \"Share: \"), React.createElement(\"a\", {\n class: \"px-2\",\n href: \"#\"\n }, React.createElement(\"svg\", {\n fill: \"currentColor\",\n viewBox: \"0 0 20 20\",\n class: \"h-6 w-6\"\n }, React.createElement(\"path\", {\n d: \"M6.29 18.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0020 3.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.073 4.073 0 01.8 7.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 010 16.407a11.616 11.616 0 006.29 1.84\"\n }))), React.createElement(\"a\", {\n class: \"px-2\",\n href: \"#\"\n }, React.createElement(\"svg\", {\n fill: \"currentColor\",\n viewBox: \"0 0 24 24\",\n class: \"h-6 w-6\"\n }, React.createElement(\"path\", {\n \"fill-rule\": \"evenodd\",\n d: \"M22.0367422,22 L17.8848745,22 L17.8848745,15.5036305 C17.8848745,13.9543347 17.85863,11.9615082 15.7275829,11.9615082 C13.5676669,11.9615082 13.237862,13.6498994 13.237862,15.3925291 L13.237862,22 L9.0903683,22 L9.0903683,8.64071385 L13.0707725,8.64071385 L13.0707725,10.4673257 L13.1276354,10.4673257 C13.6813927,9.41667396 15.0356049,8.3091593 17.0555507,8.3091593 C21.2599073,8.3091593 22.0367422,11.0753215 22.0367422,14.6734319 L22.0367422,22 Z M4.40923804,6.81585163 C3.07514653,6.81585163 2,5.73720584 2,4.40748841 C2,3.07864579 3.07514653,2 4.40923804,2 C5.73720584,2 6.81585163,3.07864579 6.81585163,4.40748841 C6.81585163,5.73720584 5.73720584,6.81585163 4.40923804,6.81585163 L4.40923804,6.81585163 Z M6.48604672,22 L2.32980492,22 L2.32980492,8.64071385 L6.48604672,8.64071385 L6.48604672,22 Z\"\n }))), React.createElement(\"a\", {\n class: \"px-2\",\n href: \"#\"\n }, React.createElement(\"svg\", {\n fill: \"currentColor\",\n viewBox: \"0 0 24 24\",\n class: \"h-6 w-6\"\n }, React.createElement(\"path\", {\n d: \"M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4v-8.5z\"\n }))), React.createElement(\"a\", {\n class: \"px-2\",\n href: \"#\"\n }, React.createElement(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n class: \"h-6 w-6\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n stroke: \"currentColor\"\n }, React.createElement(\"path\", {\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\",\n \"stroke-width\": \"2\",\n d: \"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"\n }))))), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(_components.h3, {\n id: \"panel\",\n style: {\n position: \"relative\"\n }\n }, React.createElement(_components.a, {\n href: \"#panel\",\n \"aria-label\": \"panel permalink\",\n className: \"heading-anchor before\"\n }, React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<span>#</span>\"\n }\n })), \"Panel\"), \"\\n\", React.createElement(_components.p, null, \"Article list item \", React.createElement(_components.span, {\n dangerouslySetInnerHTML: {\n __html: \"<code class=\\\"language-html\\\"><span class=\\\"token tag\\\"><span class=\\\"token tag\\\"><span class=\\\"token punctuation\\\"><</span>div</span> <span class=\\\"token attr-name\\\">class</span><span class=\\\"token attr-value\\\"><span class=\\\"token punctuation attr-equals\\\">=</span><span class=\\\"token punctuation\\\">\\\"</span>panel<span class=\\\"token punctuation\\\">\\\"</span></span><span class=\\\"token punctuation\\\">></span></span></code>\"\n }\n })), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"br\"), \"\\n\", React.createElement(\"div\", {\n class: \"mark-w-lg\"\n }, React.createElement(\"div\", {\n class: \"grid relative grid-cols-1 md:grid-cols-2 gap-8\"\n }, React.createElement(\"div\", {\n class: \"panel\"\n }, React.createElement(\"div\", {\n class: \"panel-image\"\n }, React.createElement(\"img\", {\n src: \"images/demo_1.jpg\"\n })), React.createElement(\"h3\", null, \"This is a title\"), React.createElement(\"p\", {\n class: \"panel-content\"\n }, React.createElement(_components.p, null, \"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\")), React.createElement(\"span\", {\n class: \"panel-footer\"\n }, \"Sept 26th, 2021 • 8 min read\")), React.createElement(\"div\", {\n class: \"panel\"\n }, React.createElement(\"div\", {\n class: \"panel-image\"\n }, React.createElement(\"img\", {\n src: \"images/demo_2.png\"\n })), React.createElement(\"h3\", null, \"This is a title\"), React.createElement(\"p\", {\n class: \"panel-content\"\n }, React.createElement(_components.p, null, \"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\")), React.createElement(\"span\", {\n class: \"panel-footer\"\n }, \"Sept 25th, 2021 • 8 min read\")))));\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"/home/eric/git/oaac-web/content/posts/styleguide/index.md\";\nimport React, {useRef} from \"react\";\nimport {Link} from \"gatsby\";\nimport {MDXProvider} from \"@mdx-js/react\";\nimport {RiArrowLeftLine, RiArrowRightLine} from \"react-icons/ri\";\nimport {GatsbyImage, getImage} from \"gatsby-plugin-image\";\nimport {useLocation} from \"@reach/router\";\nimport DefaultLayout from \"@pitayan/gatsby-theme-pitayan/src/layouts/Default\";\nimport PostMeta from \"@pitayan/gatsby-theme-pitayan/src/components/PostMeta\";\nimport AuthorCard from \"@pitayan/gatsby-theme-pitayan/src/components/AuthorCard\";\nimport SocialSharing from \"@pitayan/gatsby-theme-pitayan/src/components/SocialSharing\";\nimport CategoryTags from \"@pitayan/gatsby-theme-pitayan/src/components/CategoryTags\";\nimport BackToTop from \"@pitayan/gatsby-theme-pitayan/src/components/BackToTop\";\nimport PostAuthors from \"@pitayan/gatsby-theme-pitayan/src/components/PostAuthors\";\nimport SelectionPopup from \"@pitayan/gatsby-theme-pitayan/src/components/SelectionPopup\";\nimport ScrollVisibility from \"@pitayan/gatsby-theme-pitayan/src/components/ScrollVisibility\";\nimport TableOfContents from \"@pitayan/gatsby-theme-pitayan/src/components/TableOfContents\";\nimport {useSiteMetadata} from \"@pitayan/gatsby-theme-pitayan/src/hooks\";\nimport {SOCIAL_RESOURCES} from \"@pitayan/gatsby-theme-pitayan/src/constants\";\nimport PostsGroup from \"@pitayan/gatsby-theme-pitayan/src/components/PostsGroup\";\nconst PostImage = _ref => {\n let {image} = _ref;\n return image ? React.createElement(GatsbyImage, {\n className: \"gatsby-resp-image-image\",\n image: image,\n alt: \"\"\n }) : null;\n};\nconst Post = _ref2 => {\n let {data: {mdx: {body, tableOfContents, frontmatter: {author: coAuthors, title, date, categories, hero, description, keywords}, fields: {slug}, timeToRead, relatedPosts}}, pageContext: {tableOfContentsLevels, previous, next}, children} = _ref2;\n const articleRef = useRef(null);\n const postImage = getImage(hero === null || hero === void 0 ? void 0 : hero.medium);\n const {siteUrl} = useSiteMetadata();\n const {href: url} = useLocation();\n const authors = coAuthors.map(_ref3 => {\n let {id, yamlId, name, bio, sns} = _ref3;\n const socialUrls = sns.filter(s => s[0] != \"mailto\" && s[0] != \"url\").map(s => {\n const network = SOCIAL_RESOURCES[s[0]].url;\n const profile = s[1];\n return network + \"/\" + profile;\n });\n return {\n id,\n yamlId,\n name,\n bio,\n socialUrls\n };\n });\n return React.createElement(DefaultLayout, {\n postDescription: description,\n pageImage: postImage.images.fallback.src,\n pageUrl: \"\" + siteUrl + slug,\n postTitle: title,\n pageTitle: title,\n keywords: keywords,\n date: date,\n timeToRead: timeToRead,\n authors: authors\n }, React.createElement(SelectionPopup, {\n ref: articleRef\n }), React.createElement(\"div\", {\n className: \"hidden md:block\"\n }, React.createElement(ScrollVisibility, {\n className: \"fixed right-[6%] bottom-[6%] flex flex-col justify-center z-50\"\n }, React.createElement(BackToTop, null))), React.createElement(\"div\", {\n className: \"max-w-lg md:max-w-2xl mx-auto mb-24\"\n }, React.createElement(\"h1\", {\n className: \"text-center\"\n }, title), React.createElement(PostMeta, {\n className: \"block mb-4 text-center\",\n date: date,\n timeToRead: timeToRead\n }), React.createElement(\"div\", {\n className: \"block sm:flex flex-wrap items-center justify-center sm:justify-between\"\n }, React.createElement(PostAuthors, {\n data: coAuthors\n }), React.createElement(SocialSharing, {\n url: url,\n title: title,\n hashtags: categories.join(\",\"),\n description: description,\n className: \"space-x-6 text-xl py-4 justify-center\",\n twitter: true,\n facebook: true,\n linkedin: true,\n pocket: true,\n copy: true\n }))), React.createElement(\"div\", {\n className: \"text-center mb-24\"\n }, React.createElement(PostImage, {\n image: postImage\n })), React.createElement(\"div\", {\n className: \"lg:grid lg:grid-cols-9 lg:gaps-5\"\n }, React.createElement(SocialSharing, {\n url: url,\n title: title,\n hashtags: categories.join(\",\"),\n description: description,\n className: \"hidden lg:flex text-xl mt-12 flex-col lg:col-start-1 lg:col-end-3 top-[2rem] sticky self-start max-h-full overflow-y-auto space-y-6\",\n twitter: true,\n facebook: true,\n linkedin: true,\n pocket: true,\n copy: true\n }), React.createElement(\"article\", {\n className: \"markdown lg:col-start-3 lg:col-end-8\",\n ref: articleRef\n }, React.createElement(MDXProvider, {\n components: {}\n }, children)), React.createElement(TableOfContents, {\n className: \"hidden lg:block lg:col-span-2 mt-12 top-[2rem] sticky self-start text-xs font-semibold ml-12 mr-auto mb-6 overflow-y-auto max-h-full\",\n items: tableOfContents.items,\n ref: articleRef,\n levels: tableOfContentsLevels\n })), React.createElement(\"div\", {\n className: \"my-8 max-w-lg md:max-w-2xl mx-auto\"\n }, React.createElement(\"div\", {\n className: \"block sm:flex flex-wrap items-center justify-center sm:justify-between\"\n }, React.createElement(CategoryTags, {\n className: \"my-8 justify-center\",\n categories: categories\n }), React.createElement(SocialSharing, {\n url: url,\n title: title,\n hashtags: categories.join(\",\"),\n description: description,\n className: \"space-x-6 text-xl my-8 justify-center\",\n twitter: true,\n facebook: true,\n linkedin: true,\n pocket: true,\n copy: true\n })), React.createElement(\"div\", {\n className: \"flex justify-around flex-wrap text-base mt-12 mb-24\"\n }, React.createElement(\"div\", {\n className: \"p-4 my-4 bg-gray-50 border border-solid border-gray-100 dark:bg-gray-800 dark:border-gray-800 rounded mr-auto w-full md:w-[49%]\"\n }, React.createElement(Link, {\n to: previous.slug,\n className: \"site-link my-2 block\"\n }, React.createElement(\"div\", {\n className: \"flex items-start space-x-2\"\n }, React.createElement(RiArrowLeftLine, {\n className: \"block h-6 w-6\"\n }), React.createElement(\"span\", null, previous.title)))), React.createElement(\"div\", {\n className: \"p-4 my-4 bg-gray-50 border border-solid border-gray-100 dark:bg-gray-800 dark:border-gray-800 rounded ml-auto w-full md:w-[49%]\"\n }, React.createElement(Link, {\n to: next.slug,\n className: \"site-link my-2 block text-right\"\n }, React.createElement(\"div\", {\n className: \"flex items-start space-x-2 justify-end\"\n }, React.createElement(\"span\", null, next.title), React.createElement(RiArrowRightLine, {\n className: \"block h-6 w-6\"\n }))))), React.createElement(\"h5\", {\n className: \"text-center mb-12\"\n }, \"Written by\"), coAuthors.map(_ref4 => {\n let {bio, name, initial, avatar, sns, yamlId} = _ref4;\n return React.createElement(AuthorCard, {\n className: \"p-8 mb-4 bg-gray-50 border border-solid border-gray-100 dark:bg-gray-800 dark:border-gray-800 rounded\",\n key: yamlId,\n bio: bio,\n name: name,\n initial: initial,\n avatar: avatar,\n sns: sns,\n yamlId: yamlId\n });\n })), React.createElement(\"div\", {\n className: \"my-24 max-w-lg sm:max-w-full mx-auto\"\n }, React.createElement(\"h5\", {\n className: \"mb-12 text-center\"\n }, \"Related Posts\"), React.createElement(PostsGroup, {\n posts: relatedPosts,\n className: \"grid sm:grid-cols-3 row-auto auto-cols-auto gap-8\"\n })));\n};\nconst pageQuery = \"2224090640\";\nPost\nexport default function GatsbyMDXWrapper(props) {\n return React.createElement(Post, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n"],"names":["_createMdxContent","props","_components","Object","assign","p","h2","a","span","h3","strong","em","blockquote","_provideComponents","components","React","class","id","style","position","href","className","dangerouslySetInnerHTML","__html","title","div","disabled","placeholder","type","name","fill","viewBox","d","xmlns","stroke","src","wrapper","MDXLayout","PostImage","_ref","image","GatsbyImage","alt","Post","_ref2","data","mdx","body","tableOfContents","frontmatter","author","coAuthors","date","categories","hero","description","keywords","fields","slug","timeToRead","relatedPosts","pageContext","tableOfContentsLevels","previous","next","children","articleRef","useRef","postImage","getImage","medium","siteUrl","useSiteMetadata","url","useLocation","authors","map","_ref3","yamlId","bio","sns","socialUrls","filter","s","SOCIAL_RESOURCES","DefaultLayout","postDescription","pageImage","images","fallback","pageUrl","postTitle","pageTitle","SelectionPopup","ref","ScrollVisibility","BackToTop","PostMeta","PostAuthors","SocialSharing","hashtags","join","twitter","facebook","linkedin","pocket","copy","MDXProvider","TableOfContents","items","levels","CategoryTags","Link","to","RiArrowLeftLine","RiArrowRightLine","_ref4","initial","avatar","AuthorCard","key","PostsGroup","posts","GatsbyMDXWrapper","GATSBY_COMPILED_MDX"],"sourceRoot":""}