New attribute page_img: logos for for pages and sections

[PhilReedData]

As discussed, I have borrowed the image page attribute from RO-Crate and used a new page_img attribute for pages to show a graphic such as a logo to the side of the page title. It also shows on the section navigation cards. There is no change to the rendered HTML in either place unless the page_img attribute appears in the front-matter of a page.

More details and images are described in a Google Doc.

This has been tested on a branch of the FAIRDOM website, and in the ETT site itself. I used the following code in _config.yml to make a remote call:
remote_theme: PhilReedData/elixir-toolkit-theme@page-img-007

This is a fork from version 3.2.0. I did not mean to change the Gemfile.lock file.

To do

• Further testing on other sites.
• Tweak the image sizes for mobile viewport and particularly wide/narrow images.
• Perhaps a flag to turn the feature off in section navigation and/or pages.

Sample images

More images in the linked Google Doc above.

[bedroesb]

@PhilReedData Hey! Sorry it took so long to look at your pull request. I played around with some bootstrap classes. Could you have a look in how it behaves on your deployment?

[PhilReedData]

Thanks, I certainly will try that locally. Which remote call should I use now? To a particular tag/release of ETT?

[bedroesb]

this is your branch still !

[bedroesb]

@PhilReedData remote_theme: PhilReedData/[email protected]

[PhilReedData]

Excellent, thank you. This is working really well for me.

[bedroesb]

I don't think you have pulled the latest version of your branch? can you check?

Sorry something behaved different than I expected, you do have the latest version , let me check!

[PhilReedData]

Ah okay. I thought I had a later version because of the way the logo appears above the heading on the mobile view, that's changed from my code (changed for the better).

[bedroesb]

@phil, can you point me to a place/branch where you try out the FAIRDOM Seek website with this version of the theme? The second screenshot show the logo to be be squeezed for example. and I think I want to play a little bit more with the spacings.

[PhilReedData]

Sure, it is here: https://github.com/FAIRdom/fairdom.github.io/tree/page-logos