{"data":{"markdownRemark":{"html":"<p>This article is about different typography which are supported in the post section of the blog.\nBelow you can see the various headings, paragraphs, code snippet examples, etc.</p>\n<h1>An h1 header</h1>\n<p>Paragraphs are separated by a blank line.</p>\n<p>2nd paragraph. <em>Italic</em>, <strong>bold</strong>, and <code class=\"language-text\">monospace</code>. Itemized lists\nlook like:</p>\n<ul>\n<li>this one</li>\n<li>that one</li>\n<li>the other one</li>\n</ul>\n<p>Note that --- not considering the asterisk --- the actual text\ncontent starts at 4-columns in.</p>\n<blockquote>\n<p>Block quotes are\nwritten like so.</p>\n<p>They can span multiple paragraphs,\nif you like.</p>\n</blockquote>\n<p>Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., \"it's all\nin chapters 12--14\"). Three dots ... will be converted to an ellipsis.\nUnicode is supported. ☺</p>\n<h2>An h2 header</h2>\n<p>Here's a numbered list:</p>\n<ol>\n<li>first item</li>\n<li>second item</li>\n<li>third item</li>\n</ol>\n<p>Note again how the actual text starts at 4 columns in (4 characters\nfrom the left side). Here's a code sample:</p>\n<div class=\"gatsby-highlight\" data-language=\"python\"><pre class=\"language-python\"><code class=\"language-python\"><span class=\"token comment\"># Let me re-iterate ...</span>\n<span class=\"token keyword\">for</span> i <span class=\"token keyword\">in</span> <span class=\"token number\">1</span> <span class=\"token punctuation\">.</span><span class=\"token punctuation\">.</span> <span class=\"token number\">10</span> <span class=\"token punctuation\">{</span> do<span class=\"token operator\">-</span>something<span class=\"token punctuation\">(</span>i<span class=\"token punctuation\">)</span> <span class=\"token punctuation\">}</span></code></pre></div>\n<p>As you probably guessed, indented 4 spaces. By the way, instead of\nindenting the block, you can use delimited blocks, if you like:</p>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\">define <span class=\"token function\">foobar</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    print <span class=\"token string\">\"Welcome to flavor country!\"</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span></code></pre></div>\n<p>(which makes copying &#x26; pasting easier). You can optionally mark the\ndelimited block for Pandoc to syntax highlight it:</p>\n<div class=\"gatsby-highlight\" data-language=\"python\"><pre class=\"language-python\"><code class=\"language-python\"><span class=\"token keyword\">import</span> time\n<span class=\"token comment\"># Quick, count to ten!</span>\n<span class=\"token keyword\">for</span> i <span class=\"token keyword\">in</span> <span class=\"token builtin\">range</span><span class=\"token punctuation\">(</span><span class=\"token number\">10</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">:</span>\n    <span class=\"token comment\"># (but not *too* quick)</span>\n    time<span class=\"token punctuation\">.</span>sleep<span class=\"token punctuation\">(</span><span class=\"token number\">0.5</span><span class=\"token punctuation\">)</span>\n    <span class=\"token keyword\">print</span><span class=\"token punctuation\">(</span>i<span class=\"token punctuation\">)</span></code></pre></div>\n<h3>An h3 header</h3>\n<p>Now a nested list:</p>\n<ol>\n<li>\n<p>First, get these ingredients:</p>\n<ul>\n<li>carrots</li>\n<li>celery</li>\n<li>lentils</li>\n</ul>\n</li>\n<li>\n<p>Boil some water.</p>\n</li>\n<li>\n<p>Dump everything in the pot and follow\nthis algorithm:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">find wooden spoon\nuncover pot\nstir\ncover pot\nbalance wooden spoon precariously on pot handle\nwait 10 minutes\ngoto first step (or shut off burner when done)</code></pre></div>\n<p>Do not bump wooden spoon or it will fall.</p>\n</li>\n</ol>\n<h3>Image with Alt</h3>\n<p><img src=\"https://user-images.githubusercontent.com/21834/34442433-6afc7594-ecc2-11e7-9277-c4a6602a3067.png\" alt=\"Alt text of the image\"></p>","frontmatter":{"date":"November 29, 2019","slug":"welcoming-post-third","title":"Welcoming to write third post","feature_image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAPoAAAD6AG1e1JrAAACnUlEQVQoz2NglnVgVfXk1AriM44WskkWc8mW8S1SjKzWzOjQL5qgXzRRI6NDMaJa1q9Y3DVbyDqZzziGSzuYRcWDWcaBgVnajkXFjV0jgEc/QsAyQcQ+Q9IjXzagRCmqRjW+USW+AaQzoFTCPV/EIV3QKpHXMJJTK5BF2Y1J2o6BUcKaRdGFTcOHSzeMzzQWaLmoY6aER560b7FsYKl8UBnQIUCuiEMm0Fp+0xgunVA2dW9mBWcmCRsGJnErFjlHNjVPTp0gkOXm8SD9DhlA90u450m654m5Zos4ZAjbJAtYxAMVcGgFsql7sSu5AjUyMPDoMfCbMIhbM8g6Myl4sasHcmiHcRtE8RjH8JrE8QCRcSy3UTSHThhQikXFh0nBlUHSlkHIjIFPn0EpKE8xIE/OO0spuFAnpUEvpUk/uVEvrcUgp0M3rUU/tUknuUE9ulonoV4xuETGM1PMMUnGI03RL1vWJ5PBa9pKh/Z5bv2LA+euy959uPrk+apjZ3IOHE/edSRxx+GoJVtC5m9I23YgY/sh90nLI1dtzz58uuDU+dBl2ywbZjOI2iWLOaRKe2SrRlXr53RaVk01q5hsWNirl92lldpiUjrBrmGmc/cih/b5tk2zrOpmmBX3q4SXy/nmy3pmMWgl1FuUTXRsnRsxf0PM6p3BizYHz99o3zTbpnKSSW6XWXGfaWGPWckEIEM/vUU5pEzGPVPGI1srvlY3tYVBIbBEObxCN7NDM75BK7lZL6vDrm6aY/Msj94FnhOWODVOM8po1ktvVY0ok3JOFbdN4NXyEbNNkHROk/XJZ5DzyRO2AsZBELd+CK9xFI9BOJt6gJRXPr9JFK9RNLdeKLOCu4BFAo9BpIhdqnxQiXpCo1IE0INd2hmtAObbxpaDo8uFAAAAAElFTkSuQmCC","aspectRatio":2,"src":"/static/c70aaee4fd937cc2e7e24f403412d575/c613a/welcoming-third-post-feature-image.png","srcSet":"/static/c70aaee4fd937cc2e7e24f403412d575/bf439/welcoming-third-post-feature-image.png 250w,\n/static/c70aaee4fd937cc2e7e24f403412d575/c7744/welcoming-third-post-feature-image.png 500w,\n/static/c70aaee4fd937cc2e7e24f403412d575/c613a/welcoming-third-post-feature-image.png 1000w,\n/static/c70aaee4fd937cc2e7e24f403412d575/98a99/welcoming-third-post-feature-image.png 1500w,\n/static/c70aaee4fd937cc2e7e24f403412d575/2c4db/welcoming-third-post-feature-image.png 1920w","sizes":"(max-width: 1000px) 100vw, 1000px"}}},"author":{"frontmatter":{"name":"Akansh Gulati","profile_image":"/images/authors/akansh.png","twitter":"akanshgulati","facebook":"akanshgulati","website":"https://akansh.com"}},"tags":[{"frontmatter":{"name":"education","slug":"education"}}],"meta_description":"A description for the welcoming post","published_at":"November 29, 2019","comment":true,"id":"welcoming-post-third"},"excerpt":"This article is about different typography which are supported in the post section of the blog. \nBelow you can see the various headings…"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"welcoming-post-third"}}