Skip to content

feat: add logo icon and banner SVG to documentation site #25

@kristopherjturner

Description

@kristopherjturner

Summary

Add a logo/icon and banner SVG to the Azure Local Training documentation site, matching the pattern established by Azure Local Ranger and S2DCartographer.

Required Assets

Create the following files in docs/assets/images/:

  • azurelocal-training-icon.svg — small square icon for browser tab and MkDocs navbar logo
  • azurelocal-training-banner.svg — horizontal banner for the docs home page hero section

Design Guidance

  • Azure Local brand palette: Primary blue (#0078D4) and accent teal (#00B4D8)
  • Icon readable at 32x32px; banner readable at 800px wide
  • Product name: Azure Local Training
  • Visual motif: graduation/learning/certification motif
  • Reference designs: azurelocal-ranger/docs/assets/images/azurelocalranger-icon.svg and azurelocalranger-banner.svg

mkdocs.yml Changes

Once assets are created, add to mkdocs.yml theme block:

  logo: assets/images/azurelocal-training-icon.svg
  favicon: assets/images/azurelocal-training-icon.svg

docs/index.md Usage

Add banner to home page hero section:

![Azure Local Training](assets/images/azurelocal-training-banner.svg)

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentationenhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions