Acknowledgements

Hits

Firstly, a huge shoutout to my friends for helping me with this website. Special mentions to Debjyoti Biswas, Anant Jain Gowadia, Kajal Kumari, VSV Surya Prakash, and Ayush Kumar Singh for their technical and creative expertise, and invaluable support.

Jekyll and Gitlab pages

This site is built by static website generator Jekyll and is hosted free of cost on gitlab pages. I have used the latest jekyll version V4.0.

This site is built upon the simplistic yet elegant Editorial template hosted on html5up.net. Editorial was adapted for Jekyll by Andrew Banchich.

Fonts and Icon packs

I have extensively used Font Awesome V4.7 and Academicons as icon-pack CDN. This website uses the following three webfonts - Bebas Neue, Fira Sans, Source Sans Pro, and Roboto Mono, delivered by Google Fonts. Many of the ideas used in this site have been borrowed from academicpages.github.io. Home page blinds design is inspired by <a aria-label=”Soumyadeep Das has borrowed ideas from html5up massively theme for this personal research website” href=”https://html5up.net/massively target=”_blank” rel=”noopener noreferrer” >Massively theme</a>.

Search and Tags

I have used lunr.js for searching through posts in this site. Github repo and Cloudcannon provide detailed documentation. Tags have been implemented following Long Qian’s tutorial. For even lazier folks out there, Arturo Moncada-Torres has modified Long Qian’s method to give a more automated, inline approach.

Image handling and scripts

I have used new, optimized .webp image format with traditional .jpg and .png image formats to provide a better browsing experience. I have implemented lazyloading of images, using aFarkas’ Lazysizes library. Backgrounds, such as those in the landing and 404 pages, are handled by inline, responsive design adapted javascripts. Images can be optimized for web, converted to .webp, and thumbnails generated using .sh scripts provided in /assets/images/workshop directory.

Further, dedicated sh scripts in the root directory can be used to generate post files, complete with all necessary liquid tags and placeholders.

Search Engine Optimization (SEO)

I have used jekyll plugin jekyll-seo-tag to streamline SEO. Detailed documentation can be obtained at the github repo.

Sitemap

jekyll-sitemap plugin is used to generate sitemap and robots.txt, to be used by search engine webmasters. Refer to the github repo for documentation.

Compression

To implement page compression on gitlab pages, I have used plugins jekyll-gzip and jekyll-brotli. Respective repos for gzip and brotli are immensely enlightening.

404 Page

The Spacy 404 custom error page was implemented following this codepen.io tutorial.

Miscellaneous

  • CSS minification was performed thanks to the free website cssminifier.com. Critical inline CSS was identified using Critical Path CSS Generator.
  • Collapsing lists were implemented using this tutorial.
  • I am using an open source hit counter, implemented via hitcounter.pythonanywhere.com. Current hits can be seen the bottom of this page (might not work properly with adblockers and tracking-blockers.)

In addition to the above mentioned, there are several resources that immensely helped me make this website, but have not been explicitly mentioned. I am hugely indebted towards all of them. I will keep updating this page slowly and try to include every single such source.


 Back to Top