TCHP Demo

Contents: About the Collection Builder CDM Skin | About the About Page | Tech

About the Collection Builder CDM Skin

This demo collection features items from the University of Idaho Library’s Psychiana Digital Collection, and is built using CollectionBuilder-CONTENTdm.

CollectionBuilder-CONTENTdm is a template for creating digital collection exhibits on top of existing CONTENTdm repositories. The demo collection features images, document pdfs, audio, and YouTube video items to demonstrate the range of possibilities using the CollectionBuilder visualizations.

Psychiana was a “mail order” religion popular in the 1930s and 40s. Visit the full Psychiana Digital Collection (also built with a version of CollectionBuilder) or the Frank B. Robinson Papers finding aid to learn more.

Feature Includes Bonanza page

Check all the includes. Steal Code!

Image Options

Image from Collection (auto caption)

Example Code –> {% include feature/image.html objectid="demo_psychiana554" width="75" %}

Image from Collection (with a caption)

Example Code –> {% include feature/image.html objectid="demo_psychiana555" width="75" caption="an image" %}

Multiple Images from the Collection (auto caption)

Example Code –> {% include feature/image.html objectid="demo_psychiana554;demo_psychiana_yt1;demo_psychiana556" %}

Multiple Images from the Collection (with captions)

Example Code –> {% include feature/image.html objectid="demo_psychiana554;demo_psychiana555;demo_psychiana556" %}

External Image (without a caption)

Example Code –> {% include feature/image.html objectid="https://www.lib.uidaho.edu/collectionbuilder/demo-objects/mg101_b6_photographs_01.jpg" width="75" alt="Frank B. Robinson at the Organ" %}

External Image (with a caption)

Example Code –> {% include feature/image.html objectid="https://www.lib.uidaho.edu/collectionbuilder/demo-objects/mg101_b6_photographs_01.jpg" width="75" alt="Frank B. Robinson at the Organ" caption="This guy is good!"%}

Multiple External Images (with captions and a link)

Example Code –> {% include feature/image.html objectid="https://www.lib.uidaho.edu/collectionbuilder/demo-objects/mg101_b6_photographs_01.jpg;https://www.lib.uidaho.edu/collectionbuilder/demo-objects/mg101_b6_psychiana_photographs_010.jpg" caption="this guy!;(was nothing without these women!)" link="https://www.lib.uidaho.edu/digital/psychiana/items/psychiana519.html;https://www.lib.uidaho.edu/digital/psychiana/items/psychiana547.html" alt="Frank B. Robinson at the Organ;Women staff members of Psychiana lined up outside the Psychiana headquarters" %}

PDF Options

PDF from Collection (auto caption)

Example Code –> {% include feature/pdf.html objectid="demo_psychiana1025" width="50" %}

PDF from the Collection (with a caption)

Example Code –> {% include feature/pdf.html objectid="demo_psychiana841" width="50" caption="a pdf from the collection" %}

External PDF (without a caption)

Example Code –> {% include feature/pdf.html objectid="https://digital.lib.uidaho.edu/utils/getfile/collection/ui_ep/id/21768/filename/uiext21768.pdf" width="50" %}

External PDF (with a caption)

Example Code –> {% include feature/pdf.html objectid="https://digital.lib.uidaho.edu/utils/getfile/collection/ui_ep/id/21768/filename/uiext21768.pdf" width="50" caption="Safe Chainsawing is Important!" %}

Video Options

Video from Collection (auto caption)

Example Code –> {% include feature/video.html objectid="demo_004" width="75" %}

Video from the Collection (with a caption)

Example Code –> {% include feature/video.html objectid="demo_004" width="50" caption="a video from the collection" %}

External Video File (without a caption)

Example Code –> {% include feature/video.html objectid="https://cdil.lib.uidaho.edu/storying-extinction/objects/trailcams/videos/ballcreek-cedarrub-birdonpath.mp4" width="50"%}

External Video File (with a caption)

Example Code –> {% include feature/video.html objectid="https://cdil.lib.uidaho.edu/storying-extinction/objects/trailcams/videos/ballcreek-cedarrub-birdonpath.mp4" caption="Bears are Important!" width="50" %}

External Vimeo Video

Example Code –> {% include feature/video.html objectid="https://vimeo.com/464555587" width="50" caption="vimeo caption" %}

External Youtube Video

Example Code –> {% include feature/video.html objectid="https://www.youtube.com/watch?v=dbKNr3wuiuQ" width="50" caption="youtube caption" %}

Audio Options

Audio from Collection (auto caption)

Example Code –> {% include feature/audio.html objectid="demo_psychiana54" width="50" %}

Audio from the Collection (with a caption)

a mp3 from the collection

Example Code –> {% include feature/audio.html objectid="demo_psychiana54" width="50" caption="a mp3 from the collection" %}

External Audio (without a caption)

Example Code –> {% include feature/audio.html objectid="https://www.lib.uidaho.edu/digital/mp3s/Clouds.mp3" %}

External Audio (with a caption)

Clouds are Important!

Example Code –> {% include feature/audio.html objectid="https://www.lib.uidaho.edu/digital/mp3s/Clouds.mp3" width="50" caption="Clouds are Important!" %}

Cloud Include

Example Code –> {% include feature/cloud.html fields="subject" min="1" background="dark" button="outline-warning" %}

TimelineJS

Example Code –> {% include feature/timelinejs.html %}

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" %}