Embedding image on front page

[Robert Dirig]

Hi, I am trying to embed an image to the front page of our AtoM site. I am using an image that I had uploaded to an archival description. On the front page edit screen, I tried to add an HTML tag <img scr with a link to the image page on AtoM. It didn't work. Any suggestions? 

Thanks, 

Bob Dirig

[S Bowyer]

Hi Bob, 

Assuming you're using a recent version of AtoM, I've had success embedding images using Markdown. 

Instructions here: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#images 

For the URL, I'd use the one you get after clicking through from the archive description to the image only (i.e. URL would usually end in .jpg or .png, depending on image file type). 

So something like:  

Hope that helps, 

Surya 

[Dan Gillean]

Hi Bob, 

Are you using a link to the Master digital object of the image linked to your description, or the reference copy?

If you're using the master link, then remember that by default public users can't see Master digital objects, which may explain why it's not working - the browser in this case can't authenticate and get access to the master. 

Depending on how you're doing it, it may work if you go to the reference display copy (i.e. the version displayed on the view page of a description), and user your browser's right-click "View image" option to open the reference display copy in a new tab, and use the URL for that. 

Remember as well that if the description is Draft, the same problem applies - so your description will need to be published! 

In terms of using Markdown to create the link as Surya suggested, we have some guidance in the documentation here: 

• https://www.accesstomemory.org/docs/latest/user-manual/add-edit-content/formatting/#formatting-images
  

Let us know if this helps!

Dan Gillean, MAS, MLIS
AtoM Program Manager
Artefactual Systems, Inc.
604-527-2056

@accesstomemory

he / him

--
You received this message because you are subscribed to the Google Groups "AtoM Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ica-atom-user...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/ica-atom-users/6c3f3264-13ba-40db-a116-a793a8b79cb9n%40googlegroups.com.

[Dan Gillean]

Quick update: 

I did quickly test my suggestion out on the public demo site, and was able to embed the reference display copy of a public description's digital object on a static page, using HTML:

<div class="text-center"><img src="https://demo.accesstomemory.org/uploads/r/city-of-greater-sudbury-archives/8/2/82336/016-_141.jpg"></div>

See also: https://www.accesstomemory.org/docs/latest/user-manual/administer/static-pages/#images

One other thing worth mentioning: 

You can use both HTML and Markdown to style static pages, but be careful about mixing the two! It can be done, but not within the same block - for example, creating an HTML div and then trying to put Markdown inside of it will mean that the markdown won't render, and vice versa. 

AtoM also has a few helpers in the page to help properly render plain text when saved, and these can sometimes interfere with how you would expect to enter HTML, I've found. For example, AtoM will try wrap plain text in <p> elements when rendering, and has some rules in place about spacing and carriage returns - and this can mean that some elements (like tables or lists for example) need to be entered flat, one element after another in an unbroken string, rather than neatly organized into separate lines, for them to render properly. Log in and take a look at how I had to add the table on the Help page in the demo site, for example, and then use your browser to take a look at the page source and compare. 

Hopefully with a bit of experimentation we can figure it out! 

Dan Gillean, MAS, MLIS
AtoM Program Manager
Artefactual Systems, Inc.
604-527-2056

@accesstomemory

he / him

[Robert Dirig]

Thanks Dan! This is very helpful and I was able to embed the image on our front page. 

Bob