Search
Campus Spark is a single page website template for university and college websites. It’s a great starting point for a higher education use case.
Campus Spark is a single page website template built in Eleventy for education institutions. Browse through a live demo.
Campus Spark is set up for adding, updating and removing pages, components, posts, navigation and footer elements in CloudCannon.
Changes in the data files require the site to be rebuilt to see your changes.
Get a workflow going to see your site's output (with CloudCannon or locally).
npm i
to install the modules.npm run start
to run the project. This will create a _site
folder, where all the developed files will remain.By default the site will be at http://localhost:8080
Campus Spark is built using Bookshop components. Bookshop is a framework that allows you to use component architecture in your static site, and enables live editing in CloudCannon. You can read more about Bookshop and how it integrates with Eleventy here.
The site uses the eleventy image plugin to optimize your images.
To keep build times short you can set preserved paths for your image optimizations by setting preserved paths following the instructions below:
Within your site on CloudCannon navigate to Site Settings (found at the bottom of the site sidebar)
Navigate to the configuration tab
Open "caching options"
Add node_modules/,_site/optimized/
to the preserved paths section
This will mean that only new/updated images get optimized on build.
See this blog for more on optimizing images with Eleventy and CloudCannon.
We have made efforts to prioritize accessibility in our design, but we acknowledge that it may not be perfect. Your feedback is valuable to us, so please feel free to share any suggestions or concerns to help us improve accessibility further.