Add publication-time block for the Web Components documentation page

[bdelacretaz]

Add publication-time block

https://main--helix-website--adobe.aem.page/developer/web-components

vs

https://publication-time-block--helix-website--bdelacretaz.hlx.page/developer/web-components

Description

This adds a publication-time block for the upcoming Web Components docs page, using the https://github.com/github/relative-time-element component to display time in a friendly way such as "3 days ago", "18 minutes ago" etc.

It replaces #459, using a Web Component that's actually (somewhat) useful for the website as opposed to a completely distinct example, as discussed with @kptdobe

Related Issue

#457

How Has This Been Tested?

Besides visual testing, the new code is covered by automated tests.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• I have signed the Adobe Open Source CLA (I'm an Adobe employee)
• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.
• I have added tests to cover my changes.
• All new and existing tests passed.

[aem-code-sync]

Page	Scores	Audits	Google
/developer/web-components

[kptdobe]

I definitively prefer this version showcasing a useful web component. Thanks @bdelacretaz.
2 notes in the documentation page:

• paragraph name should be Publication time instead of publication-time (author friendly)
• the output of the web component is not visually clear (it uses the same paragraph style). Maybe we can add one variance (block name could become Publication time (highlight)) and the css would "highlight" or "italic" the content of the block.

[bdelacretaz]

@kptdobe thank you for your review and suggestion, I have implemented the highlight option as suggested, visible at https://publication-time-block--helix-website--bdelacretaz.hlx.page/developer/web-components

With this, from my point of view this PR is ready for review and merge - or feel free to tweak the CSS if you want something different for the "highlight" CSS.