Justice

Law firm themed business template for Jekyll. Browse through a live demo. Increase the web presence of a business or law firm with this configurable theme.

Justice was made by CloudCannon, the Cloud CMS for Jekyll and Hugo. The component library is built and maintained for use with Bookshop

Find more templates, themes and step-by-step Jekyll tutorials at CloudCannon Community.

Features

• Easy theme switching
• Customisable themes
• Live editing with CloudCannon
• Component library for website building
• Dark mode
• Fully configurable Website
• Contact form
• Pre-built pages
• Pre-styled components
• Blog
• Post category pages
• Staff and author system
• RSS/Atom feed
• Search engine optimisation

Setup

1. Open Website Settings > General Settings
2. Add your website name and live domain URL
3. Add an author to the Staff Members collection
4. Build and adjust your website locally, or with live visual editing on CloudCannon
5. Add any remaining options to Website Settings > General Settings if required

Develop

Justice was built with Jekyll version 4.2.0, but should support newer versions as well.

Install the dependencies for Bookshop:

$ npm install

Install the Jekyll dependencies with Bundler:

$ cd site
$ bundle install

Run the website:

$ cd ../
$ npm start

Editing

Justice is already optimised for adding, updating and removing pages, and components in CloudCannon.

Posts

• Add, update or remove a post in the Posts collection.
• The Staff Author field links to members in the Staff Members collection.
• Change the defaults when new posts are created in _posts/_defaults.md.

Collections

• When adding or removing collections, update the Explore View options within the _config.yml file. For more information see CloudCannon's documentation on Explore Groups.

Contact Forms

• Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. FormSpree).
• Sends email to the address defined within the component.

Staff

• Reused around the site to save multiple editing locations.

Navigation

• Managed as a data file to give clients better access.
• Set in the Website Settings > Navigation section.

Footer

• Managed as a data file to give clients better access.
• Set in the Website Settings > Footer section.

Justice

Law firm themed business template for Eleventy. Browse through a live demo. Increase the web presence of a law firm or business with this configurable theme.

Justice was made by CloudCannon.

Features

• Contact form
• Pre-built pages
• Pre-styled components
• Blog with pagination
• Post category pages
• Disqus comments for posts
• Staff and author system
• Configurable footer
• Optimised for editing in CloudCannon
• RSS/Atom feed
• SEO tags
• Google Analytics

Setup

1. Add your site and author details in _data/seo.json.
2. Add your Google Analytics and Disqus keys to _data/site.js.
3. Get a workflow going to see your site's output (with CloudCannon or Eleventy locally).

Develop

Justice was built with Eleventy version 1.0, but should support newer versions as well.

$ npm install
$ npm start

Editing

Justice is already optimised for adding, updating and removing pages, staff, posts, company details and footer elements in CloudCannon.

Posts

• Add, update or remove a post in the Posts collection.
• The Staff Author field links to members in the Staff collection.
• Change the defaults when new posts are created in _posts/_defaults.md.

Contact Form

• Preconfigured to work with CloudCannon.
• Sends email to the address listed in company details.

Staff

• Reused around the site to save multiple editing locations.

Footer

• Exposed as a data file to give clients better access.
• Set in the Data / Footer section.

Company details

• Reused around the site to save multiple editing locations.
• Set in the Data / Company section.

Justice

Law firm themed business template for Hugo. Browse through a live demo. Increase the web presence of a law firm or business with this configurable theme.

Justice was made by CloudCannon, a Jamstack platform for the whole team.

Features

• Contact form
• Pre-built pages
• Pre-styled components
• Blog with pagination and category pages
• Disqus comments for posts
• Author system
• Configurable footer
• Optimised for editing in CloudCannon
• RSS/Atom feed
• SEO tags
• Google Analytics

Setup

1. Add your site and author details in config.toml.
2. Add your Google Analytics and Disqus keys to config.toml.
3. Get a workflow going to see your site's output (with CloudCannon or Hugo locally).

Develop

Justice was built with Hugo version 0.80.0, but should support newer versions as well.

Run the standalone executable hugo to serve the site locally:

$ hugo server

Editing

Justice is set up for adding, updating and removing pages, authors, posts, company details and footer elements in CloudCannon.

Posts

• Add, update or remove a post in the posts section.
• The author field links to the authors data.
• Change the defaults when new posts are created in _posts/_defaults.md.

Contact Form

• Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. FormSpree).
• Sends email to the address listed in company details.

Author

• Reused around the site to save multiple editing locations.

Footer

• Set how this displays with each page front matter in menu.footer.

Company details

• Reused around the site to save multiple editing locations.
• Set in the Data / Company section.

Justice

Law firm themed business template for Next.js. Browse through a live demo. Increase the web presence of a law firm or business with this configurable theme.

Justice was made by CloudCannon.

Features

• Contact form
• Pre-built pages
• Pre-styled components
• Blog
• Post category pages
• Disqus comments for posts
• Staff and author system
• Configurable footer
• Optimised for editing in CloudCannon
• RSS/Atom feed
• SEO tags
• Google Analytics

Setup

1. Add your site and author details in content/data/seo.json.
2. Add your Google Analytics and Disqus keys to content/data/site.json.
3. Get a workflow going to see your site's output (with CloudCannon or Next.js locally).

Develop

Justice is built with Next.js (version 13.0.4).

$ npm install
$ npm run dev

Editing

Justice is already optimised for adding, updating and removing pages, staff, posts, company details and footer elements in CloudCannon.

Posts

• Add, update or remove a post in the Posts collection.
• The Staff Author field links to members in the Staff collection.
• Change the defaults when new posts are created in content/posts/_defaults.md.

Contact Form

• Preconfigured to work with CloudCannon.
• Sends email to the address listed in company details.

Staff

• Reused around the site to save multiple editing locations.

Footer

• Exposed as a data file to give clients better access.
• Set in the Data / Footer section.

Company details

• Reused around the site to save multiple editing locations.
• Set in the Data / Company section.

Justice

Law firm themed business template for SvelteKit. Browse through a live demo. Increase the web presence of a law firm or business with this configurable theme.

Justice was made by CloudCannon.

Features

• Contact form
• Pre-built pages
• Pre-styled components
• Blog
• Post category pages
• Staff and author system
• Configurable footer
• Optimised for editing in CloudCannon
• RSS/Atom feed
• SEO tags
• Google Analytics

Setup

1. Add your site and author details in content/data/seo.json.
2. Add your Google Analytics key to content/data/site.json.
3. Get a workflow going to see your site's output (with CloudCannon or SvelteKit locally).

Develop

Justice is built with SvelteKit.

$ npm install
$ npm run dev -- --open

Editing

Justice is already optimised for adding, updating and removing pages, staff, posts, company details and footer elements in CloudCannon.

Posts

• Add, update or remove a post in the Posts collection.
• The Staff Author field links to members in the Staff collection.
• Change the defaults when new posts are created in content/posts/_defaults.md.

Contact Form

• Preconfigured to work with CloudCannon.
• Sends email to the address listed in company details.

Staff

• Reused around the site to save multiple editing locations.

Footer

• Exposed as a data file to give clients better access.
• Set in the Data / Footer section.

Company details

• Reused around the site to save multiple editing locations.
• Set in the Data / Company section.