[WD-17951] use different footer for docs pages

[akbarkz]

Done

Moved a footer that was implemented for multipass.run's Docs pages some time ago into canonical.com and used it for all Docs pages on canonical.com.

QA

• Open demo instance
• Open Docs pages, for example at /multipass/docs or /mircostack/docs and check that they use their own footer
• Open other pages (not Docs) and check that they still use an existing footer (similar to production)

Issue / Card

Fixes https://warthogs.atlassian.net/browse/WD-17951

Screenshots

Normal footer:

Docs footer:

[webteam-app]

Demo

Jenkins

demos.haus

[petesfrench]

The l-docs__footer for use with the l-docs pattern, which these docs are not currently using. You should either use l-footer or better yet, use l-docs on the whole page

[petesfrench]

Suggested change

	<a class="js-revoke-cookie-manager" href="">Manage your tracker settings</a>
	<a class="js-revoke-cookie-manager" href="#">Manage your tracker settings</a>

If JS is disabled this will refresh the page, it's better that it just does nothing

[akbarkz]

Sure I can add that, although this is how it was in multipass.run: https://github.com/canonical/multipass.run/blob/4e54511c235648a61b67d1499af21e98d53bf19a/templates/_layouts/_footer.html#L20C13-L20C89

[petesfrench]

I suppose multipass was also wrong

[petesfrench]

Suggested change

	<p style="padding-left: 1.5rem">
	<p>

[akbarkz]

I followed an example from https://vanillaframework.io/docs/layouts/documentation

[petesfrench]

Yes, that is the full-width site example. The one used here https://microk8s.io/docs

[petesfrench]

It also breaks on medium screens

[akbarkz]

The l-docs__footer for use with the l-docs pattern, which these docs are not currently using. You should either use l-footer or better yet, use l-docs on the whole page

I think wrapping the whole docs page with "l-docs" class would be tricky, considering it currently extends base_index.html. How about I wrap only the docs footer?

[petesfrench]

@akbarkz We managed to do this in the other micro sites, it just required some extra work in jinja, out of scope for this piece of work but still needs to be done.

I still don't think you should use the l-docs__footer here as it this is not how it is supposed to be used and has potential to break