RRCHNM team feedback on design and layout

[hepplerj]

In general, why is Chrome + PC being inconsistent with TailwindCSS?

On mobile:

• [x] Headings seems very far left aligned on mobile (About page is a good example) @hepplerj
  • [x] Collapse two column layout to one @hepplerj
• [x] Navigation hamburger broken @hepplerj
• [x] CSS error: Footer moves to top? @hepplerj

Style changes:

• [x] Manuscript page: add a faint gray border around the image to elevate it a bit? @hepplerj
• [x] Manuscript show page:faint gray border, especially since if user zooms white space can mean the image area is not apparent? @hepplerj
• [x] Manuscript show page: navigation appears crowded, provided some spacing @hepplerj
• [x] All citations: remove em-dash/double dash and only use "2024" @sscott710
  • [x] Update citation URLs to use the slug instead of fk

Specific layout issues:

• [x] About page: Split apart the project team from Winterthur and RRCHNM @sscott710
• [x] Adjust image captions closer and indented to the image (manuscript, forensics, music) @hepplerj
• [x] Forensic browse page: lowercase “Images” @sscott710
• [x] #51
• [x] Manuscript show page: Better text for “Back to the manuscript” -- change to "Browse all manuscript pages" @sscott710
• [x] Home page: on desktop, have nav buttons to the right of the intro text; on mobile, they move below @hepplerj
• [x] Footer: remove nav and add @sscott710
  • [x] citation (copy over from About page)
  • [ ] DOI (eventually...)
  • [x] and year (eventually we'll add license info when Winterthur has decided on this)

Manuscript grid layout:

• [x] Manuscript page: duplicate the pagination buttons at top? Let's also consider adding a page selector dropdown inline next to the pagination. @hepplerj

Data issues:

• [x] Fix nan values @sscott710 -- I would recommend we just edit the data in admin, and have the page number as "n/a"
• [x] Missing images? @hepplerj @sscott710 -- Took a quick look at the data spreadsheet, there are indeed file values provided. So something happened with the import, potentially easiest to fix manually? Need to double-check object storage before deciding how to proceed.

Essay pages:

• [x] Essay show page: I would put citation information at the top. @hepplerj
  • [x] Essay show page: No need to hide author info @hepplerj
• [x] Essay show page: Block quotations should not be bold or italicized. @hepplerj
• [x] Essay citation: “Return to scholarship” might be better as “Browse scholarly essays” @sscott710
• [x] Essay browse page: text goes pretty wide: consider limiting line length? @hepplerj

Winterthur-specific:

• [ ] Bottom nav: Do we need a Getty or other sponsor logo?
• [ ] Introductory text
• [ ] About page text and funding text
• [ ] Introductory paragraph for Manuscript, Forensics, and Music
• [ ] Provide captions and high-res images for Hurd essay without the figure captions included on the image
• [ ] #16

[hepplerj]

@sscott710 Okay, this Issue should collect together notes and feedback from @lmullen and @jgturner52. I've tried to break out tasks for each of us by tagging our usernames. My thinking here is you can focus on some of the content issues, while I tackle the CSS/layout issues since those might end up getting really fiddly.

The one thing to hold on for the moment is the missing images. I need to look into what's happening with the object storage and ensure those images are either missing or present on the server. I'll try and do that shortly so we can figure out a way to proceed.

[hepplerj]

Converted the placeholder URL to an Issue (#51) because there's a slightly larger issue going on with Wagtail. There are no hard-coded URLs for the scholarly essays, so the localhost URL comes from somewhere else. I imagine I missed a Wagtail setting somewhere that needs to be added.

[hepplerj]

I cannot replicate John's CSS issues in Browserstack, nor in my own local browsers (Firefox, Safari, Chrome). I'll do some more investigating but I'm not entirely certain what would cause his machine/browser to render the CSS differently.

[hepplerj]

Resolved the localhost issue for the essays: inside the wagtail CMS, under Sites, you have to set the site root. This will need to be updated manually when the site moves to its permanent location.