Add ttui-header and ttui-footer

[mjamescompton]

Summary

Include ttui-header and ttui-footer

Screenshots

Screen.Recording.2024-02-08.at.16.28.29.mov

Changes

• Replace header with ttui-header
• Update some page styling and the search input
• Replace footer with ttui-footer

Notes for Reviewers

To run this locally you will need to run yarn link and be running yarn watch-linked on this branch of the design repository https://github.com/TheThingsIndustries/design/pull/216

In this repo cd docs and yarn link @tti/design.

For some reason this does not work with the minified js, for now in the this commit
util: TEMPORARY remove js minify for yarn link I remove the js minify, we should put this back for deployment

You can then run the project as normal with make

@KrishnaIyer there is a screen size where there is to much in the menu, maybe we could organise this into dropdown for desktop?

Checklist

• Scope: The referenced issue is addressed, there are no unrelated changes.
• Run Locally: Verified that the docs build using make server, posted screenshots, verified external links. Test with HUGO_PARAMS_SEARCH_ENABLED=true if style changes will affect the search bar.
• New Features Marked: Documentation for new features is marked using the new-in-version shortcode, according to the guidelines in CONTRIBUTING.
• Style Guidelines: Documentation obeys style guidelines in CONTRIBUTING.
• Commits: Commit messages follow guidelines in CONTRIBUTING, there are no fixup commits left.

[nejraselimovic]

hey @mjamescompton, can you pls tag someone to review this?

[KrishnaIyer]

To run this locally you will need to run yarn link and be running yarn watch-linked on this branch of the design repository https://github.com/TheThingsIndustries/design/pull/216

So the new TTUI version cannot be pulled using make js.deps?

@KrishnaIyer there is a screen size where there is to much in the menu, maybe we could organise this into dropdown for desktop?

Can you elaborate?

[mjamescompton]

To run this locally you will need to run yarn link and be running yarn watch-linked on this branch of the design repository TheThingsIndustries/design#216

So the new TTUI version cannot be pulled using make js.deps?

@KrishnaIyer there is a screen size where there is to much in the menu, maybe we could organise this into dropdown for desktop?

Can you elaborate?

This how you can use your local ttui with your local web project. It telling yarn that the location of the ttui package is not from the remote path but the node_modules contains an alias to local path.

https://classic.yarnpkg.com/lang/en/docs/cli/link/

Once we have released the design repo you can update the version number of ttui and make js.deps will get the latest

[KrishnaIyer]

Ok I see. Then let's wait for the TTUI release and then check this. We don't want to merge this accidentally before that and break CI.

[KrishnaIyer]

@mjamescompton I've rebased this and the content looks fine. Can you remove the temporary commits so we can get this out?