Website on Raveen Kumar

My webside ideas

Sun, 19 Feb 2023 00:00:00 +0000

Tags are better than folders
Write things chronological and as essays and tag some keywords
Let it sort itself on the fly based on tags
Use less folders
Less structure more flow

Javascript

Fri, 17 Feb 2023 00:00:00 +0000

Reading Materials

How do you set up a local testing server? - Learn web development | MDN

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics

document.querySelector("html").addEventListener("click", function () {
  alert("Ouch! Stop poking me!");
});

The function we just passed to addEventListener() here is called an anonymous function, because it doesn’t have a name. There’s an alternative way of writing anonymous functions, which we call an arrow function. An arrow function uses () => instead of function ():

document.querySelector("html").addEventListener("click", () => {
  alert("Ouch! Stop poking me!");
});

All Tags

Thu, 16 Feb 2023 00:00:00 +0000

List of all the tags

Insert video with hugo shortcode

Thu, 16 Feb 2023 00:00:00 +0000

https://dev.to/hi_artem/add-a-video-to-your-hugo-website-104

To create a new shortcode, place its template in the layouts/shortcodes. In my case, I created the following template at layouts/shortcodes/video.html

<div class="container">
  <div id="player-wrapper" class="{{ .Get 1 }}"></div>
</div>

<script 
  type="text/javascript" 
  src="https://cdn.jsdelivr.net/npm/@clappr/player@latest/dist/clappr.min.js"
>
</script>

<script>
  var playerElement = document.getElementById("player-wrapper");

  var player = new Clappr.Player({
    source: {{ .Get 0 }},
    mute: true,
    height: 360,
    width: 640
  });

  player.attachTo(playerElement);  
</script>

Now, I can create a new Markdown document, and use the newly created shorthand. Two arguments has to be provided: link to the video, and CSS class to apply to the container wrapping the video element.

Hugo Notes

Wed, 01 Feb 2023 00:00:00 +0000

Hugo notes

Tryig to transition to hugo for my website. This link has been hugely helpful.

https://cloudcannon.com/community/learn/hugo-beginner-tutorial/layouts-in-hugo/

Note that Hugo does not publish posts that is on a future date and todays date. It only serves / publishes those are yesterday and before.

Sort and print all tags by count

https://code.luasoftware.com/tutorials/hugo/hugo-list-tags-sort-by-count

Centering images in hugo

http://www.ebadf.net/2016/10/19/centering-images-in-hugo/

Create tags at the end of a blog post

https://www.jakewiesler.com/blog/hugo-taxonomies

Some notes on using Hugo to publish websites