uidaholib / collectionbuilder-cdm-template Goto Github PK
View Code? Open in Web Editor NEWtemplate used to build digital collection sites at University of Idaho Library
Home Page: https://www.lib.uidaho.edu/digital/
License: MIT License
template used to build digital collection sites at University of Idaho Library
Home Page: https://www.lib.uidaho.edu/digital/
License: MIT License
I'm not sure if this is necessary, but for some collections, we definitely more unique metadata searchable via the browse page. How should we set that up?
add to breadcrumbs, check on mobile
stuff like www.lib.uidaho.edu/digital/assets/images/
should be in www.lib.uidaho.edu/media/ or www.lib.uidaho.edu/digital/objects/
quotes in CSV text fields are escaped by using double quotes ""
, these don't get fixed by jekyll during page gen. replace with '
or pretty quotes in csvs?
#home-title-box padding on mobile should be based on theme.home-title-y-padding some how, since it is currently hard coded as 5em
.
maybe like theme.home-title-y-padding - 2em or /1.5 or something?
https://help.shopify.com/en/themes/liquid/filters/math-filters
just need to ensure we don't end up setting it to zero/negative if the original is small.
timeline
make if statements so unnecessary data downloads don't show up
Is there a time-centric data format?
is this worth while?
most popular, active: https://github.com/aFarkas/lazysizes
add to subjects-js to filter out terms that are useless to the collection
Adjust padding on index image when small screen
Make nav sticky to bottom
link to contact page or a qualtrics form?
auto generate from .json make variable with theme.yml
@mshannon95 noticed issues with reflow not happening on Chrome when images lazyload on an about page item-figure include (works in Firefox, and may have worked fine until recently in Chrome).
This suggests need to add placeholder images (which we tried in past, but didn't love). This CCS-Tricks article suggested an inline svg option--that seems to work really well!
Add:
src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
to images with data-src
which are going to be lazy loaded.
I need to test on huge collections, but probably add to:
var placeholder = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
unfortunately realized that this practice makes it hard working with fields in javascript...
auto gen one?
re: PR #16
use format
field instead of Type
in layouts to decide download, image, etc
use text utility like text-wrap or text-truncate?
https://getbootstrap.com/docs/4.2/utilities/text/
comments from people looking at recently built collections:
maybe a top bar or update look of the all-collections nav button?
currently _include/feature/item-figure.html is compatible with an item that has an objectid, and is either an image or youtubeid.
Should it support PDF items as well?
Do we need a non-item figure include, for an image that isn't an object? Just pass it a link for image?
@dcnb I created a branch cccidaho
fresh from master and put all cccidaho stuff in and config-ed like the previous build.
takes FOR EVER to build...
accessibility issue, tooltips should only be on focusable elements,
https://getbootstrap.com/docs/4.3/components/tooltips/#markup
wrong on timeline where tooltip is on img
are the tooltips necessary, useful, best way to add information?
they are inaccessible on mobile also
subject "accesss road"
@owikle @dcnb major overhaul to match cdm-template to CB-CDM is in branch update-from-cdm
I am not sure how difficult it is going to be to migrate...
Here are some notes about migrating existing stuff:
metadata needs updated required fields:
Configuration migration might be a bit complicated details:
Includes:
Color theme-ing:
Subject cloud, old version had some differences from CB-CDM, which I removed for now:
class="text-center my-4 bg-dark"
, new class="text-center my-4 bg-light border rounded p-2"
.tagcloud0
to .tagcloud10
), new range is 0.4em to 3.0em. I think the larger size was to compensate for size of Ringside? If you think it should be made bigger again, probably copy the sizing from _sass/_pages.scss into _custom.scss to override it.Design questions:
dark,#191919
in config-color-themethis potentially makes the api calls more portable to other systems...
IIIF standard looks like:
{scheme}://{server}{/prefix}/{identifier}/{region}/{size}/{rotation}/{quality}.{format}
Which looks like this in CDM:
https://cdm17254.contentdm.oclc.org/digital/iiif/psychiana/548/full/pct:50/0/default.jpg
Get max size:
https://cdm17254.contentdm.oclc.org/digital/iiif/psychiana/548/full/max/0/default.jpg
Get image info example: https://cdm17254.contentdm.oclc.org/digital/iiif/psychiana/548/info.json
@evanwill I tried to update my forked repo with your latest commits but accidentally ended up merging my changes to this branch. I'm getting confused with the revert process. Can you help? Sorry!
using js was hack for GH version, with find unique plugin it isn't necessary, would make big clouds much faster for users.
provide summary, instruction/ orientation to how to use the site.
= accessibility/usability guideline.
Hi,
When I go into a collection in Collection Builder, and I go into the Browse tab, the images are not in numeric order based on Identification Number. Is it possible to add an option to view the images in order based on their Identification Numbers? I understand the randomness can help showcase different facets of the collection and that's fine, but it would also be nice to have an option to view the images in their correct arrangement (a.k.a. the arrangement that reflects their physical arrangement in our physical collections).
Thank you!! - Michelle Shannon
use standard bootstrap button classes and override colors, rather than create new ones, to make style more themeable
currently the item page has the "Rights" box which is not configurable.
It is automatically added if an item has a field named "rights" and/or "rightsstatement".
Looking at collections, a lot of metadata has these fields named random other things, including many recently done use "rights (standardized)", so rights box doesn't show up. Also, many config-metadata contain both the rights fields, so the item page displays the rights fields, then also includes the rights box.
Do we want to normalize this better? Just have one or the other? Make sure everyone actually changes the field names, and doesn't add them to config-metadata?
Ready for review and move to web server (from Michelle):
add from Queered branch
I found this out working on barstock branch. the buttons would put out links that ended "# basketball" and then searched for " basketball"
I fixed this in the branch by adding a trim to the btn for loop here:
for (var i = 0, len = btns.length; i < len; i++) {
if(btns[i] != "") {
card += '' + btns[i].trim() + '';
}
but I'll let @evanwill decide if that works
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.