search

BlrChessClub / BCC-website

1 stars 6 forks source link

Style / JS Cleanup #102

Closed captn3m0 closed 1 month ago

captn3m0 commented 1 month ago

This PR includes two main changes:

  1. Switch away from Font-Awesome to a custom generated icon font via fontello. It includes 28 icons, including all of the ones that were being used earlier - either directly or via Owl Carousel. We maintain the same icon names, but have to switch from fa- to icon-. This also makes <i> tags optional - but we keep them for now.
  2. Switch to SASS. Jekyll already bundles the plugin, and I noticed that sass was already being used, but not maintained. This switches the styles inside the _sass directory.

Other changes are minor:

  1. Upgrade jQuery to the latest "slim" release.
  2. Bundle lite-yt-embed into style.css and custom.js via SCSS and liquid-includes.

The former improves our performance by dropping the hundreds of extra icons. The assets/font/config.json file can be uploaded at fontello.com anytime to build upon our config and add more icons if needed.

The SASS switch can hopefully improve maintainability, by having one single source of the styles. It also gives us some lightweight "bundling", which we're using to reduce the number of stylesheets requested by the website.

As before, this branch is currently deployed to https://bcc.captnemo.in/

captn3m0 commented 1 month ago

Going ahead and merging this, so I can pick up the next items.