<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="/rss.xsl"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Web on Raveen Kumar</title>
    <link>https://raveenkumar.com/tags/web/</link>
    <description>Recent content in Web on Raveen Kumar</description>
    <generator>Hugo</generator>
    <language>en-US</language>
    <copyright>Raveen Kumar</copyright>
    <lastBuildDate>Fri, 17 Feb 2023 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://raveenkumar.com/tags/web/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Javascript</title>
      <link>https://raveenkumar.com/library/programming/javascript/</link>
      <pubDate>Fri, 17 Feb 2023 00:00:00 +0000</pubDate>
      <guid>https://raveenkumar.com/library/programming/javascript/</guid>
      <description>&lt;h2 id=&#34;reading-materials&#34;&gt;Reading Materials&lt;/h2&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server&#34;&gt;How do you set up a local testing server? - Learn web development | MDN&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics&#34;&gt;https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics&lt;/a&gt;&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-js&#34; data-lang=&#34;js&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;document.&lt;span style=&#34;color:#a6e22e&#34;&gt;querySelector&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;html&amp;#34;&lt;/span&gt;).&lt;span style=&#34;color:#a6e22e&#34;&gt;addEventListener&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;click&amp;#34;&lt;/span&gt;, &lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; () {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;alert&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;Ouch! Stop poking me!&amp;#34;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;});&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;The function we just passed to &lt;code&gt;addEventListener()&lt;/code&gt; here is called an &lt;em&gt;anonymous function&lt;/em&gt;, because it doesn&amp;rsquo;t have a name. There&amp;rsquo;s an alternative way of writing anonymous functions, which we call an &lt;em&gt;arrow function&lt;/em&gt;. An arrow function uses &lt;code&gt;() =&amp;gt;&lt;/code&gt; instead of &lt;code&gt;function ()&lt;/code&gt;:&lt;/p&gt;&#xA;&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;document.querySelector(&amp;#34;html&amp;#34;).addEventListener(&amp;#34;click&amp;#34;, () =&amp;gt; {&#xA;  alert(&amp;#34;Ouch! Stop poking me!&amp;#34;);&#xA;});&#xA;&lt;/code&gt;&lt;/pre&gt;</description>
    </item>
    <item>
      <title>Don&#39;t setup your own mail server</title>
      <link>https://raveenkumar.com/posts/2023-02-15-dont-setup-your-own-mail-server/</link>
      <pubDate>Wed, 15 Feb 2023 00:00:00 +0000</pubDate>
      <guid>https://raveenkumar.com/posts/2023-02-15-dont-setup-your-own-mail-server/</guid>
      <description>&lt;p&gt;Setting up a mail server is much more difficult than setting up a website. And I spent a lot of time figuring out why my mails were not being sent. It was a good learning experience. That&amp;rsquo;s all it was. I switched back to gmail.&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/dCrOxwi3WWI?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;</description>
    </item>
    <item>
      <title>Nginx configs and how to allow specific ports with firewall</title>
      <link>https://raveenkumar.com/posts/2023-02-02-nginx_configs_and_how_to_allow_specific_ports_with_firewall/</link>
      <pubDate>Thu, 02 Feb 2023 00:00:00 +0000</pubDate>
      <guid>https://raveenkumar.com/posts/2023-02-02-nginx_configs_and_how_to_allow_specific_ports_with_firewall/</guid>
      <description>&lt;p&gt;nginx configs and allow specific ports with firewall&#xA;&lt;a href=&#34;https://landchad.net/basic/nginx/&#34;&gt;Setting Up an NginX Webserver | LandChad.net&lt;/a&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Hugo Notes</title>
      <link>https://raveenkumar.com/library/programming/hugo_notes/</link>
      <pubDate>Wed, 01 Feb 2023 00:00:00 +0000</pubDate>
      <guid>https://raveenkumar.com/library/programming/hugo_notes/</guid>
      <description>&lt;h2 id=&#34;hugo-notes&#34;&gt;Hugo notes&lt;/h2&gt;&#xA;&lt;p&gt;Tryig to transition to hugo for my website. This link has been hugely helpful.&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://cloudcannon.com/community/learn/hugo-beginner-tutorial/layouts-in-hugo/&#34;&gt;https://cloudcannon.com/community/learn/hugo-beginner-tutorial/layouts-in-hugo/&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Note that &lt;strong&gt;Hugo does not publish posts that is on a future date and todays date&lt;/strong&gt;. It only serves / publishes those are yesterday and before.&lt;/p&gt;&#xA;&lt;h2 id=&#34;sort-and-print-all-tags-by-count&#34;&gt;Sort and print all tags by count&lt;/h2&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://code.luasoftware.com/tutorials/hugo/hugo-list-tags-sort-by-count&#34;&gt;https://code.luasoftware.com/tutorials/hugo/hugo-list-tags-sort-by-count&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;centering-images-in-hugo&#34;&gt;Centering images in hugo&lt;/h2&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.ebadf.net/2016/10/19/centering-images-in-hugo/&#34;&gt;http://www.ebadf.net/2016/10/19/centering-images-in-hugo/&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;create-tags-at-the-end-of-a-blog-post&#34;&gt;Create tags at the end of a blog post&lt;/h2&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.jakewiesler.com/blog/hugo-taxonomies&#34;&gt;https://www.jakewiesler.com/blog/hugo-taxonomies&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Some notes on using Hugo to publish websites&lt;/p&gt;</description>
    </item>
    <item>
      <title>Add disqus command to your web page</title>
      <link>https://raveenkumar.com/posts/2022-09-16-how-to-add-disqus-comment-section-to-your-website/</link>
      <pubDate>Fri, 16 Sep 2022 00:00:00 +0000</pubDate>
      <guid>https://raveenkumar.com/posts/2022-09-16-how-to-add-disqus-comment-section-to-your-website/</guid>
      <description>&lt;ul&gt;&#xA;&lt;li&gt;Login to disqus&lt;/li&gt;&#xA;&lt;li&gt;Go to: &lt;a href=&#34;https://disqus.com/admin/universalcode/&#34;&gt;https://disqus.com/admin/universalcode/&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;Copy paste the universal code into your web page&lt;/li&gt;&#xA;&lt;li&gt;Now when you serve your html page you should get a disqus comment section&lt;/li&gt;&#xA;&lt;/ul&gt;</description>
    </item>
  </channel>
</rss>
