thl-uk-templates

The Humane League UK - Engaging Networks

Stylesheets and Javascript functionality for The Humane League UK’s Engaging Networks pages

This has been created by assembling an array of files and code created by different agencies/freelancers/in-house teams at different times. Code has been rationalised and code that is very likely no longer needed has been removed (although with stylesheets, where it was unclear, styles have largely been kept). But it’s not perfect.

This aims to keep to only one main stylesheet and one main script file needing to be loaded for each template, to reduce page loading times and to make it easier to maintain and update.

Files

Deployments

We have intentionally avoided any build process (e.g. Webpack, Vite, etc) to keep things simple and to make it as easy as possible for anyone maintaining this codebase in the future. Because the files are relatively small, while a build process would of course be beneficial in terms of optimisation and backwards compatibility, it’s not essential.

Deployments are automatically handled by GitHub Pages and are triggered by pushing to the main branch.

Files are served at https://templates.thehumaneleague.org.uk e.g. https://templates.thehumaneleague.org.uk/scripts.js

This will not make any difference to most supporters (except those repeatedly viewing EN pages), but if you’re testing and need to make sure you’re seeing the latest versions of cached files served through GitHub Pages, update the timestamp on the URLs in the EN page template e.g.

<link rel="stylesheet" href="https://templates.thehumaneleague.org.uk/styles.css?t=2025-01-29--11-35" />

Or you can do a hard refresh in your browser which should clear the cache.