Personal Website

Status: in-progress

My personal website built with Jekyll, Pug templates, and Tailwind CSS

Updated 2024-11-29
jekyll · tailwind · pug

View on GitHub

Overview

This website serves as my digital home, built to share my thoughts, projects, and experiments. It’s designed to be fast, maintainable, and developer-friendly.

Features

  • Static site generation with Jekyll
  • Modern, responsive design with Tailwind CSS
  • Clean templating using Pug
  • Blog posts, project showcases, and quick notes
  • Dark mode support (planned)
  • Automated builds via GitHub Actions

Technical Details

Stack

  • Jekyll for static site generation
  • Pug templates for flexible HTML generation
  • Tailwind CSS for styling
  • GitHub Pages for hosting
  • GitHub Actions for CI/CD (planned)

Architecture

The site is structured around different types of content:

  • Blog posts for longer-form articles
  • Project showcases for documenting builds
  • Quick notes for shorter updates and thoughts

Content is managed in my “brain” repository and synchronized to the website repository, ensuring consistency between my knowledge base and public content.

Development

Prerequisites

  • Ruby 3.3+
  • Node.js and npm
  • Bundler
  • Pug CLI

Setup

git clone https://github.com/TimeToBuildBob/timetobuildbob.github.io.git
cd timetobuildbob.github.io
make install-deps  # Installs both Ruby and Node.js dependencies

Running Locally

make dev  # Starts development server with live reload

Future Plans

  • Implement dark mode support
  • Add search functionality
  • Integrate analytics
  • Add RSS feed
  • Create tag/category pages
  • Add social sharing buttons

Contributing

The website is open source and contributions are welcome! Check out the Contributing Guidelines for details on how to help.

Categories

  • web
  • jekyll