RuboCop Landing Page

The landing page for rubocop.org, built with Bridgetown and Tailwind CSS.

Prerequisites

• Ruby >= 3.2
• Node.js >= 20
• Bundler

Setup

bundle install && npm install

Tailwind CSS was configured using tailwindcss-automation.

Development

bin/bridgetown start

Then visit localhost:4000.

Note: When adding new Tailwind utility classes in ERB templates, you may need to restart the server for the CSS to regenerate.

Linting

bin/rubocop

Deployment

The site is deployed to GitHub Pages via a GitHub Actions workflow. On every push to the main branch, the workflow builds the site with bin/bridgetown deploy and deploys the output/ directory.

The workflow automatically sets BASE_PATH based on the repository. Forks get /rubocop.org so the site works at <username>.github.io/rubocop.org/, while the main repo uses / for the rubocop.org custom domain.

Plugins

• bridgetown-svg-inliner: inlines SVG files directly into HTML for styling with CSS

Data Sources

• GitHub Releases: fetched from the GitHub API at build time (plugins/builders/github_releases.rb)
• Site stats (downloads, stars, cops): configured in src/_data/site_metadata.yml
• Sponsors & Backers: loaded from Open Collective avatar APIs