Example_Jupyter_Notebook_with_C#.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# C# Jupyter Notebook"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "This notebook demonstrates the features of the C# kernel for Jupyter Notebook.\n",
    "\n",
    "# Basics in C# #"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">14323456\n",
       "</font>"
      ],
      "text/plain": [
       "14323456\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "int someInteger = 14323456;\n",
    "someInteger"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">3.14285714285714\n",
       "</font>"
      ],
      "text/plain": [
       "3.14285714285714\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "double someDouble = 22.0/7;\n",
    "someDouble"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">ICsharp !!!\n",
       "</font>"
      ],
      "text/plain": [
       "ICsharp !!!\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "string someString = \"ICsharp !!!\";\n",
    "someString"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">38\n",
       "</font>"
      ],
      "text/plain": [
       "38\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "// It is also possible to evaluate expressions and print it out.\n",
    "(1233+7)/32"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "The result is 12451."
      ],
      "text/plain": [
       "The result is 12451."
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "// Console output also can be used to print out values.\n",
    "var z = 12451;\n",
    "Console.WriteLine($\"The result is {z}.\");"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">12/26/2018 3:06:16 PM\n",
       "</font>"
      ],
      "text/plain": [
       "12/26/2018 3:06:16 PM\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "DateTime datetime = DateTime.UtcNow;\n",
    "datetime.ToString()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Array"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">[\n",
       "  1,\n",
       "  2,\n",
       "  3,\n",
       "  5,\n",
       "  7\n",
       "]\n",
       "</font>"
      ],
      "text/plain": [
       "[\n",
       "  1,\n",
       "  2,\n",
       "  3,\n",
       "  5,\n",
       "  7\n",
       "]\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "// Array\n",
    "var l = new int[] {1, 2, 3, 5, 7};\n",
    "l;"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">[\n",
       "  1,\n",
       "  2,\n",
       "  3,\n",
       "  4,\n",
       "  5\n",
       "]\n",
       "</font>"
      ],
      "text/plain": [
       "[\n",
       "  1,\n",
       "  2,\n",
       "  3,\n",
       "  4,\n",
       "  5\n",
       "]\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "// List definition\n",
    "var li = new List<int>() {1, 2, 3, 4, 5};\n",
    "li"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Methods"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">25\n",
       "</font>"
      ],
      "text/plain": [
       "25\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "// Define method and then call\n",
    "int Add(int x, int y) { return x+y; }\n",
    "Add(12,13)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Exceptions"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [
    {
     "ename": "System.Exception",
     "evalue": "Some Exception",
     "output_type": "error",
     "traceback": [
      "Some Exception",
      "  at <InteractiveExpressionClass>.Host (System.Object& $retval) [0x00000] in <ee84e821c49a4443915d3ff029d285e0>:0 ",
      "  at Mono.CSharp.Evaluator.Evaluate (System.String input, System.Object& result, System.Boolean& result_set) [0x0003e] in <e5610ebfe8c34526a8158db3c89186d4>:0 ",
      "  at ScriptCs.Engine.Mono.MonoScriptEngine.Execute (System.String code, Mono.CSharp.Evaluator session) [0x0002f] in <ebdfc399306e4d64a2806220e0a0dfbf>:0 "
     ]
    }
   ],
   "source": [
    "throw new Exception(\"Some Exception\");"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Imports"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">&lt;!DOCTYPE html&gt;\n",
       "&lt;html lang=&quot;en&quot;&gt;\n",
       "&lt;head&gt;\n",
       "\n",
       "    &lt;meta charset=&quot;utf-8&quot; /&gt;\n",
       "    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot; /&gt;\n",
       "\n",
       "    &lt;title&gt;zabirauf || Zohaib&lt;/title&gt;\n",
       "    &lt;meta name=&quot;HandheldFriendly&quot; content=&quot;True&quot; /&gt;\n",
       "    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;\n",
       "\n",
       "    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/assets/built/screen.css?v=ce7f3baadb&quot; /&gt;\n",
       "\n",
       "    &lt;meta name=&quot;description&quot; content=&quot;Blog about technology and things I learn&quot; /&gt;\n",
       "    &lt;link rel=&quot;shortcut icon&quot; href=&quot;/favicon.ico&quot; type=&quot;image/x-icon&quot; /&gt;\n",
       "    &lt;link rel=&quot;canonical&quot; href=&quot;https://zohaib.me/&quot; /&gt;\n",
       "    &lt;meta name=&quot;referrer&quot; content=&quot;no-referrer-when-downgrade&quot; /&gt;\n",
       "    &lt;link rel=&quot;next&quot; href=&quot;https://zohaib.me/page/2/&quot; /&gt;\n",
       "    \n",
       "    &lt;meta property=&quot;og:site_name&quot; content=&quot;zabirauf || Zohaib&quot; /&gt;\n",
       "    &lt;meta property=&quot;og:type&quot; content=&quot;website&quot; /&gt;\n",
       "    &lt;meta property=&quot;og:title&quot; content=&quot;zabirauf || Zohaib&quot; /&gt;\n",
       "    &lt;meta property=&quot;og:description&quot; content=&quot;Blog about technology and things I learn&quot; /&gt;\n",
       "    &lt;meta property=&quot;og:url&quot; content=&quot;https://zohaib.me/&quot; /&gt;\n",
       "    &lt;meta property=&quot;og:image&quot; content=&quot;https://zohaib.me/content/images/2014/Aug/home_bg-1.jpg&quot; /&gt;\n",
       "    &lt;meta name=&quot;twitter:card&quot; content=&quot;summary_large_image&quot; /&gt;\n",
       "    &lt;meta name=&quot;twitter:title&quot; content=&quot;zabirauf || Zohaib&quot; /&gt;\n",
       "    &lt;meta name=&quot;twitter:description&quot; content=&quot;Blog about technology and things I learn&quot; /&gt;\n",
       "    &lt;meta name=&quot;twitter:url&quot; content=&quot;https://zohaib.me/&quot; /&gt;\n",
       "    &lt;meta name=&quot;twitter:image&quot; content=&quot;https://zohaib.me/content/images/2014/Aug/home_bg-1.jpg&quot; /&gt;\n",
       "    &lt;meta name=&quot;twitter:site&quot; content=&quot;@zabirauf&quot; /&gt;\n",
       "    &lt;meta property=&quot;og:image:width&quot; content=&quot;2000&quot; /&gt;\n",
       "    &lt;meta property=&quot;og:image:height&quot; content=&quot;464&quot; /&gt;\n",
       "    \n",
       "    &lt;script type=&quot;application/ld+json&quot;&gt;\n",
       "{\n",
       "    &quot;@context&quot;: &quot;https://schema.org&quot;,\n",
       "    &quot;@type&quot;: &quot;WebSite&quot;,\n",
       "    &quot;publisher&quot;: {\n",
       "        &quot;@type&quot;: &quot;Organization&quot;,\n",
       "        &quot;name&quot;: &quot;zabirauf || Zohaib&quot;,\n",
       "        &quot;logo&quot;: &quot;https://zohaib.me/content/images/2015/02/Screen-Shot-2015-02-26-at-8-22-59-PM.png&quot;\n",
       "    },\n",
       "    &quot;url&quot;: &quot;https://zohaib.me/&quot;,\n",
       "    &quot;image&quot;: {\n",
       "        &quot;@type&quot;: &quot;ImageObject&quot;,\n",
       "        &quot;url&quot;: &quot;https://zohaib.me/content/images/2014/Aug/home_bg-1.jpg&quot;,\n",
       "        &quot;width&quot;: 2000,\n",
       "        &quot;height&quot;: 464\n",
       "    },\n",
       "    &quot;mainEntityOfPage&quot;: {\n",
       "        &quot;@type&quot;: &quot;WebPage&quot;,\n",
       "        &quot;@id&quot;: &quot;https://zohaib.me/&quot;\n",
       "    },\n",
       "    &quot;description&quot;: &quot;Blog about technology and things I learn&quot;\n",
       "}\n",
       "    &lt;/script&gt;\n",
       "\n",
       "    &lt;script src=&quot;/public/ghost-sdk.min.js?v=ce7f3baadb&quot;&gt;&lt;/script&gt;\n",
       "&lt;script&gt;\n",
       "ghost.init({\n",
       "\tclientId: &quot;ghost-frontend&quot;,\n",
       "\tclientSecret: &quot;099b27c62e88&quot;\n",
       "});\n",
       "&lt;/script&gt;\n",
       "    &lt;meta name=&quot;generator&quot; content=&quot;Ghost 2.0&quot; /&gt;\n",
       "    &lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;zabirauf || Zohaib&quot; href=&quot;https://zohaib.me/rss/&quot; /&gt;\n",
       "    &lt;!-- Google Analytics --&gt;\n",
       "&lt;script&gt;\n",
       "    (function(i,s,o,g,r,a,m){i[&#39;GoogleAnalyticsObject&#39;]=r;i[r]=i[r]||function(){\n",
       "        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n",
       "        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n",
       "                            })(window,document,&#39;script&#39;,&#39;//www.google-analytics.com/analytics.js&#39;,&#39;ga&#39;);\n",
       "\n",
       "    ga(&#39;create&#39;, &#39;UA-58040947-1&#39;, &#39;auto&#39;);\n",
       "    ga(&#39;send&#39;, &#39;pageview&#39;);\n",
       "\n",
       "&lt;/script&gt;\n",
       "\n",
       "&lt;/head&gt;\n",
       "&lt;body class=&quot;home-template&quot;&gt;\n",
       "\n",
       "    &lt;div class=&quot;site-wrapper&quot;&gt;\n",
       "\n",
       "        \n",
       "&lt;header class=&quot;site-header outer &quot; style=&quot;background-image: url(/content/images/2014/Aug/home_bg-1.jpg)&quot;&gt;\n",
       "    &lt;div class=&quot;inner&quot;&gt;\n",
       "        &lt;div class=&quot;site-header-content&quot;&gt;\n",
       "            &lt;h1 class=&quot;site-title&quot;&gt;\n",
       "                    &lt;img class=&quot;site-logo&quot; src=&quot;/content/images/2015/02/Screen-Shot-2015-02-26-at-8-22-59-PM.png&quot; alt=&quot;zabirauf || Zohaib&quot; /&gt;\n",
       "            &lt;/h1&gt;\n",
       "            &lt;h2 class=&quot;site-description&quot;&gt;Blog about technology and things I learn&lt;/h2&gt;\n",
       "        &lt;/div&gt;\n",
       "        &lt;nav class=&quot;site-nav&quot;&gt;\n",
       "    &lt;div class=&quot;site-nav-left&quot;&gt;\n",
       "            &lt;ul class=&quot;nav&quot; role=&quot;menu&quot;&gt;\n",
       "    &lt;li class=&quot;nav-home&quot; role=&quot;menuitem&quot;&gt;&lt;a href=&quot;http://www.zohaib.me/&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;\n",
       "    &lt;li class=&quot;nav-twitter&quot; role=&quot;menuitem&quot;&gt;&lt;a href=&quot;https://twitter.com/zabirauf&quot;&gt;Twitter&lt;/a&gt;&lt;/li&gt;\n",
       "    &lt;li class=&quot;nav-rsum&quot; role=&quot;menuitem&quot;&gt;&lt;a href=&quot;https://zohaib.me/resume&quot;&gt;R&#233;sum&#233;&lt;/a&gt;&lt;/li&gt;\n",
       "    &lt;li class=&quot;nav-contact&quot; role=&quot;menuitem&quot;&gt;&lt;a href=&quot;/cdn-cgi/l/email-protection#631902010a1102160523040e020a0f4d000c0e&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;\n",
       "&lt;/ul&gt;\n",
       "\n",
       "    &lt;/div&gt;\n",
       "    &lt;div class=&quot;site-nav-right&quot;&gt;\n",
       "        &lt;div class=&quot;social-links&quot;&gt;\n",
       "                &lt;a class=&quot;social-link social-link-tw&quot; href=&quot;https://twitter.com/zabirauf&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 32 32&quot;&gt;&lt;path d=&quot;M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z&quot;/&gt;&lt;/svg&gt;\n",
       "&lt;/a&gt;\n",
       "        &lt;/div&gt;\n",
       "            &lt;a class=&quot;rss-button&quot; href=&quot;https://feedly.com/i/subscription/feed/https://zohaib.me/rss/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;circle cx=&quot;6.18&quot; cy=&quot;17.82&quot; r=&quot;2.18&quot;/&gt;&lt;path d=&quot;M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z&quot;/&gt;&lt;/svg&gt;\n",
       "&lt;/a&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/nav&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/header&gt;\n",
       "\n",
       "&lt;main id=&quot;site-main&quot; class=&quot;site-main outer&quot;&gt;\n",
       "    &lt;div class=&quot;inner&quot;&gt;\n",
       "\n",
       "        &lt;div class=&quot;post-feed&quot;&gt;\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-nginx tag-mongodb tag-digital-ocean tag-ubuntu no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/securing-mongodb-using-lets-encrypt/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;nginx&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Securing MongoDB using Let&amp;#x27;s Encrypt certificate&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;I had to setup few instances of MongoDB in DigitalOcean but I also wanted to make them secure using TLS/SSL. One way would have been to pay for a wildcard certificate and&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;5 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-ethereum tag-solidity tag-blockchain&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-image-link&quot; href=&quot;/upgradeable-smart-contracts-in-ethereum/&quot;&gt;\n",
       "            &lt;div class=&quot;post-card-image&quot; style=&quot;background-image: url(/content/images/2018/04/IMG_0128.jpg)&quot;&gt;&lt;/div&gt;\n",
       "        &lt;/a&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/upgradeable-smart-contracts-in-ethereum/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;ethereum&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Upgradeable smart contracts in Ethereum&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Imagine a world where a software is maintaining millions of dollars worth of money, but there is an exploit which allows the hacker to take all that money away. Now imagine you can&#39;t&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;5 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-ethereum tag-solidity tag-blockchain&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-image-link&quot; href=&quot;/reusable-code-in-solidity-using-library/&quot;&gt;\n",
       "            &lt;div class=&quot;post-card-image&quot; style=&quot;background-image: url(/content/images/2018/01/deploy_contracts-2.PNG)&quot;&gt;&lt;/div&gt;\n",
       "        &lt;/a&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/reusable-code-in-solidity-using-library/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;ethereum&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Libraries in Solidity for code reusability and testing it&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;What are Libraries in Solidity You might have heard of the DRY principle (don&#39;t repeat yourself). It is very essential in large programs to have the ability to reuse your code as it&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;6 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-typescript no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/leverage-union-types-in-typescript-to-avoid-invalid-state/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;typescript&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Leverage union types in Typescript to avoid invalid states&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Typescript has a type system which provides more capabilities than the type system in C# and Java. The one that I found to be very useful is the union type in Typescript. Let&#39;s&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;2 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-typescript tag-javascript no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/creating-object-based-on-interface-type-in-typescript/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;typescript&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Creating object based on interface type in Typescript&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Interface in Typescript is used to tell the compiler what the shape of the JS object should look like. It is a compile time construct hence it will not have generated code as&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;1 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-service tag-development tag-fsharp tag-deployment tag-ci no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/setting-up-continuous-integration-for-fsharp-suave-app-to-azure/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;service&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Setting up continuous integration for F# Suave app to Azure&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Whenever I start a project I tend to have a continuous build and deployment pipeline setup as it makes the development and testing a lot more easier. In this tutorial we are going&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;4 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-fsharp tag-azure tag-flynn tag-functional-programming no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/deploying-fsharp-suave-web-app-to-azure-using-flynn/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;fsharp&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Deploying F# Suave web app to Azure using Flynn&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;I was playing around with F# and Suave to build a service and the first thing I usually do whenever I dive into a new language and web framework is figure out how&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;3 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-elixir tag-witai tag-bot tag-bot-framework tag-phoenix tag-facebook-messenger no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/use-wit-ai-natural-language-processing-in-elixir-for-bots/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;elixir&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Use Wit.ai Natural Language Processing in Elixir for bots&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;When creating bots you have to converse with the users and maintain context of the conversation so you can understand the intent of the users, do the necessary actions and provide users with&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;5 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-bot tag-bot-framework tag-elixir tag-phoenix no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/create-messenger-bots-using-elixir-and-microsoft-bot-framework/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;bot&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Create messenger bots using Elixir and Microsoft bot framework&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Microsoft recently released the bot framework to create bots for various messaging platforms such as Slack, Facebook, Telegram etc. It provides a unified interface for all of these platforms so you can reach&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;5 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-react tag-flux tag-redux tag-reactjs tag-react-native no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/redux-call-service-async/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;react&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Redux - Calling web service asynchronously&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;The store in Redux should be synchronous and should not have any side effects. How can you then make service calls or do anything asynchronously? That is the question I was asking myself&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;3 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-ethereum tag-decentralized tag-blockchain&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-image-link&quot; href=&quot;/venture-into-ethereum/&quot;&gt;\n",
       "            &lt;div class=&quot;post-card-image&quot; style=&quot;background-image: url(/content/images/2015/11/Ethereumpic1--1--1.png)&quot;&gt;&lt;/div&gt;\n",
       "        &lt;/a&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/venture-into-ethereum/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;ethereum&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Venture into Ethereum - The World Computer&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;You might have heard of Bitcoin which is the hottest cryptocurrency on the block, but certainly not the only cryptocurrency. People are getting all gaga about it. The most exciting thing of bitcoin&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;4 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-elixir tag-phoenix-framework tag-design tag-phoenix no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/guts-of-phoenix-channels/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;elixir&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Guts of Phoenix websocket channels&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Final results from Phoenix channel benchmarks on 40core/128gb box. 2 million clients, limited by ulimit&amp;#10;#elixirlang pic.twitter.com/6wRUIfFyKZ&amp;mdash; Chris McCord (@chris_mccord) October 28, 2015 I knew that&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;5 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-development tag-javascript tag-gulp tag-babel tag-frontend tag-reactjs tag-es6 no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/diving-into-the-workflow-for-static-frontend-development/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;development&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Workflow for static frontend development (Gulp + ReactJs + ES6)&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Getting into frontend development could be overwhelming. I recently started learning more about frontend development. My intent is to build some static websites to try out things like IPFS. I wanted to have&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;5 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-elixir tag-use tag-ecto tag-protobuf tag-genserver no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/use-in-elixir-explained/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;elixir&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;What&amp;#x27;s &amp;#x27;use&amp;#x27; statement in Elixir?&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;use just calls the __using__ macro on the specified module. You might have run into that explanation of use but that does not explain much even though that&#39;s exactly what it does. You&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;4 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-javascript tag-p2p tag-design tag-react tag-flux no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/p2p-webrtc-file-sharing-app-frontend-using-react/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;javascript&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;P2P WebRTC file sharing app: Frontend using React &amp;amp; Flux&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;React is one of the frontend framework that everyone is talking about these days. I wanted to see what all the fuss was about and also learn a modern JS framework in the&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;4 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-phoenix-framework tag-webrtc tag-p2p tag-peer-to-peer tag-design no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/p2p-webrtc-file-sharing-app-broker-using-phoenix/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;phoenix-framework&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;P2P WebRTC file sharing app: Broker using Phoenix&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;WebRTC was created primarily for video and voice communication but it has the API to send raw binary data between two browsers as well. This opens up a lot of opportunities to create&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;5 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-elixir tag-functional-programming tag-pattern-matching no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/binary-pattern-matching-in-elixir/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;elixir&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Binary pattern matching in Elixir with PNG parsing example&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Dealing with binary data has always been a pickle in OOP language. Pattern matching is very fundamental to Elixir making the functions much more descriptive. I was very pleased to see that the&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;5 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-elixir tag-alchemist tag-emacs tag-spacemacs tag-vim tag-editor tag-development featured no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/spacemacs-and-alchemist-to-make-elixir-of-immortality/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;elixir&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Spacemacs and Alchemist to make Elixir of immortality&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Ok, lets be clear; this post is not about immortality, that will be for next time :). Instead its about transitioning to a combination of Emacs, Vim and Alchemist for an awesome development experience&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;6 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-phoenix-framework tag-ubuntu tag-upstart tag-reliable tag-service no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/how-to-reliably-start-a-service-with-upstart/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;phoenix-framework&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;How to reliably start a service with UpStart&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;I recently had to start a service in Ubuntu server but I wanted it to be reliable. By reliable I mean it should be restarted in case of any failure and on machine&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;3 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-elixir tag-railway-oriented-programming tag-monad no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/monads-in-elixir-2/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;elixir&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Monads in Elixir&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;This post is not about what monads are, I expect that you already know about them. The post is to see how you can use monads in Elixir using already created libraries. Monads&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;8 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-elixir tag-phoenix-framework tag-raspberry-pi no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/elixir-phoenix-framework-embedded-image-for-raspberry-pi-2/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;elixir&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Elixir Phoenix framework embedded image for Raspberry Pi 2&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Phoenix is a great framework and I think it will do for soft-realtime applications what Rubby on Rails did for typical CRUD applications i.e. make it really easy to create such kind&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;4 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-docker tag-elixir tag-embedded-system tag-nerves-project tag-raspberry-pi no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/blinking-led-using-elixir-embedded-image-for-raspberry-pi/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;docker&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Blinking LED using Elixir embedded image on Raspberry Pi&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;In the April Seattle Erlang/Elixir Meetup the awesome guys at Rose Point Navigation gave a demo of burning Elixir/Erlang application as part of a custom built image and then running it&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;5 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-rop tag-functional-programming tag-monad tag-monoid no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/yet-another-what-is-a-monad-post/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;rop&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Yet another &amp;quot;What is a Monad&amp;quot; post&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;Disclaimer: I dont claim to completely understand what monads are as I am still learning more about them but this is my attempt to explain it how I understand it. Please correct me&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;8 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-elixir tag-macro tag-meta-programming tag-railway-oriented-programming tag-rop tag-patterns no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/railway-programming-pattern-in-elixir/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;elixir&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Railway Oriented Programming in Elixir&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;It would be a great world if everything ran without errors. Validating inputs from users and handling various other kinds of error ranging from databases access, file access, network issues or any other&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;6 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "\n",
       "                &lt;article class=&quot;post-card post tag-elixir tag-azure tag-iis tag-cowboy tag-windows tag-ubuntu tag-benchmark no-image&quot;&gt;\n",
       "    &lt;div class=&quot;post-card-content&quot;&gt;\n",
       "        &lt;a class=&quot;post-card-content-link&quot; href=&quot;/elixir-cowboy-with-iis-8/&quot;&gt;\n",
       "            &lt;header class=&quot;post-card-header&quot;&gt;\n",
       "                    &lt;span class=&quot;post-card-tags&quot;&gt;elixir&lt;/span&gt;\n",
       "                &lt;h2 class=&quot;post-card-title&quot;&gt;Elixir Cowboy with IIS 8&lt;/h2&gt;\n",
       "            &lt;/header&gt;\n",
       "            &lt;section class=&quot;post-card-excerpt&quot;&gt;\n",
       "                &lt;p&gt;HttpPlatformHandler: Microsoft recently release the HttpPlatformHandler module for IIS 8+. This module will allow any process that can receive request on some port to be used in IIS. What this means is that&lt;/p&gt;\n",
       "            &lt;/section&gt;\n",
       "        &lt;/a&gt;\n",
       "        &lt;footer class=&quot;post-card-meta&quot;&gt;\n",
       "\n",
       "            &lt;ul class=&quot;author-list&quot;&gt;\n",
       "                &lt;li class=&quot;author-list-item&quot;&gt;\n",
       "\n",
       "                    &lt;div class=&quot;author-name-tooltip&quot;&gt;\n",
       "                        Zohaib Rauf\n",
       "                    &lt;/div&gt;\n",
       "\n",
       "                        &lt;a href=&quot;/author/zohaib/&quot; class=&quot;static-avatar&quot;&gt;&lt;img class=&quot;author-profile-image&quot; src=&quot;//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&amp;#x3D;250&amp;amp;d&amp;#x3D;mm&amp;amp;r&amp;#x3D;x&quot; alt=&quot;Zohaib Rauf&quot; /&gt;&lt;/a&gt;\n",
       "                &lt;/li&gt;\n",
       "            &lt;/ul&gt;\n",
       "\n",
       "            &lt;span class=&quot;reading-time&quot;&gt;4 min read&lt;/span&gt;\n",
       "\n",
       "        &lt;/footer&gt;\n",
       "    &lt;/div&gt;\n",
       "&lt;/article&gt;\n",
       "\n",
       "        &lt;/div&gt;\n",
       "\n",
       "    &lt;/div&gt;\n",
       "&lt;/main&gt;\n",
       "\n",
       "\n",
       "        &lt;footer class=&quot;site-footer outer&quot;&gt;\n",
       "            &lt;div class=&quot;site-footer-content inner&quot;&gt;\n",
       "                &lt;section class=&quot;copyright&quot;&gt;&lt;a href=&quot;https://zohaib.me&quot;&gt;zabirauf || Zohaib&lt;/a&gt; &amp;copy; 2018&lt;/section&gt;\n",
       "                &lt;nav class=&quot;site-footer-nav&quot;&gt;\n",
       "                    &lt;a href=&quot;https://zohaib.me&quot;&gt;Latest Posts&lt;/a&gt;\n",
       "                    \n",
       "                    &lt;a href=&quot;https://twitter.com/zabirauf&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Twitter&lt;/a&gt;\n",
       "                    &lt;a href=&quot;https://ghost.org&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Ghost&lt;/a&gt;\n",
       "                &lt;/nav&gt;\n",
       "            &lt;/div&gt;\n",
       "        &lt;/footer&gt;\n",
       "\n",
       "    &lt;/div&gt;\n",
       "\n",
       "\n",
       "    &lt;script data-cfasync=&quot;false&quot; src=&quot;/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js&quot;&gt;&lt;/script&gt;&lt;script\n",
       "        src=&quot;https://code.jquery.com/jquery-3.2.1.min.js&quot;\n",
       "        integrity=&quot;sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=&quot;\n",
       "        crossorigin=&quot;anonymous&quot;&gt;\n",
       "    &lt;/script&gt;\n",
       "    &lt;script type=&quot;text/javascript&quot; src=&quot;/assets/js/jquery.fitvids.js?v=ce7f3baadb&quot;&gt;&lt;/script&gt;\n",
       "\n",
       "    &lt;script&gt;\n",
       "        // maxPages is a global variable that is needed to determine\n",
       "        // if we need to load more pages for the infinitescroll, or if\n",
       "        // we reached the last page already.\n",
       "        var maxPages = parseInt(&#39;2&#39;);\n",
       "    &lt;/script&gt;\n",
       "    &lt;script src=&quot;/assets/js/infinitescroll.js?v=ce7f3baadb&quot;&gt;&lt;/script&gt;\n",
       "\n",
       "    \n",
       "\n",
       "    \n",
       "\n",
       "&lt;/body&gt;\n",
       "&lt;/html&gt;\n",
       "\n",
       "</font>"
      ],
      "text/plain": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "\n",
       "    <meta charset=\"utf-8\" />\n",
       "    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n",
       "\n",
       "    <title>zabirauf || Zohaib</title>\n",
       "    <meta name=\"HandheldFriendly\" content=\"True\" />\n",
       "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n",
       "\n",
       "    <link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/built/screen.css?v=ce7f3baadb\" />\n",
       "\n",
       "    <meta name=\"description\" content=\"Blog about technology and things I learn\" />\n",
       "    <link rel=\"shortcut icon\" href=\"/favicon.ico\" type=\"image/x-icon\" />\n",
       "    <link rel=\"canonical\" href=\"https://zohaib.me/\" />\n",
       "    <meta name=\"referrer\" content=\"no-referrer-when-downgrade\" />\n",
       "    <link rel=\"next\" href=\"https://zohaib.me/page/2/\" />\n",
       "    \n",
       "    <meta property=\"og:site_name\" content=\"zabirauf || Zohaib\" />\n",
       "    <meta property=\"og:type\" content=\"website\" />\n",
       "    <meta property=\"og:title\" content=\"zabirauf || Zohaib\" />\n",
       "    <meta property=\"og:description\" content=\"Blog about technology and things I learn\" />\n",
       "    <meta property=\"og:url\" content=\"https://zohaib.me/\" />\n",
       "    <meta property=\"og:image\" content=\"https://zohaib.me/content/images/2014/Aug/home_bg-1.jpg\" />\n",
       "    <meta name=\"twitter:card\" content=\"summary_large_image\" />\n",
       "    <meta name=\"twitter:title\" content=\"zabirauf || Zohaib\" />\n",
       "    <meta name=\"twitter:description\" content=\"Blog about technology and things I learn\" />\n",
       "    <meta name=\"twitter:url\" content=\"https://zohaib.me/\" />\n",
       "    <meta name=\"twitter:image\" content=\"https://zohaib.me/content/images/2014/Aug/home_bg-1.jpg\" />\n",
       "    <meta name=\"twitter:site\" content=\"@zabirauf\" />\n",
       "    <meta property=\"og:image:width\" content=\"2000\" />\n",
       "    <meta property=\"og:image:height\" content=\"464\" />\n",
       "    \n",
       "    <script type=\"application/ld+json\">\n",
       "{\n",
       "    \"@context\": \"https://schema.org\",\n",
       "    \"@type\": \"WebSite\",\n",
       "    \"publisher\": {\n",
       "        \"@type\": \"Organization\",\n",
       "        \"name\": \"zabirauf || Zohaib\",\n",
       "        \"logo\": \"https://zohaib.me/content/images/2015/02/Screen-Shot-2015-02-26-at-8-22-59-PM.png\"\n",
       "    },\n",
       "    \"url\": \"https://zohaib.me/\",\n",
       "    \"image\": {\n",
       "        \"@type\": \"ImageObject\",\n",
       "        \"url\": \"https://zohaib.me/content/images/2014/Aug/home_bg-1.jpg\",\n",
       "        \"width\": 2000,\n",
       "        \"height\": 464\n",
       "    },\n",
       "    \"mainEntityOfPage\": {\n",
       "        \"@type\": \"WebPage\",\n",
       "        \"@id\": \"https://zohaib.me/\"\n",
       "    },\n",
       "    \"description\": \"Blog about technology and things I learn\"\n",
       "}\n",
       "    </script>\n",
       "\n",
       "    <script src=\"/public/ghost-sdk.min.js?v=ce7f3baadb\"></script>\n",
       "<script>\n",
       "ghost.init({\n",
       "\tclientId: \"ghost-frontend\",\n",
       "\tclientSecret: \"099b27c62e88\"\n",
       "});\n",
       "</script>\n",
       "    <meta name=\"generator\" content=\"Ghost 2.0\" />\n",
       "    <link rel=\"alternate\" type=\"application/rss+xml\" title=\"zabirauf || Zohaib\" href=\"https://zohaib.me/rss/\" />\n",
       "    <!-- Google Analytics -->\n",
       "<script>\n",
       "    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n",
       "        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n",
       "        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n",
       "                            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');\n",
       "\n",
       "    ga('create', 'UA-58040947-1', 'auto');\n",
       "    ga('send', 'pageview');\n",
       "\n",
       "</script>\n",
       "\n",
       "</head>\n",
       "<body class=\"home-template\">\n",
       "\n",
       "    <div class=\"site-wrapper\">\n",
       "\n",
       "        \n",
       "<header class=\"site-header outer \" style=\"background-image: url(/content/images/2014/Aug/home_bg-1.jpg)\">\n",
       "    <div class=\"inner\">\n",
       "        <div class=\"site-header-content\">\n",
       "            <h1 class=\"site-title\">\n",
       "                    <img class=\"site-logo\" src=\"/content/images/2015/02/Screen-Shot-2015-02-26-at-8-22-59-PM.png\" alt=\"zabirauf || Zohaib\" />\n",
       "            </h1>\n",
       "            <h2 class=\"site-description\">Blog about technology and things I learn</h2>\n",
       "        </div>\n",
       "        <nav class=\"site-nav\">\n",
       "    <div class=\"site-nav-left\">\n",
       "            <ul class=\"nav\" role=\"menu\">\n",
       "    <li class=\"nav-home\" role=\"menuitem\"><a href=\"http://www.zohaib.me/\">Home</a></li>\n",
       "    <li class=\"nav-twitter\" role=\"menuitem\"><a href=\"https://twitter.com/zabirauf\">Twitter</a></li>\n",
       "    <li class=\"nav-rsum\" role=\"menuitem\"><a href=\"https://zohaib.me/resume\">Résumé</a></li>\n",
       "    <li class=\"nav-contact\" role=\"menuitem\"><a href=\"/cdn-cgi/l/email-protection#631902010a1102160523040e020a0f4d000c0e\">Contact</a></li>\n",
       "</ul>\n",
       "\n",
       "    </div>\n",
       "    <div class=\"site-nav-right\">\n",
       "        <div class=\"social-links\">\n",
       "                <a class=\"social-link social-link-tw\" href=\"https://twitter.com/zabirauf\" target=\"_blank\" rel=\"noopener\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"><path d=\"M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z\"/></svg>\n",
       "</a>\n",
       "        </div>\n",
       "            <a class=\"rss-button\" href=\"https://feedly.com/i/subscription/feed/https://zohaib.me/rss/\" target=\"_blank\" rel=\"noopener\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><circle cx=\"6.18\" cy=\"17.82\" r=\"2.18\"/><path d=\"M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z\"/></svg>\n",
       "</a>\n",
       "    </div>\n",
       "</nav>\n",
       "    </div>\n",
       "</header>\n",
       "\n",
       "<main id=\"site-main\" class=\"site-main outer\">\n",
       "    <div class=\"inner\">\n",
       "\n",
       "        <div class=\"post-feed\">\n",
       "\n",
       "                <article class=\"post-card post tag-nginx tag-mongodb tag-digital-ocean tag-ubuntu no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/securing-mongodb-using-lets-encrypt/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">nginx</span>\n",
       "                <h2 class=\"post-card-title\">Securing MongoDB using Let&#x27;s Encrypt certificate</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>I had to setup few instances of MongoDB in DigitalOcean but I also wanted to make them secure using TLS/SSL. One way would have been to pay for a wildcard certificate and</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">5 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-ethereum tag-solidity tag-blockchain\">\n",
       "        <a class=\"post-card-image-link\" href=\"/upgradeable-smart-contracts-in-ethereum/\">\n",
       "            <div class=\"post-card-image\" style=\"background-image: url(/content/images/2018/04/IMG_0128.jpg)\"></div>\n",
       "        </a>\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/upgradeable-smart-contracts-in-ethereum/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">ethereum</span>\n",
       "                <h2 class=\"post-card-title\">Upgradeable smart contracts in Ethereum</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Imagine a world where a software is maintaining millions of dollars worth of money, but there is an exploit which allows the hacker to take all that money away. Now imagine you can't</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">5 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-ethereum tag-solidity tag-blockchain\">\n",
       "        <a class=\"post-card-image-link\" href=\"/reusable-code-in-solidity-using-library/\">\n",
       "            <div class=\"post-card-image\" style=\"background-image: url(/content/images/2018/01/deploy_contracts-2.PNG)\"></div>\n",
       "        </a>\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/reusable-code-in-solidity-using-library/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">ethereum</span>\n",
       "                <h2 class=\"post-card-title\">Libraries in Solidity for code reusability and testing it</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>What are Libraries in Solidity You might have heard of the DRY principle (don't repeat yourself). It is very essential in large programs to have the ability to reuse your code as it</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">6 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-typescript no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/leverage-union-types-in-typescript-to-avoid-invalid-state/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">typescript</span>\n",
       "                <h2 class=\"post-card-title\">Leverage union types in Typescript to avoid invalid states</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Typescript has a type system which provides more capabilities than the type system in C# and Java. The one that I found to be very useful is the union type in Typescript. Let's</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">2 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-typescript tag-javascript no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/creating-object-based-on-interface-type-in-typescript/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">typescript</span>\n",
       "                <h2 class=\"post-card-title\">Creating object based on interface type in Typescript</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Interface in Typescript is used to tell the compiler what the shape of the JS object should look like. It is a compile time construct hence it will not have generated code as</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">1 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-service tag-development tag-fsharp tag-deployment tag-ci no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/setting-up-continuous-integration-for-fsharp-suave-app-to-azure/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">service</span>\n",
       "                <h2 class=\"post-card-title\">Setting up continuous integration for F# Suave app to Azure</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Whenever I start a project I tend to have a continuous build and deployment pipeline setup as it makes the development and testing a lot more easier. In this tutorial we are going</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">4 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-fsharp tag-azure tag-flynn tag-functional-programming no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/deploying-fsharp-suave-web-app-to-azure-using-flynn/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">fsharp</span>\n",
       "                <h2 class=\"post-card-title\">Deploying F# Suave web app to Azure using Flynn</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>I was playing around with F# and Suave to build a service and the first thing I usually do whenever I dive into a new language and web framework is figure out how</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">3 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-elixir tag-witai tag-bot tag-bot-framework tag-phoenix tag-facebook-messenger no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/use-wit-ai-natural-language-processing-in-elixir-for-bots/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">elixir</span>\n",
       "                <h2 class=\"post-card-title\">Use Wit.ai Natural Language Processing in Elixir for bots</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>When creating bots you have to converse with the users and maintain context of the conversation so you can understand the intent of the users, do the necessary actions and provide users with</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">5 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-bot tag-bot-framework tag-elixir tag-phoenix no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/create-messenger-bots-using-elixir-and-microsoft-bot-framework/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">bot</span>\n",
       "                <h2 class=\"post-card-title\">Create messenger bots using Elixir and Microsoft bot framework</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Microsoft recently released the bot framework to create bots for various messaging platforms such as Slack, Facebook, Telegram etc. It provides a unified interface for all of these platforms so you can reach</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">5 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-react tag-flux tag-redux tag-reactjs tag-react-native no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/redux-call-service-async/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">react</span>\n",
       "                <h2 class=\"post-card-title\">Redux - Calling web service asynchronously</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>The store in Redux should be synchronous and should not have any side effects. How can you then make service calls or do anything asynchronously? That is the question I was asking myself</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">3 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-ethereum tag-decentralized tag-blockchain\">\n",
       "        <a class=\"post-card-image-link\" href=\"/venture-into-ethereum/\">\n",
       "            <div class=\"post-card-image\" style=\"background-image: url(/content/images/2015/11/Ethereumpic1--1--1.png)\"></div>\n",
       "        </a>\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/venture-into-ethereum/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">ethereum</span>\n",
       "                <h2 class=\"post-card-title\">Venture into Ethereum - The World Computer</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>You might have heard of Bitcoin which is the hottest cryptocurrency on the block, but certainly not the only cryptocurrency. People are getting all gaga about it. The most exciting thing of bitcoin</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">4 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-elixir tag-phoenix-framework tag-design tag-phoenix no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/guts-of-phoenix-channels/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">elixir</span>\n",
       "                <h2 class=\"post-card-title\">Guts of Phoenix websocket channels</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Final results from Phoenix channel benchmarks on 40core/128gb box. 2 million clients, limited by ulimit&#10;#elixirlang pic.twitter.com/6wRUIfFyKZ&mdash; Chris McCord (@chris_mccord) October 28, 2015 I knew that</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">5 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-development tag-javascript tag-gulp tag-babel tag-frontend tag-reactjs tag-es6 no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/diving-into-the-workflow-for-static-frontend-development/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">development</span>\n",
       "                <h2 class=\"post-card-title\">Workflow for static frontend development (Gulp + ReactJs + ES6)</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Getting into frontend development could be overwhelming. I recently started learning more about frontend development. My intent is to build some static websites to try out things like IPFS. I wanted to have</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">5 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-elixir tag-use tag-ecto tag-protobuf tag-genserver no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/use-in-elixir-explained/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">elixir</span>\n",
       "                <h2 class=\"post-card-title\">What&#x27;s &#x27;use&#x27; statement in Elixir?</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>use just calls the __using__ macro on the specified module. You might have run into that explanation of use but that does not explain much even though that's exactly what it does. You</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">4 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-javascript tag-p2p tag-design tag-react tag-flux no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/p2p-webrtc-file-sharing-app-frontend-using-react/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">javascript</span>\n",
       "                <h2 class=\"post-card-title\">P2P WebRTC file sharing app: Frontend using React &amp; Flux</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>React is one of the frontend framework that everyone is talking about these days. I wanted to see what all the fuss was about and also learn a modern JS framework in the</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">4 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-phoenix-framework tag-webrtc tag-p2p tag-peer-to-peer tag-design no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/p2p-webrtc-file-sharing-app-broker-using-phoenix/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">phoenix-framework</span>\n",
       "                <h2 class=\"post-card-title\">P2P WebRTC file sharing app: Broker using Phoenix</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>WebRTC was created primarily for video and voice communication but it has the API to send raw binary data between two browsers as well. This opens up a lot of opportunities to create</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">5 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-elixir tag-functional-programming tag-pattern-matching no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/binary-pattern-matching-in-elixir/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">elixir</span>\n",
       "                <h2 class=\"post-card-title\">Binary pattern matching in Elixir with PNG parsing example</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Dealing with binary data has always been a pickle in OOP language. Pattern matching is very fundamental to Elixir making the functions much more descriptive. I was very pleased to see that the</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">5 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-elixir tag-alchemist tag-emacs tag-spacemacs tag-vim tag-editor tag-development featured no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/spacemacs-and-alchemist-to-make-elixir-of-immortality/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">elixir</span>\n",
       "                <h2 class=\"post-card-title\">Spacemacs and Alchemist to make Elixir of immortality</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Ok, lets be clear; this post is not about immortality, that will be for next time :). Instead its about transitioning to a combination of Emacs, Vim and Alchemist for an awesome development experience</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">6 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-phoenix-framework tag-ubuntu tag-upstart tag-reliable tag-service no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/how-to-reliably-start-a-service-with-upstart/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">phoenix-framework</span>\n",
       "                <h2 class=\"post-card-title\">How to reliably start a service with UpStart</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>I recently had to start a service in Ubuntu server but I wanted it to be reliable. By reliable I mean it should be restarted in case of any failure and on machine</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">3 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-elixir tag-railway-oriented-programming tag-monad no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/monads-in-elixir-2/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">elixir</span>\n",
       "                <h2 class=\"post-card-title\">Monads in Elixir</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>This post is not about what monads are, I expect that you already know about them. The post is to see how you can use monads in Elixir using already created libraries. Monads</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">8 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-elixir tag-phoenix-framework tag-raspberry-pi no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/elixir-phoenix-framework-embedded-image-for-raspberry-pi-2/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">elixir</span>\n",
       "                <h2 class=\"post-card-title\">Elixir Phoenix framework embedded image for Raspberry Pi 2</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Phoenix is a great framework and I think it will do for soft-realtime applications what Rubby on Rails did for typical CRUD applications i.e. make it really easy to create such kind</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">4 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-docker tag-elixir tag-embedded-system tag-nerves-project tag-raspberry-pi no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/blinking-led-using-elixir-embedded-image-for-raspberry-pi/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">docker</span>\n",
       "                <h2 class=\"post-card-title\">Blinking LED using Elixir embedded image on Raspberry Pi</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>In the April Seattle Erlang/Elixir Meetup the awesome guys at Rose Point Navigation gave a demo of burning Elixir/Erlang application as part of a custom built image and then running it</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">5 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-rop tag-functional-programming tag-monad tag-monoid no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/yet-another-what-is-a-monad-post/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">rop</span>\n",
       "                <h2 class=\"post-card-title\">Yet another &quot;What is a Monad&quot; post</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>Disclaimer: I dont claim to completely understand what monads are as I am still learning more about them but this is my attempt to explain it how I understand it. Please correct me</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">8 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-elixir tag-macro tag-meta-programming tag-railway-oriented-programming tag-rop tag-patterns no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/railway-programming-pattern-in-elixir/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">elixir</span>\n",
       "                <h2 class=\"post-card-title\">Railway Oriented Programming in Elixir</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>It would be a great world if everything ran without errors. Validating inputs from users and handling various other kinds of error ranging from databases access, file access, network issues or any other</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">6 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "\n",
       "                <article class=\"post-card post tag-elixir tag-azure tag-iis tag-cowboy tag-windows tag-ubuntu tag-benchmark no-image\">\n",
       "    <div class=\"post-card-content\">\n",
       "        <a class=\"post-card-content-link\" href=\"/elixir-cowboy-with-iis-8/\">\n",
       "            <header class=\"post-card-header\">\n",
       "                    <span class=\"post-card-tags\">elixir</span>\n",
       "                <h2 class=\"post-card-title\">Elixir Cowboy with IIS 8</h2>\n",
       "            </header>\n",
       "            <section class=\"post-card-excerpt\">\n",
       "                <p>HttpPlatformHandler: Microsoft recently release the HttpPlatformHandler module for IIS 8+. This module will allow any process that can receive request on some port to be used in IIS. What this means is that</p>\n",
       "            </section>\n",
       "        </a>\n",
       "        <footer class=\"post-card-meta\">\n",
       "\n",
       "            <ul class=\"author-list\">\n",
       "                <li class=\"author-list-item\">\n",
       "\n",
       "                    <div class=\"author-name-tooltip\">\n",
       "                        Zohaib Rauf\n",
       "                    </div>\n",
       "\n",
       "                        <a href=\"/author/zohaib/\" class=\"static-avatar\"><img class=\"author-profile-image\" src=\"//www.gravatar.com/avatar/5726cd0de447a9b6dbbaff2ecb45570d?s&#x3D;250&amp;d&#x3D;mm&amp;r&#x3D;x\" alt=\"Zohaib Rauf\" /></a>\n",
       "                </li>\n",
       "            </ul>\n",
       "\n",
       "            <span class=\"reading-time\">4 min read</span>\n",
       "\n",
       "        </footer>\n",
       "    </div>\n",
       "</article>\n",
       "\n",
       "        </div>\n",
       "\n",
       "    </div>\n",
       "</main>\n",
       "\n",
       "\n",
       "        <footer class=\"site-footer outer\">\n",
       "            <div class=\"site-footer-content inner\">\n",
       "                <section class=\"copyright\"><a href=\"https://zohaib.me\">zabirauf || Zohaib</a> &copy; 2018</section>\n",
       "                <nav class=\"site-footer-nav\">\n",
       "                    <a href=\"https://zohaib.me\">Latest Posts</a>\n",
       "                    \n",
       "                    <a href=\"https://twitter.com/zabirauf\" target=\"_blank\" rel=\"noopener\">Twitter</a>\n",
       "                    <a href=\"https://ghost.org\" target=\"_blank\" rel=\"noopener\">Ghost</a>\n",
       "                </nav>\n",
       "            </div>\n",
       "        </footer>\n",
       "\n",
       "    </div>\n",
       "\n",
       "\n",
       "    <script data-cfasync=\"false\" src=\"/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js\"></script><script\n",
       "        src=\"https://code.jquery.com/jquery-3.2.1.min.js\"\n",
       "        integrity=\"sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=\"\n",
       "        crossorigin=\"anonymous\">\n",
       "    </script>\n",
       "    <script type=\"text/javascript\" src=\"/assets/js/jquery.fitvids.js?v=ce7f3baadb\"></script>\n",
       "\n",
       "    <script>\n",
       "        // maxPages is a global variable that is needed to determine\n",
       "        // if we need to load more pages for the infinitescroll, or if\n",
       "        // we reached the last page already.\n",
       "        var maxPages = parseInt('2');\n",
       "    </script>\n",
       "    <script src=\"/assets/js/infinitescroll.js?v=ce7f3baadb\"></script>\n",
       "\n",
       "    \n",
       "\n",
       "    \n",
       "\n",
       "</body>\n",
       "</html>\n",
       "\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "using System.Net;\n",
    "string GetUrlContent(string uri){\n",
    "                                 \n",
    "    WebClient client = new WebClient ();\n",
    "\n",
    "    using(Stream data = client.OpenRead (uri))\n",
    "    {\n",
    "        using(StreamReader reader = new StreamReader (data))\n",
    "        {\n",
    "            string s = reader.ReadToEnd ();\n",
    "            return s;\n",
    "        }\n",
    "    }\n",
    "\n",
    "}\n",
    "GetUrlContent(\"http://zohaib.me\");"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Math\n",
    "Math has to use **static** in the **using** statement"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">0.52532198881773\n",
       "</font>"
      ],
      "text/plain": [
       "0.52532198881773\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "using static System.Math;\n",
    "Cos(45);"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">0.850903524534118\n",
       "</font>"
      ],
      "text/plain": [
       "0.850903524534118\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "Sin(45);"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Class"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {},
   "outputs": [],
   "source": [
    "public class Person\n",
    "{\n",
    "    // Field \n",
    "    public string FirstName{get;set;}\n",
    "    public string LastName{get;set;}\n",
    "\n",
    "\n",
    "    // Method \n",
    "    public string GetFullName()\n",
    "    {\n",
    "        return this.FirstName + \" \" + LastName;\n",
    "    }\n",
    "}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {},
   "outputs": [],
   "source": [
    "Person me = new Person(){FirstName=\"Zohaib\", LastName=\"Rauf\"};"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">Zohaib\n",
       "</font>"
      ],
      "text/plain": [
       "Zohaib\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "me.FirstName"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<font style=\"color:Black\">Zohaib Rauf\n",
       "</font>"
      ],
      "text/plain": [
       "Zohaib Rauf\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "me.GetFullName()"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "C#",
   "language": "csharp",
   "name": "kernel-spec"
  },
  "language_info": {
   "file_extension": ".cs",
   "mimetype": "text/x-csharp",
   "name": "C#",
   "pygments_lexer": "c#",
   "version": "4.0.30319"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}