Now the challenge is to remove the static 2021 and replace it with the dynamic year from the JavaScript Date Object. Here is the rendered HTML screenshot from the Chrome developer tool. At last, the two children would be a small Copyright text and an anchor. Copyright Sectionĭiv.copyright.py -4.text-center.text-whiteīasically, this pug code will generate a division with mentioned classes and then another container division inside it. When I checked the code inside the index.pug, I saw this. Now, the thing is, we just need to take this code and place it at the correct place inside the HTML file templated by the index.pug.

Meaning, going forward, no need to modify the HTML again and again. However, it was static and I wanted to make it dynamic. In my blog, there is a footer where I am showing the current year. Let's discuss one of the problems that I faced with it and how I solved it. I was able to fairly understand and make changes. When I started, I saw an index.pug file inside the project that is driving the whole HTML.

Recently, I started revamping my personal website and used an opensource template from Github - startbootstrap-freelancer.

Pug template anchor