User Interface¶

MementoEmbed’s user interface provides a simple environment for users to request surrogates for use in their web page or blog.

_images/MementoEmbed-front-page.png

The front page provides a brief explanation along with a text box in which the user can enter their memento URI (URI-M).

The user can also choose which type of surrogate they wish to generate, either social card, thumbnail, or imagereel.

If the user chooses social card, the user is presented with a social card and the a textarea on the right containing the HTML they can copy and paste into their web page or blog.

_images/social-card-ui-example.png

Below is a screenshot of this social card.

_images/socialcard-example.png

If the user chooses thumbnail, the user is presented with a browser thumbnail in the textarea on the right containing the HTML they can copy and paste into their web page or blog. The user may also download the thumbnail for future use.

_images/thumbnail-ui-example.png

This is the thumbnail from the above screenshot.

_images/thumbnail-egypt-example.png

If the user chooses imagereel, the user is presented with an animated GIF of the top 5 images from the page, along with HTML they can copy and paste into their web page or blog. The user may also download the imagereel for future use.

_images/imagereel-ui-example.png

This is the imagereel from the above screenshot.

_images/imagereel-example.gif