The Charles Little Collection

Contents: About CollectionBuilder SA | About the About Page | Tech

About CollectionBuilder CSV

This demo collection features items from the University of Idaho Library’s Digital Collections, and is build using CollectionBuilder-CSV.

CollectionBuilder-CSV is a “Stand Alone” template for creating digital collection and exhibit websites using Jekyll, given:

• a CSV of collection metadata
• a folder of images, PDFs, audio, or video files

Driven by your collection metadata, the template generates engaging visualizations to browse and explore your objects. The resulting static site can be hosted on any basic web server.

CollectionBuilder is an set of open source tools for creating digital collection and exhibit websites that are driven by metadata and powered by modern static web technology. See CB Docs for detailed information.

About the About Page

We want to make About pages exciting, and easy to build.

The CollectionBuilder about page features a narrowed column with its own (optional) menu, featured content, and some technical information.

To build one, a user writes in Markdown and includes content from the site, as well as typical Bootstrap features like cards and modals, using code snippets like those detailed below. We hope this makes it easier for site builders to develop the collection AND add interesting and engaging contextual information.

Each included file has several options, which are documented in the files themselves and briefly documented below. We’ve given the content widths of 25% and 50% to save space, but you can feature the entire image or document.

You can also see a page featuring a bonanza of feature includes options on our CollectionBuilder-GH demo site.

Include Collection Items

Include an Image

• Image –> {% include feature/image.html objectid="demo_001" width="75" %}

Include a PDF

• PDF – > {% include feature/pdf.html objectid="demo_002" width="50" %}

Include a Video

• Video: {% include feature/video.html objectid="demo_004" %}

Include an Audio File

• Audio: {% include feature/audio.html objectid="demo_003" %}

Include Bootstrap Features

Include a Card

• Card – > {% include feature/card.html header="This is a Card" text="The card features an image from the collection as a cap" objectid="demo004" width="25" centered=true %}

Include a Button

• Buttons – > {% include feature/button.html text="Button Link to Somewhere" link="https://collectionbuilder.github.io/" color="success" %}

Include an Alert

• Alerts – > {% include feature/alert.html text="this is an *alert* that 'warns' a user" color="warning" align="center" %}

Include a Modal

• Modals – > {% include feature/modal.html button="This is a modal using a 'primary' colored button to invite clicking" title="when clicked:" text="A Modal will pop out a box with some more information" color="primary" %}