Saptak Sen Home Page

Blog Images

The blog now includes automatic image handling:

• Each blog post can have a thumbnail image (shown in the list view)
• Each blog post can have a header image (shown at the top of the post)
• Images are automatically sourced from Unsplash's free license collection

Adding Images to Blog Posts

To add images to all blog posts:

cd _scripts
bash update_with_venv.sh

This will:

1. Set up a Python virtual environment with required dependencies
2. Find appropriate free images based on your post content
3. Download and save them to the appropriate directories
4. Update your blog post frontmatter
5. Commit and push the changes to GitHub

See _scripts/README.md for more details.

This is the code for the Saptak Sen Home Page.

I wanted a clean, simple home page where I could put my writing, speaking, projects, and photos. It had to be fast, mobile-friendly, free to build, and easy to update. This is the result. Forks and pull requests are welcome!

Quick start

1. Use Git to clone this repo
2. Make sure you have Jekyll installed
3. Just the first time: bundle install
4. To build the site and serve it: bundle exec jekyll serve
5. To test: http://localhost:4000

See the Jekyll and GitHub Pages documentation for more info.

Docker quick start

As an alternative to installing Ruby and Jekyll, if you're a user of Docker and Docker Compose, you can run a Docker image of saptak.github.io that has all the dependencies already setup for you.

On Linux:

1. git clone this repo
2. docker-compose up
3. Go to http://localhost:4000 to test

On OS X, using the docker-osx-dev project:

1. git clone this repo
2. docker-osx-dev
3. docker-compose up
4. Go to http://dockerhost:4000 to test

Technologies

1. Built with Jekyll. This website is completely static and I use basic HTML or Markdown for everything.
2. Hosted on GitHub Pages. I'm using the GitHub Pages Gem and only Jekyll plugins that are available on GitHub Pages.
3. The design is loosely based on Kasper, Pixyll, and Medium.
4. I used Basscss, Sass, Font Awesome Icons, Hint.css,and Google Fonts for styling.
5. I used jQuery, lazySizes, and responsive-nav.js for behavior.
6. I added Disqus as a commenting system.
7. I'm using UptimeRobot and Google Analytics for monitoring and metrics.
8. Most of the blog posts were imported from my old Blogger account, so there are a few hacky Ruby scripts in _scripts left over from that migration.

License

This code is released under the MIT License. See LICENSE.txt.