Collectionbuilder-GH and CollectionBuilder-SHEETS are designed for learning with small collections. To minimize barriers to getting started, these templates take a simplified approach to collection objects.
GH and SHEETS support a small set of object types including jpg, png, pdf, and mp3, plus externally hosted items via YouTube, Vimeo, and external links. No access derivatives are generated, meaning the full sized objects you add to the project will be displayed on web pages through out the site, and no thumbnails are created for non-image items.
Objects must be externally hosted for use in SHEETS prototype sites, but GH and permanent/collaborative SHEETS sites accept local as well as externally hosted object files.
For local hosting, all object files are placed in the “objects” folder directly in your project repository and will be committed to GitHub.
Prep your items in a folder together on your local machine, doing any object editing in advance of adding them to the project.
- Supported formats: jpg, png, pdf, mp3 – plus YouTube, Vimeo, and external links, but you won’t have objects for those!
- File size: since there are no thumbnails generated, keep your object files at a reasonable size for access on the web. This means you will usually not be using your full resolution versions! For example, jpeg images of about 1200px wide and PDFs less than 1 MB will work well. Larger objects (especially images) will slow load times and make your users download unnecessarily large data–so keep them to a web friendly size!
- Total size: GitHub repositories have soft limits on total size, some where around 1 GB. A good rule of thumb is to keep your “objects” folder less than 500 MB.
- Filenaming: to avoid issues, please pay close attention to filenaming conventions! The filename should be an all lowercase unique string with no spaces or special characters. Underscores (
_) are okay. You will use the exact filenames (including extension and same case) to populate the “filename” field of your collection metadata.
Tip: Your File Explorer / Finder might hide file extensions by default. Check your View settings to show extensions!
Note: CB-GH and CB-SHEETS are great for learning, collaborating, and prototyping–all your configuration and metadata is transferable to other CollectionBuilder templates. If you are building a larger collection or featuring larger objects, you will run into its limitations–try using a smaller subset of your collection and smaller size images for your prototype, then migrate to the fully featured CollectionBuilder-CSV template later! CollectionBuilder-CSV enables generating derivatives and hosting objects outside of GitHub.
Once your digital objects are prepped in a folder with good filenames and reasonable sizes… You will upload your files into the “objects” folder in your project repository on GitHub. The template comes with four demo items (.jpg, .pdf, .mp3) as examples.
Follow these steps:
- On the home page of your project repository on GitHub, click on the “objects” folder that appears in the code area of the page.
- On the “objects” folder page, click the “Add file” button and select “Upload files” (appears to right side of page).
- Click “choose your files” and navigate to the location of your object files on your local machine, and select all the collection items. Or drag and drop all the files from your File Explorer / Finder into the GitHub page. Once the files are uploaded, they will appear listed on the web page.
- Scroll down to the “Commit changes” box, write a short commit message in the form (an appropriate message might be “add collection objects to project”), then click the green “Commit changes” button to add them to your repository.
Consider hosting your objects files externally on the web using one of these solutions:
- Host objects on your organization’s server
- Host objects on a platform such as Digital Ocean or Reclaim Hosting (may require a fee)
- Host objects via GitHub pages (free)
Note: Are you using SHEETS to prototype a site? Your objects must be made available externally!
External links to your objects should be included in the filename column of your metadata spreadsheet. Please read our Metadata Documentation to learn more about external item files.