CollectionBuilder Template

Components

Olivia Wikle, Evan Peter Williamson, Devin Becker

June 2023

​

Review Workflow Ingredients

• Git (version control system)
• GitHub (web platform for collaboration and project management)
• Ruby (programming language)
• Jekyll (static web generator)
• CollectionBuilder (a Jekyll project template)

​

Template Components

CollectionBuilder templates are made up of modular components that will be knit together by Jekyll to build your final website.

​

• HTML
• Sass / CSS
• JS
• Liquid

​

​

​

​

Frameworks

Open source frameworks help create a useable and customizable base for CollectionBuilder projects.

​

• Bootstrap CSS
• "the world’s most popular framework for building responsive, mobile-first sites"
• Bootstrap is a bundle of pre-configured styles and components used to create your layout and page elements. This is much easier than starting from scratch!
• Bootstrap 5 docs
• Bootstrap Icons

​

​

​

​

​

Libraries

Open source packages to help create complex and interactive features. They can be repurposed for new pages in CollectionBuilder or new projects!

​

• DataTables - to create dynamic tables.
• Leaflet - to create interactive maps.
• Spotlight gallery - to create full screen zoom gallery view for image items.
• Lunr - to create search page.

​

Your Content

You will add data to your CollectionBuilder project using these plain text formats:

​

• CSV - a spreadsheet format.
• YAML - a data format.
• Markdown - a writing standard.

​

​

​

​

Browse Page

Discovery Engine

Collection metadata drives generation of reusable data derivatives and rich machine readable markup.

This means better GOOGLE results

Data Derivatives

#collectionsasdata

Collection metadata drives the creation of rich item pages for each object.

Item Page

User Entry Point

About Pages

Collections in Context

Collection metadata can be pulled into narrative pages, surfacing context, research, and storytelling.