Layout and Styling Tasks

[rakeden]

Is your feature request related to a problem? Please describe. Some Layout and Styling needs to be applied. The requirements are in a shared figma design. For ease of coordination I am listing the most apparent styling issues here.

General Styling

• [x] Webfont (H1-H6 + Content)
• [x] font-sizes and font-colors
• [x] proper color-palette changes to theme

Components

• [x] Navbar-Component: Language Switch
• [x] Navbar-Component: Dark-Mode Toggle
• [x] Navbar-Component: Brand above (remove from Navbar)
• [x] Hero-Banner (Background-Image + Headline + Subtitle)

Layouts

• [x] Layout with Sidebar always visible
• [x] Header-Layout with only right slot, inside page content
• [x] Page-Layout: TOC below Title with scroll-anchors to content Headlines
• [x] Layout with Hero-Banner (Content for Hero-Banner from frontmatter)

Additional context

• Example for custom Hero Component: https://theme-hope.vuejs.press/guide/advanced/presets.html#bing-wallpapers
• How to replace components: https://theme-hope.vuejs.press/guide/advanced/replace.html
• Customize Theme: https://theme-hope.vuejs.press/guide/interface/style.html
• Custom components + layouts: https://theme-hope.vuejs.press/cookbook/customize/component.html

[rakeden]

Example Component, to show content links in a grid:

.md => https://github.com/wax-office-of-inspector-general/wax-developer/blob/dev/src/learn/README.md?plain=1 .vue => https://github.com/wax-office-of-inspector-general/wax-developer/blob/dev/src/.vuepress/components/ContentLinks.vue .scss => https://github.com/wax-office-of-inspector-general/wax-developer/blob/dev/src/.vuepress/styles/content-links.scss

[rakeden]

npm install 
npm run docs:dev

How to run development: https://github.com/wax-office-of-inspector-general/wax-developer/blob/dev/package.json#L10

[rakeden]

Closing this as we are live now.

Thanks for your support @3dkrender & @phanhuy111!

[rakeden]

Has been sompleted.